/* popContainer - common */
.layerPopContainer{position:absolute;}
.layerPopBack{background:rgba(0,0,0,0.5);}

.popContainer{
    background:white;
    -webkit-border-radius:12px;
    -moz-border-radius:12px; border-radius:12px; padding:4px; font-family:'KopubB'; box-shadow:3px 3px 3px rgba(0,0,0,0.2);
    border: 3px solid #4c6aa9;
}

.popContainer .popTitleContainer{display:inline-block; width:100%; height:65px; padding-left:25px;}
.popContainer .popTitleContainer .popTitleTxt{
    font-size: 24px;
    line-height: 65px;
    color: #222222;
    font-family: 'NanumSquareRound';
    font-weight: 600;
    letter-spacing: -1.4px;
}
#popupStorage .popTitleTxt{
    width: 502px;
    border-bottom: 0px solid #dbdbdb;
}
#popupStorage .popTitleTxt.clip{
    background-image: url('../img/popup/clip.png'); 
    background-position: 0 17px;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.popContainer .popTitleContainer .btnClose{position:absolute; display:inline-block; top:14px; right:20px;}
.popContainer .popTitleContainer .icon_link {display:inline-block; vertical-align:middle; width:30px; height:30px; margin-right:5px; background:url('../img/popup/icon_link.png') no-repeat;}

.btnClose{
   width: 42px;
   height: 43px;
    background:url('../img/popup/popup_close2.png') no-repeat; 
    cursor:pointer; border:0; outline:0;
}


.popContainer .popCotentContainer{
    border-top: 0px solid #e1e6eb;
    width:100%; background:#fff;
    border-radius: 10px;
}

.popContainer .pbtn{outline:0; border:0; cursor:pointer;}
.popContainer .inputTxt{display:inline-block; height:50px; border:2px solid #dbdbdb; font-family:'KopubB'; font-size:18px; color:#999999; padding-left:10px; line-height:45px; -webkit-border-right-radius:12px; -moz-border-radius:12px; border-radius:12px;}

/* popContainer - common - mouse tip text  */
.popContainer .popTitleContainer .tipWrap{position:absolute; display:inline-block; top:13px; right:61px;}
.popContainer .popTitleContainer .tipWrap .btnTipHelp{display:inline-block; width:36px; height:36px; background:url('../img/popup/popup_help.png') no-repeat; cursor:pointer; border:0; outline:0;}
.popContainer .popTitleContainer .tipWrap .btnTipHelp:hover{background:url('../img/popup/popup_help_over.png') no-repeat;}

.popContainer .popTitleContainer .tipWrap .tipImg{position:absolute; display:none; right: -152px; margin-top:8px;}
.popContainer .popTitleContainer .tipWrap:hover .tipImg{display:inline-block;}

/* .popContainer .popTitleContainer .tipWrap .tipProgress{width:424px; height:114px; background:url('../img/popup/tooltip_progress.png') no-repeat; top:-114px} */
#popupProgressList .popContainer .popTitleContainer .tipWrap .tipProgressComplete{
    width:508px; height:106px; background:url('../img/popup/tooltip_progress_complete.png') no-repeat; top:-93px;
}
#popupProgressMain .popContainer .popTitleContainer .tipWrap .tipProgressComplete{
    width:508px;
    height:106px;
    background:url('../img/popup/tooltip_progress_complete_main.png') no-repeat;
    top:-93px;
    left: -229px;
}
/* .popContainer .popTitleContainer .tipWrap .tipMylink{width:424px; height:114px; background:url('../img/popup/tooltip_mylink.png') no-repeat; top:-114px} */


/* popContainer - 텍스트 복사 */
.popSelectTxt{position:absolute; display:inline-block; width:550px;}
.popSelectTxt .popSelectSearchBox{width:100%; height:183px; padding:30px 0px 0px 30px;}
.popSelectTxt .popSelectSearchBox .pbtn{width:102px; height:122px; margin:0px 10px; float:left; background:url('../img/popup/popselect_search_btn.png') 0px 0px no-repeat;}
.popSelectTxt .popSelectSearchBox .pbtn:hover{background-image:url('../img/popup/popselect_search_btn_over.png');}

.popSelectTxt .popSelectSearchBox .selectTxtNaver{background-position:-5px 0px;}
.popSelectTxt .popSelectSearchBox .selectTxtNaverDic{background-position:-115px 0px;}
.popSelectTxt .popSelectSearchBox .selectTxtDaum{background-position:-225px 0px;}
.popSelectTxt .popSelectSearchBox .selectTxtGoogle{background-position:-335px 0px;}

.popSelectTxt .popSelectTxtBox{width:100%; height:183px; padding:0 0 0 90px;}
.popSelectTxt .popSelectTxtBox .pbtn{width:102px; height:122px; margin:0px 10px; float:left; background:url('../img/popup/popselect_txt_btn_02.png') 0px 0px no-repeat;}
.popSelectTxt .popSelectTxtBox .pbtn:hover{background-image:url('../img/popup/popselect_txt_btn_over_02.png');}
.popSelectTxt .popSelectTxtBox .selectTxtCopy{background-position:-5px 0;}
.popSelectTxt .popSelectTxtBox .selectTxtHilight{background-position:-115px 0;}
.popSelectTxt .popSelectTxtBox .selectDisable{background-position:-225px 0;}

/*.popSelectTxt .popSelectTxtBox .selectTxtSearch{background-position:-290px 0px;}*/

/* popContainer - 진도 저장 */
.popProgress{position:absolute; display:inline-block; width:550px;}
.popProgressBox{width:522px; height:183px; background:url('../img/popup/progress_bg_popup.png') no-repeat; padding:80px 0px 0px 20px; border-radius:20px;}

.popContainer.popProgressNClose .popCotentContainer{background:none;}
.popContainer.popProgressNClose{position:absolute; display:inline-block; width:480px; height:330px; background: url('../img/popup/popup_close_bg.png') no-repeat; text-align:center; border:5px solid #00b2e3;}
.popContainer.popProgressNClose .popTitleContainer{height:70px; padding-left:0;}
.popContainer.popProgressNClose .popTitleContainer .popTitleTxt{padding-top:40px; text-align:center; color:#00b2e3; line-height:normal;}
.popContainer.popProgressNClose .popTitleContainer .popTitleTxt .sub_txt{display:inline-block; padding-top:25px; font-size:18px; color:#222222;}
.popContainer.popProgressNClose .popTitleContainer .btnClose{top:5px; right:5px; width:48px; height:48px; background:url('../img/popup/progress_close.png') no-repeat;}
.popProgressBoxNClose{width:330px; margin:0px auto; margin-top:50px;}

.popProgressBox .popProgressSelect{
    display:inline-block; float:left; vertical-align:middle; width:125px; height:50px; line-height:50px; text-align:center; background:url('../img/popup/progress_bg_popup_selest.png') no-repeat; margin:12px 30px;
    font-family:'KopubB'; font-size:18px; -webkit-appearance:none;  -moz-appearance:none; overflow:hidden; padding-left:20px;
}
.popProgressBox select::-ms-expand{display:none}
.popProgressBox .popProgressSelect option{border:none; padding:10px;}
    
.popProgressBoxNClose .popProgressSelect{
    display:inline-block; vertical-align:middle; width:132px; height:52px; line-height:52px; margin-bottom:20px; text-align:center; background:url('../img/popup/progress_bg_popup_selest_n_close.png') no-repeat; 
    font-family:'KopubB'; font-size:18px; -webkit-appearance:none;  -moz-appearance:none; overflow:hidden; padding-left:40px;
}
.popProgressBoxNClose .popProgressSelect:nth-of-type(1){margin-right: 45px;  margin-left: -10px;}
.popProgressBoxNClose select::-ms-expand{display:none}
.popProgressBoxNClose .popProgressSelect option{border:none; padding:10px;}
.popProgressBoxNClose .popProgressSelect:focus::-ms-value{background:transparent; color:#333;}

.popProgressBox .btnSave{display: inline-block; margin: 12px 10px; width: 102px; height: 52px; background: url(../img/popup/btn_save.png) no-repeat; font-size: 0;}
.popProgressBox .btnSave:hover{background:url('../img/popup/btn_save_over.png') no-repeat; }

.popProgressBoxNClose .btnSaveNClose{display:inline-block; width:132px; height:52px; margin-right:10px; background:url('../img/popup/btn_save_close.png') no-repeat; font-size:0;}
.popProgressBoxNClose .btnNsave{display:inline-block; width:132px; height:52px; background:url('../img/popup/btn_close.png') no-repeat; font-size:0;}
.popProgressBoxNClose .btnSaveNClose:hover{background:url('../img/popup/btn_save_close_over.png') no-repeat; }
.popProgressBoxNClose .btnNsave:hover{background:url('../img/popup/btn_close_over.png') no-repeat; }


/* popContainer - 진도 저장 - 페이지 선택 */
.popProgressSave{position:absolute; width:224px;}
.popProgressSave .popCotentContainer{background:none;}
.popProgressImg{display:inline-block; width:100%;}
.popProgressImg img{width:107px; height:140px; margin:0px; padding:0px; display:inline-block; float:left}


/* popContainer - 진도 관리 */
.popProgressComplete .popProgressCompleteBox{width:642px; height:440px; background:url('../img/popup/progress_complete_bg_popup.png') no-repeat; padding:70px 0px 65px 0px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

.popProgressComplete .popProgressCompleteBox .side-list{
    position:absolute;
    left:4px;
    top:142px;
    bottom:0;
    width:642px;
    height:calc(100% - 220px); z-index:1; font-family:'KopubB', 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size:24px;
}
.popProgressComplete .popProgressCompleteBox .side-list .scrollable{position:relative; display:inline-block; width:100%; height:100%; padding-right:5px;}

/*
.popProgressComplete .popProgressCompleteBox .side-list .scrollable .scrollContent{height:100%; overflow-y:scroll; overflow-x:hidden}

#popupProgressMain .popProgressCompleteBox .side-list{position:absolute; left:4px; top:130px; bottom:0; width:642px; height:calc(100% - 150px); z-index:1; font-family:'KopubB', 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size:24px;}

.popContainer.popSave{display:table-cell; vertical-align:middle; width:470px; height:200px; background:#fff; border:5px solid #7d418c; font-size:24px; color:#7d418c; text-align:center;}
*/

.popProgressComplete .popProgressCompleteBox .side-list .scrollable .scrollContent{height:100%; overflow-y:scroll; overflow-x:hidden}

#popupProgressMain .popProgressComplete .popProgressCompleteBox {width: 570px;}
#popupProgressMain .popProgressComplete .popProgressCompleteBox{background:url('../img/popup/progress_complete_bg_popup_main.png')}
#popupProgressMain .popProgressCompleteBox .side-list{width:570px; height:calc(100% - 150px);}
#popupProgressMain .progressScroll li .chk{display:none;}
#popupProgressMain .progressScroll li .progressCompleteTxt {width:354px; padding-left:16px;}
#popupProgressMain .progressScroll li .progressCompleteTxt .pageNum{left:101px;}
#popupProgressMain .progressScroll li .progressCompleteTxt .date{left:238px;}

.popContainer.popSave{display:table-cell; vertical-align:middle; width:470px; height:200px; background:#fff; border:5px solid #7d418c; font-size:24px; color:#7d418c; text-align:center;}
.progressScroll li{position:relative; width:642px; height:60px; padding:0px 0px 0px 20px; margin:0px 10px 0px 0px; font-size:24px; color:#222; border-bottom:1px solid #dddddd; cursor:pointer;}
.progressScroll li:last-child{border-bottom:none;}

.progressScroll li .chk{float:left; margin-top:14px; margin-right:50px;}
.progressScroll li .progressCompleteTxt{
    float:left; width:343px;
    padding-left: 25px;
    padding-top: 13px;
}
.progressScroll li .progressCompleteTxt .pageNum{position:absolute; display:inline-block; left:167px; width:210px; text-align:center;}
.progressScroll li .progressCompleteTxt .date{position:absolute; display:inline-block; left:265px; width:210px; text-align:center;}

.popProgressCompleteBox .progressSav{
    float:left; display:inline-block; width:82px; height:42px;
    background:url('../img/popup/progress_complete_bg_popup_btn_save.png') no-repeat; cursor:pointer; font-size:0;
    margin-top: 13px;
    margin-right:5px;
    background-size: 100% auto;
}
.popProgressCompleteBox .progressStu{
    float: left;
    display: inline-block;
    width: 82px;
    height: 42px;
    background: url(../img/popup/progress_complete_bg_popup_btn_study.png) no-repeat;
    cursor: pointer;
    font-size: 0;
    margin-top: 13px;
    margin-left: 34px;
    background-size: 100% auto;
}
.popProgressCompleteBox .progressSav:hover{background:url('../img/popup/progress_complete_bg_popup_btn_save_over.png') no-repeat; background-size: 100% auto;}
.popProgressCompleteBox .progressStu:hover{background:url('../img/popup/progress_complete_bg_popup_btn_study_over.png') no-repeat; background-size: 100% auto;}

.popProgressCompleteBox .progressSelect{position:absolute; display:inline-block; bottom:0px; width:642px; height:67px; padding-top:8px; border-top:1px solid #dddddd;}

.popProgressCompleteBox .progressSelect .chk{position:absolute; display:inline-block; top:17px; left:20px;}
.popProgressCompleteBox .progressSelect .chk input[type=checkbox] + .ico{width:108px; height:30px; background:url('../img/popup/chk_box_bookmarks.png') no-repeat;}
.popProgressCompleteBox .progressSelect .chk input[type=checkbox]:checked + .ico{width:108px; background:url('../img/popup/chk_box_bookmarks_on.png') no-repeat;}

.popProgressCompleteBox .progressDel{position:absolute; display:inline-block; top:6px; right:20px; width:134px; height:50px; background:url('../img/popup/progress_complete_bg_popup_btn_del.png') no-repeat; cursor:pointer; border:0; outline:0; font-size:0}
.popProgressCompleteBox .progressIns{position:absolute; display:inline-block; top:6px; right:158px; width:134px; height:50px; background:url('../img/popup/progress_complete_bg_popup_btn_insert.png') no-repeat; cursor:pointer; border:0; outline:0; font-size:0}
.popProgressCompleteBox .progressDel:hover{background:url('../img/popup/progress_complete_bg_popup_btn_del_over.png') no-repeat;}
.popProgressCompleteBox .progressIns:hover{background:url('../img/popup/progress_complete_bg_popup_btn_insert_over.png') no-repeat;}

/* popContainer - 다운로드 */
.popDownload .popCotentContainer{width:258px; height:121px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.popDownload .download_contents{padding:14px 20px 0px 20px;}
.popDownload .download_contents .download_btn_01{width:104px; height:94px; display:inline-block; float:left; background:url('../img/down/filedown_btn01_on.png') no-repeat; cursor:pointer;}
.popDownload .download_contents .download_btn_02{width:104px; height:94px; display:inline-block; float:left; background:url('../img/down/filedown_btn02_on.png') no-repeat; cursor:pointer; margin-left:10px;}
.popDownload .download_contents .download_btn_01:hover{background:url('../img/down/filedown_btn01_off.png') no-repeat;}
.popDownload .download_contents .download_btn_02:hover{background:url('../img/down/filedown_btn02_off.png') no-repeat;}

/* popContainer - 자료 등록 */
.popMylink{
    position:absolute; display:inline-block; width:558px; height: auto;
    border-radius: 16px;
    border: 4px solid #664330;
    background: #FFC700;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.40);
}
.popMyLinkBox{width:100%; height:auto;}
.popMyLinkBox .tabMenu{ height:75px; margin:0 28px;}
.popMyLinkBox .tabMenu > li{display:inline-block; font-size:0; width:240px; height:48px; cursor:pointer; margin-top:28px;}
.popMyLinkBox .btnMyLinkFile{display:inline-block; float:left; background:url('../img/popup/mylink_file_link.png') no-repeat;width:244px; height:48px;}
.popMyLinkBox .btnMyLinkFile:hover{background:url('../img/popup/mylink_file_link_over.png') no-repeat;}
.popMyLinkBox .btnMyLinkFile.on{background:url('../img/popup/mylink_file_link_over.png') no-repeat;}
.popMyLinkBox .btnMyLinkWeb{display:inline-block; float:left; background:url('../img/popup/mylink_web_link.png') no-repeat;width:244px; height:48px;}
.popMyLinkBox .btnMyLinkWeb:hover{background:url('../img/popup/mylink_web_link_over.png') no-repeat;}
.popMyLinkBox .btnMyLinkWeb.on{background:url('../img/popup/mylink_web_link_over.png') no-repeat;}
.popMylink .btnMyLinkSave{
    position:absolute; display:inline-block; top:139px; right:32px; 
    width:106px; height:89px; background:url('../img/popup/mylink_btn_save.png') no-repeat; cursor:pointer;
}


.popMyLinkBoxFile{width:100%; height:175px;  padding:40px; text-align:center;}
.popMyLinkBoxFile p{font-size:24px;}
.popMyLinkBoxFile .btnMyLinkBoxOk{display:inline-block; width:102px; height:52px; margin-top:30px; background:url('../img/message/message_btn_ok.png') no-repeat; cursor:pointer;}
.popMyLinkBoxFile .btnMyLinkBoxOk:hover{display:inline-block; width:102px; height:52px; background:url('../img/message/message_btn_ok_over.png') no-repeat;}


.popMyLinkBoxWeb{width:100%; height:auto; padding:30px;}
.popMyLinkBoxWeb .myLinkWebWrap{display:inline-block; width:100%; height:42px; margin-bottom:6px;}
.popMyLinkBoxWeb .myLinkWebSrc{display:inline-block; width:365px; margin-right:10px;}
.popMyLinkBoxWeb .myLinkWebName{display:inline-block; width:365px;}

.popMylink input{height:42px; border:2px solid #dbdbdb; padding:0px 10px; font-family:'KopubB'; font-size:16px; color:#999999; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.popMylink input:disabled, .popMylink textarea:disabled {background:none; cursor:default}

/* popContainer -  화면 캡쳐 */
.popCapture{position:absolute; display:inline-block; width:100%; height:72px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; text-align:center;}
.popCapture .popTitleContainer{height:72px; padding-left:25px; text-align:left;}
.popCapture .popTitleContainer .popTitleTxt{line-height:65px; }
.popCapture .popCotentContainer{position:absolute; display:inline-block; top:0px; left:50%; margin-left:-150px; width:300px; background:none;}
.popCapture .popCapturetBox {width:100%;}
.popCapture .popCapturetBox .pbtn{width:56px; height:56px; margin:8px 8px; display:inline-block;}
.popCapture .popCapturetBox .captureBtn01{background:url('../img/popup/capturet_btn_01.png') no-repeat;}
.popCapture .popCapturetBox .captureBtn02{background:url('../img/popup/capturet_btn_02.png') no-repeat;}
.popCapture .popCapturetBox .captureBtn03{background:url('../img/popup/capturet_btn_03.png') no-repeat;}
.popCapture .popCapturetBox .captureBtn01:hover{background:url('../img/popup/capturet_btn_01_over.png') no-repeat;}
.popCapture .popCapturetBox .captureBtn02:hover{background:url('../img/popup/capturet_btn_02_over.png') no-repeat;}
.popCapture .popCapturetBox .captureBtn03:hover{background:url('../img/popup/capturet_btn_03_over.png') no-repeat;}
.popCapture .popCapturetBox .pbtn + .pbtn:before{display:inline-block; width:16px; height:56px; content:''; background:url('../img/popup/capturet_btn_cell.png') no-repeat; margin-left:-24px; float:left;}

/* popContainer -  프린트 */
.popPrint{}

/* popContainer -  도움말 */
.pophelpModal{position:absolute; display:inline-block; width:100%; height:100%; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; left:0px; top:0px; padding:0;}
.pophelpModal .popTitleContainer{height:60px; text-align:left; padding-left:0;}
.pophelpModal .popTitleContainer .popTitleTxt{background:url('../img/helpmap/help_title.png') no-repeat; font-size:0;
    height: 65px;
}
.pophelpModal .popTitleContainer .btnClose{top:5px; right:10px; width:52px; height:52px; background:url('../img/helpmap/help_close.png') center 15px no-repeat;}
.pophelpModal .popTitleContainer .btnClose:hover{background-position:center 15px;}
.pophelpModal .popCotentContainer{position:absolute; display:inline-block; top:60px; left:0px; width:100%; height:100%; background:#fff; padding:20px 30px;}
.pophelpModal .popCotentContainer .popHelpModalBox{width:100%; overflow:hidden; overflow-y:auto; text-align:center;}
.pophelpModal .popCotentContainer .help_img{width:100%; max-width:1864px;}


/*수업 종료*/
#popupProgressMain .btnClose,
#popupProgress .btnClose,
#popupTextSelector .btnClose,
#popupStorage .btnClose,
#popupProgressList .btnClose{
    background-image: url("../img/popup/popup_close2.png");
}
#popupProgressMain .btnClose:hover,
#popupProgress .btnClose:hover,
#popupTextSelector .btnClose:hover,
#popupStorage .btnClose:hover,
#popupProgressList .btnClose:hover{
    background-image: url("../img/popup/popup_close2.png");
}
#popupProgressMain .btnClose{
    top:14px !important;
}
#popupProgressMain .popContainer .popCotentContainer,
#popupProgressList .popContainer .popCotentContainer{
    border-top:none;
}

/*페이지 선택*/
#selectPage{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11111;
    margin: -199px 0 0 -152px;
    background: url('../img/popup/pop_layer_text.png') no-repeat 0 0;
    width: 324px;
    height: 271px;
}

#selectPage img:nth-child(2){
    width: 110px;
    cursor: pointer;
    position: absolute;
    top: 80px;
    left: 42px;
}
#selectPage img:nth-child(3){
    width: 110px;
    cursor: pointer;
    position: absolute;
    top: 80px;
    left: 175px;
}

#selectPage .btnClose{
    cursor: pointer;
    top: 14px;
    right: 20px;
    
    position: absolute;
}
#selectPage .btnClose:hover{
    
}


#tabWebLink .itemTabMenu {
    position: relative;
    display: flex;
    width: 100%;
    height: 40px;
    top: 15px;
    padding: 0 25px;
    border-bottom: 0;
    pointer-events: none;
}
#tabWebLink .itemTabMenu > li{
    width: 50%;
    padding-right: 1px;
}
#tabWebLink .itemTabMenu a {
    text-decoration: none;
}
#tabWebLink .itemTabMenu .itab{
    display: flex;
    width: 100%;
    height: 40px;
    border-radius: 20px 20px 0px 0px;
    background: #C7CACE;
    box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.10) inset;
    align-items: center;
    justify-content: center;
    font-family: 'NanumSquareRound';
    font-size: 21px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    text-decoration: none;
    outline: 0;
}

#tabWebLink .itemTabMenu .itab.on{
    background: #FF9005;
}



#popupProgressList .popContainer{
   background-color: transparent;
   box-shadow: 0 0 0;
   border-radius: 0;
   padding: 0;
   width: 536px;
   height: 638px;
   background-image: url('../img/popup/popupProgressList_bg.png');
   background-size: contain;
   background-repeat: no-repeat;
   background-position: top center;
   padding: 0 40px;
   border: 0;
}
#popupProgressList .popContainer .popTitleContainer .btnClose{
   top: 24px;
    right: 32px;
}


#popupProgressList .popProgressComplete .popProgressCompleteBox{
   width: 100%;  
}
#popupProgressList .popProgressComplete .popProgressCompleteBox .side-list{
   position: static;
   height: 390px;
}
#popupProgressList .popContainer .popCotentContainer{
   background-color: transparent;
}
#popupProgressList .popProgressComplete .popProgressCompleteBox{
   background-image: none;
   background-color: transparent;
   padding: 53px 0px 0px 0px;
   height: 463px;
}

#popupProgressList .popProgressComplete .popProgressCompleteBox .side-list{
   width: 100%;
   margin-top: 10px;
}
#popupProgressList .popProgressComplete .popProgressCompleteBox .side-list .scrollable{
   padding-right: 0;
}

#popupProgressList #progressList.progressScroll li{
   position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    font-family: NanumSquareRound;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    border-bottom: 0;
    cursor: pointer;
}
#popupProgressList #progressList.progressScroll li .chk{
   float: none;
   margin: 0;
   height: 30px;
}
#popupProgressList #progressList.progressScroll li .chk input[type=checkbox],
#popupProgressList #progressList.progressScroll li .chk input[type=checkbox] + .ico{
   position: static;
}
#popupProgressList #progressList.progressScroll li .flex{
   display: flex;
   width: 100%;
   height: 50px;
   justify-content: space-between;
}

#popupProgressList #progressList.progressScroll li .flex .col{
   display: flex;
   justify-content: start;
   align-items: center;
}
#popupProgressList #progressList.progressScroll li .flex .col.col-1{
   width: 30px;
   justify-content: center;
}
#popupProgressList #progressList.progressScroll li .flex .col.col-2{
   width: 85px;
   justify-content: start;
}
#popupProgressList #progressList.progressScroll li .flex .col.col-3{
   width: 85px;
   justify-content: start;
}
#popupProgressList #progressList.progressScroll li .flex .col.col-4{
   width: 45px;
   justify-content: start;
}
#popupProgressList #progressList.progressScroll li .flex .col.col-5{
   width: 175px;
   justify-content: end;
}


#popupProgressList .popProgressCompleteBox .progressStu{
   float: none;
    display: block;
    width: 76px;
    height: 32px;
    cursor: pointer;
    font-size: 0;
    margin-top: 0;
    margin-left: 0;
}
#popupProgressList .popProgressCompleteBox .progressSav{
   float: none;
    display: block;
    width: 76px;
    height: 32px;
    cursor: pointer;
    font-size: 0;
    margin-top: 0;
    margin-left: 3px;
}

#popupProgressList .popProgressCompleteBox .progressSelect{
   border: 0;
   width: 100%;
}

#popupProgressList .popProgressCompleteBox .progressIns{
   width: 112px;
   height: 48px;
   right: 160px
}
#popupProgressList .popProgressCompleteBox .progressDel{
   width: 112px;
   height: 48px;
   right: 46px;
}
#popupProgressList .popProgressCompleteBox .progressSelect{
   left: 20px;
   bottom: 30px;
   height: 60px;
}