@charset "utf-8";

.ml5{margin-left:5px}
.ml10{margin-left:10px;}
.mt5{margin-top:5px}
.ellipsis{overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}

input[type="password"]::-ms-reveal{display:none;}
input[type="password"]::-ms-clear{display:none;}

/* datepicker */
.ui-widget-content{overflow:hidden;margin-left:0 !important;border-radius:10px;}
.ui-state-active,
.ui-widget-content
.ui-state-active,
.ui-widget-header .ui-state-active{background:#3455D5}
.ui-state-disabled{visibility:visible;}
.ui-state-disabled .ui-state-default{color:#ccc}
.ui-datepicker-today:not(.ui-datepicker-current-day) .ui-state-highlight{background:none;font-weight:700;color:#000 !important}

/* datepicker - monthpicker */
[id*="monthpicker"].ui-widget-content{background:#fff}
.ui-datepicker .btn_month_reset{position:absolute;right:10px;top:17px;z-index:100;padding:5px 10px;color:#333;background:#f5f5f5;border:1px solid #ccc;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color 0.2s,color 0.2s,border-color 0.2s;}
.ui-datepicker .mtz-monthpicker tbody tr td{display:table-cell !important;cursor:pointer !important}
.ui-datepicker .mtz-monthpicker tbody tr td.ui-state-active{border-radius:5px}
.ui-datepicker .mtz-monthpicker tbody tr td:hover{font-weight:700;color:#000}
.ui-datepicker .mtz-monthpicker-year{border:0 none;font-family:'NanumSquareRound';font-size:14px;padding:10px 30px 10px 20px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_selectbox.svg') no-repeat 90% 50% / 12px auto;}
.ui-datepicker .mtz-monthpicker-year:focus{outline:0 none;border-bottom:0 none !important;color:#000 !important}

/* btn */
.btn_fill{display:inline-block;min-width:120px;padding:17px 15px;border-radius:8px;text-align:center;border:0 none;background-color:#313131;font-size:14px;font-weight:700;color:#fff !important;box-sizing:border-box;}
.btn_fill.primary{background-color:#3455D5}
.btn_fill_primary{display:inline-block;min-width:120px;padding:17px 15px;border-radius:8px;text-align:center;border:0 none;background-color:#3455D5;font-size:14px;font-weight:700;color:#fff !important;box-sizing:border-box;}
.btn_fill_white{display:inline-block;min-width:120px;padding:17px 15px;border-radius:8px;text-align:center;border:1px solid #313131;background-color:#fff;font-size:14px;font-weight:700;color:#313131 !important;box-sizing:border-box;}
.btn_line{display:inline-block;padding:8px 18px;border-radius:5px;text-align:center;background-color:#fff;border:1px solid #DBDBDB;font-size:12px;color:#000;box-sizing:border-box;}
.btn_line.primary{color:#3455D5;border-color:#3455D5} /*btn_line_primary로 변경 필*/
.btn_line_primary{display:inline-block;padding:8px 18px;border-radius:5px;text-align:center;background-color:#fff;border:1px solid #3455D5;font-size:12px;color:#3455D5 !important;box-sizing:border-box;}
.btn_report{font-size:11px;color:#DBDBDB !important;letter-spacing:-.04em;text-align:center;cursor:default;}
.btn_report.active{color:#555 !important;cursor:pointer}
.btn_report:before{content:'';display:block;width:28px;height:28px;margin-bottom:4px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_report.svg') no-repeat;}
.btn_report.btn_level:before{background-position:0 0}
.btn_report.btn_mini:before{background-position:-28px 0}
.btn_report.btn_achieve:before{background-position:-56px 0}
.btn_report.btn_level.active:before{background-position:0 100%}
.btn_report.btn_mini.active:before{background-position:-28px 100%}
.btn_report.btn_achieve.active:before{background-position:-56px 100%}

/* input */
.inp_type input[type="text"]{display:block;width:100%;height:52px;padding:0 50px 0 20px;border:0 none;background:#F5F5F5;border:1px solid #F5F5F5;border-radius:10px;color:#000;box-sizing:border-box;}
.inp_date_wrap{display:flex;align-items:center;padding:0 10px 0 0;border:1px solid #DBDBDB;border-radius:5px;box-sizing:border-box}
.inp_date_wrap .custom_select.round_option .selectbox_trigger{border:0 none;padding:12px 20px;}
.inp_date_wrap .custom_select.round_option .selectbox_trigger:after{right:0}
.inp_date_type{overflow:hidden;width:110px;display:inline-block;height:38px;padding:0 8px;/*border:1px solid #d0d0d0;*/vertical-align:middle;}
.inp_date_type input[type="text"]{width:calc(100% - 20px);line-height:38px;font-size:14px;color:#000;border:none;min-height:38px;background:transparent}


/* paging */
.paging{margin:30px 0 10px}
.st .paging{margin:50px 0 10px}

/* checkbox */
.inp_check input[type="checkbox"]{width:20px;height:20px;margin:0;border:1px solid #DBDBDB;background:#fff;border-radius:3px;}
.inp_check input[type="checkbox"]:checked{border-color:#3455D5;background:#fff url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_check.svg') no-repeat 50% 50% / 10px auto;background-position:50% 50% !important}


/* align */
.dp_flex{display:flex}
.dp_flex.gap5{gap:5px}
.dp_flex.space_between{justify-content:space-between}
.dp_flex.align_center{align-items:center}

.frm_inp_type{position:relative;color:#000}
.frm_inp_type + .frm_inp_type{margin-top:10px}
.frm_inp_type input{display:block;width:100%;height:52px;padding:0 50px 0 20px;letter-spacing:-.04em;border:0 none;background:#F5F5F5;border:1px solid #F5F5F5;border-radius:10px;color:#000;box-sizing:border-box;}
.frm_inp_type input:focus,
.frm_inp_type textarea:focus{background:#fff;border:1px solid #3455D5;outline:0 none}
.frm_inp_type input::placeholder,
.frm_inp_type textarea::placeholder{color:#C5C5C5;letter-spacing:-.04em}
.frm_inp_type textarea{display:block;width:100%;height:100px;padding:20px;letter-spacing:-.04em;line-height:22px;border:0 none;background:#F5F5F5;border:1px solid #F5F5F5;border-radius:10px;color:#000;box-sizing:border-box;resize:none}
.frm_inp_type .btn_clear{display:none;position:absolute;right:20px;top:18px;width:16px;height:16px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/btn_del.svg') no-repeat 50% 50% / 14px auto;border:0 none;text-indent:-9999px}
.frm_inp_type.pw .btn_clear{right:50px}
.frm_inp_type.pw .btn_pw_toggle{/*display:none;*/position:absolute;right:20px;top:18px;width:18px;height:16px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_pw_toggle.svg') no-repeat 50% 0 / 18px auto;border:0 none;text-indent:-9999px}
.frm_inp_type.pw .btn_pw_toggle.show_pwd{background-position:50% 100%}

/* common */
.txt_alert{position:relative;padding-left:18px;margin-top:10px;color:#FF0000;letter-spacing:-0.04em;font-size:12px;line-height:16px;}
.txt_alert:before{content:'!';position:absolute;left:0;top:0;display:inline-flex;width:13px;height:13px;align-items:center;justify-content:center;border-radius:50%;background:#FF0B00;color:#fff;font-size:10px;font-weight:900;vertical-align:middle;}
.txt_info_alert{position:relative;padding-left:18px;margin-top:10px;color:#FF0000;letter-spacing:-0.04em;font-size:12px;line-height:16px;}
.txt_info_alert:before{content:'!';position:absolute;left:0;top:0;display:inline-flex;width:13px;height:13px;align-items:center;justify-content:center;border-radius:50%;background:#FF0B00;color:#fff;font-size:10px;font-weight:900;vertical-align:middle;}
.txt_success{margin-top:10px;/*color:#3455D5;*/color:#B2B2B2;letter-spacing:-0.04em;font-size:12px}
.txt_success:before{content:'';display:inline-flex;width:13px;height:13px;margin-right:5px;align-items:center;justify-content:center;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_check_gray.svg') no-repeat 50% 50% / 10px auto;vertical-align:middle;}
.txt_warning{margin-top:10px;color:#FF0000;font-size:12px;}

/* nodata */
.nodata{padding:60px 0;color:#000;font-size:14px;line-height:24px;text-align:center;}
.nodata.class{padding-top:104px;margin-top:100px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/img_class_none.svg') no-repeat 50% 0;}
.nodata.st{padding-top:104px;margin-top:100px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/img_st_none.svg') no-repeat 50% 0;}
.nodata.exam{padding-top:104px;margin-top:100px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/img_exam_none.svg') no-repeat 50% 0;}
.nodata a{display:inline-block;border-bottom:1px solid #3455d5;color:#3455d5;line-height:1.2}
.nodata strong{color:#3455d5}

/* topServiceBnr */
#topServiceBnr{padding:20px 0;background-color:#313131}
#topServiceBnr .inner{position:relative;display:flex;max-width:1080px;margin:0 auto;padding:0 85px;align-items:center;justify-content:space-between;box-sizing:border-box;}
#topServiceBnr p{font-family:'NanumSquareNeo';font-size:24px;font-weight:700;color:#FFF;text-align:center}
#topServiceBnr p > strong{color:#EEFF00;font-weight:700;}
#topServiceBnr .btn_box{display:flex;gap:10px;}
#topServiceBnr .btn_box a{width:140px;font-family:'NanumSquareNeo';}
#topServiceBnr .btn_close{position:absolute;right:0;top:50%;display:inline-block;width:30px;height:30px;padding:0;background:none;border:0 none;transform:translateY(-50%)}


/* board_nodata */
.board_list tr:has(.board_nodata),
.board_list tr:has(nodata){outline:0 none}
.board_list tr td.board_nodata{padding:190px 0 60px !important;border:0 none !important;color:#000;font-size:14px;line-height:24px;text-align:center;background-color:#fff}
.board_list tr td.board_nodata.st{background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/img_st_none.svg') no-repeat 50% 80px;}
.board_list tr td.board_nodata.class{background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/img_class_none.svg') no-repeat 50% 80px;}
.board_list tr td.board_nodata.exam{background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/img_exam_none.svg') no-repeat 50% 80px;}
.board_list tr td.board_nodata a{display:inline-block;border-bottom:1px solid #3455d5;color:#3455d5;line-height:1.2}
.board_list tr td.board_nodata strong{color:#3455d5}

/* info_container */
.info_container{padding:50px 50px 0;margin:50px -50px 0;border-top:1px solid #DBDBDB}
.info_container .tit{margin-bottom:20px;font-size:24px;font-weight:900;color:#3455D5;}
.info_container .step_list > li{display:flex;gap:12px;margin-bottom:30px;}
.info_container .step_list .tit_step{position:relative;display:inline-flex;width:120px;height:38px;align-items:center;justify-content:center;background-color:#DBDBDB;border-radius:5px;color:#000;font-weight:700}
.info_container .step_list .tit_step:after{content:'';position:absolute;left:50%;bottom:-26px;display:inline-block;width:16px;height:16px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_selectbox.svg') no-repeat 50% 50% / 12px auto;transform:translateX(-50%);}
.info_container .step_list li:nth-child(2) .tit_step:after{bottom:-38px}
.info_container .step_list li:last-child .tit_step:after{display:none}
.info_container .hipen_list > li{position:relative;padding-left:10px;color:#555;letter-spacing:-.04em;line-height:22px;}
.info_container .hipen_list > li:before{content:'-';position:absolute;left:0;top:0;}
.info_container .hipen_list > li.alert{padding-left:14px;color:#FF0B00;}
.info_container .hipen_list > li.alert:before{content:'';display:inline-block;top:3px;width:12px;height:12px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_alert_tri.svg') no-repeat 50% 50% / 100% auto;}

/* -------- custom select -------- */
.custom_select.search_type select{border:0 none;box-shadow:0 none}
.custom_select.search_type .selectbox_wrap{}
.custom_select.search_type .selectbox_trigger{border-bottom:1px solid #000}
.custom_select.min_option select{border:0 none;box-shadow:0 none}
.custom_select.min_option .selectbox_trigger{padding:5px 15px 5px 10px;}
.custom_select.min_option .option_item{/white-space:nowrap;}
.custom_select.search_bbs_option{width:150px;}
.custom_select.search_bbs_option .selectbox_trigger{border-bottom:1px solid #000}
.custom_select.search_bbs_option .selectbox_trigger.disabled{color:#DBDBDB}
.custom_select.search_bbs_option .option_drop_list{top:calc(100% - 5px);}
.custom_select.round_option .selectbox_trigger{padding:12px 40px 12px 20px;border:1px solid #DBDBDB;border-radius:5px;background-color:#fff;}
.custom_select.round_option .selectbox_trigger:after{right:20px;}
.custom_select.round_option .selectbox_trigger.disabled{color:#C5C5C5;background:#F5F5F5;}
.form_group .custom_select.round_option .selectbox_trigger{padding:18px 40px 18px 20px;border-radius:10px;}
.custom_select .option_drop_list{padding:10px 20px;}
.custom_select{display:block;}
.custom_select select{display:none;}
.selectbox_wrap{position:relative;user-select:none;-webkit-user-select:none;cursor:pointer;width:100%;}
.selectbox_wrap .selectbox{position:relative;display:block;}
.selectbox_trigger{overflow:hidden;position:relative;display:block;padding:12px 20px 12px 0;cursor:pointer;font-size:14px;white-space:nowrap;text-overflow:ellipsis;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.selectbox_trigger.default_selected{color:#C5C5C5;}
.selectbox_trigger:after{position:absolute;top:50%;right:0;display:inline-block;width:16px;height:16px;transform:translateY(-50%);content:"";background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_selectbox.svg') no-repeat 50% 50%/12px auto;font-size:18px;}
.opened .selectbox_trigger:after{transform:translateY(-50%) rotate(180deg);}

/* Custom Select :: Option Drop List */
.option_drop_list { position:absolute;display:none;top:calc(100% - 1px);left:50%;min-width:100%;z-index:11;overflow-y:auto;max-height:200px;background:#fff;border:1px solid #313131;border-radius:5px;transform:translateX(-50%);pointer-events:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.option_drop_list::-webkit-scrollbar{width:12px;border-radius:30px;margin-right:20px;}
.option_drop_list::-webkit-scrollbar-thumb{background-color:#e5e5e5;border-radius:30px;transition:all 0.5s;}
.option_drop_list::-webkit-scrollbar-track{display:none;background-color:#eee; border-radius:20px;}
.selectbox.opened .option_drop_list{opacity:1;visibility:visible;pointer-events:all;}
.option_item{position:relative;display:block;font-size:14px;font-weight:500;color:#000;line-height:30px;cursor:pointer;transition:all 0.05s ease-in-out;white-space:nowrap;}
.option_item:hover{font-weight:700;}
.option_item.selection{font-weight:700;}

/* 게시글 검색 */
.bbs_search2{margin-bottom:35px;}
.bbs_search2 .row{display:flex;gap:10px;justify-content:center;}
.bbs_search2 .row select{width:200px;height:50px;border:0 none;border-bottom:2px solid #000}
.bbs_search2 .row .inp_sch{position:relative;width:400px;border-bottom:1px solid #000}
.bbs_search2 .row .inp_sch input{width:calc(100% - 60px);height:38px;border:0 none;}
.bbs_search2 .row .inp_sch input::placeholder{color:#DBDBDB}
.bbs_search2 .row .inp_sch button{display:inline-block;position:absolute;right:0;top:50%;width:30px;height:30px;text-indent:-9999px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_search.svg') no-repeat 50% 50% / 26px auto;border:0 none;transform:translateY(-50%)}

/* board_list */
.board_list{border-collapse:separate;border-spacing:0 20px;transform:translateY(-20px);/*overflow-x:hidden;*/}
.board_list tr{outline:1px solid #F6F6F6;border-radius:10px;/*transition:all .2s*/}
.board_list tr:hover{outline-color:#3455D5}
.board_list td{/*padding:15px 10px;*/padding:20px 10px;background-color:#F6F6F6;font-size:14px;/*vertical-align:middle;*/}
.board_list td:has(.list_head){/*font-size:16px;*/color:#555;font-weight:700;letter-spacing:-.04em;line-height:1.2;/*vertical-align:top;*/}
.board_list td .list_body{display:inline-block;min-height:16px}
.board_list td.user_info{color:#000;}
.board_list td .info_define{color:#A5A5A5}
.board_list td .info_define strong{color:#000;font-weight:700}
.board_list tr:hover td{background-color:#fff}
.board_list tr td:first-child{padding:20px 10px 20px 50px;border-radius:10px 0 0 10px}
.board_list tr input[name="stuSeq"] + td{padding:20px 10px 20px 50px;border-radius:10px 0 0 10px}
.board_list tr td:last-child{padding:20px 50px 20px 10px;border-radius:0 10px 10px 0}
.board_list td .list_head{display:block;margin-bottom:5px;color:#B2B2B2;font-size:12px;line-height:14px}

/* board_top */
.board_top{display:flex;padding:5px 0 20px;justify-content:space-between;align-items:flex-end}
.board_top.flex_end{justify-content:flex-end}
.board_top .btn_fill{width:160px;}
.board_top .btn_fill + .btn_fill{margin-left:5px}

/* mng_class */
.mng_class{position:relative;/*display:flex;gap:52px*/}
.mng_class .class_title_list{position:absolute;left:0;top:45px;width:195px;transition:top .2s ease}
.mng_class .class_title_list.fixed{position:fixed;left:50%;margin-left:-540px;transform:translateY(55px);}
.mng_class .class_title_list .tit_class{display:inline-block;padding:0 0 20px 20px;color:#3455D5;font-size:16px;font-weight:700}
.mng_class .class_title_list .class_list li a{overflow:hidden;display:block;height:44px;line-height:44px;padding:0 20px;border-radius:8px;color:#000;font-size:14px;white-space:nowrap;text-overflow:ellipsis;}
.mng_class .class_title_list .class_list li.active a{background-color:#F6F6F6;font-weight:700}
.mng_class .class_detail{/*flex:1*/padding-left:245px;}
.mng_class .class_detail .add_container{position:relative;margin-bottom:20px;}
.mng_class .class_detail .add_container .btn_line{position:absolute;right:20px;top:12px;}
.mng_class .item{padding:50px;border:1px solid #DBDBDB;border-radius:10px;transition:all .2s ease}
.mng_class .item:hover{border-color:#3455D5}
.mng_class .item.none{padding:40px 50px}
.mng_class .item.active{border-color:#3455D5}
.mng_class .item + .item{margin-top:20px}
.mng_class .item .item_top{display:flex;margin-bottom:30px;justify-content:space-between;align-items:center;}
.mng_class .item .item_top input{display:inline-block;width:254px;height:38px;border:0 none;border-bottom:1px solid #000;font-size:20px;font-weight:700;color:#000}
.mng_class .item .item_top .edit_right .total{margin-right:15px;color:#3455D5;font-weight:700;}
.mng_class .item .nodata{width:100%;padding:60px 0;color:000;font-size:14px;line-height:24px;text-align:center;}
.mng_class .item .nodata strong{color:#3455d5}
.mng_class .st_list{display:flex;flex-wrap:wrap;gap:10px}
.mng_class .st_list li{width:138px;padding:20px;background:#F6F6F6;border-radius:10px;box-sizing:border-box;}
.mng_class .st_list li .nickname{display:block;margin-bottom:6px;color:#000;font-size:16px;font-weight:700;line-height:1.2}
.mng_class .st_list li .user_id{font-size:12px;color:#B2B2B2}


/* layer_pop_container */
.layer_pop_container{display:none;}
.layer_pop_container .overlay{position:fixed;top:0;left:0;z-index:1001;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);}
.layer_pop_container .custom_overlay{position:fixed;top:0;left:0;z-index:1001;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);}
.layer_pop_container .layer_pop{overflow:auto;position:absolute;left:50%;top:50%;padding:60px 65px 50px;background-color:#fff;max-width:600px;max-height:80%;border-radius:10px;text-align:center;transform:translate(-50%, -50%);}
.layer_pop_container .layer_pop p{line-height:1.4}
.layer_pop_container .pop_tit{margin-bottom:30px;color:#444;font-weight:700;font-size:28px;line-height:1.4}
.layer_pop_container .pop_tit strong{font-weight:700;color:#3455D5}
#popConfirm .pop_cont p{line-height:1.4;color:#444;font-size:14px;line-height:24px;letter-spacing:-0.04em;word-break:keep-all}
#popConfirm .pop_cont p > strong{font-weight:900;font-size:14px;color:#3455D5}
.layer_pop_container .dot_list li{position:relative;padding-left:10px;color:#444;}
.layer_pop_container .dot_list li:before{content:'';position:absolute;left:0;top:8px;display:inline-block;width:5px;height:5px;border-radius:50%;background:rgba(0, 0, 0, .6)}
.layer_pop_container .dot_list li strong{color:#3455D5}
.layer_pop_container .btns{display:flex;width:245px;margin:30px auto 0;gap:5px;justify-content:center}
.layer_pop_container .btns > *{flex:1;max-width:120px;}
.layer_pop_container .btn_close{position:absolute;top:20px;right:20px;display:inline-block;width:30px;height:30px;cursor:pointer;text-indent:-9999px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/btn_close.svg') no-repeat 50% 50% / 100% auto;border:none;}

#popAlert.layer_pop_container .layer_pop{padding:60px 65px 30px}
#popAlert.layer_pop_container .pop_cont p{font-weight:700;color:#000;line-height:1.4}

#popToast.layer_pop_container .layer_pop{display:block;opacity:0;visibility:hidden;padding:40px 65px;transform:translate(-50%, -60%);transition: all 0.3s ease;}
#popToast.layer_pop_container.active .layer_pop{opacity:1;visibility:visible;transform:translate(-50%, -50%);}


.pop_wrap{max-width:1024px;width:100%;padding:55px 50px 30px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pop_wrap .pop_title{margin-bottom:40px;font-size:32px;font-weight:700;color:#444;text-align:center;letter-spacing:0}
.pop_wrap .pop_btn_box{display:flex;justify-content:flex-end;gap:5px;margin-top:30px;}
.pop_wrap .pop_btn_box.space_between{justify-content:space-between}

.pop_st_edit{width:800px}
.pop_st_edit_wrap{display:flex;gap:15px;}
.pop_st_edit_wrap .list_box{overflow-y:auto;height:540px;flex:1;padding:30px 20px;border:1px solid #DBDBDB;border-radius:10px;box-sizing:border-box;}
.pop_st_edit_wrap .list_box::-webkit-scrollbar{width:5px;}
.pop_st_edit_wrap .list_box::-webkit-scrollbar-thumb{border-radius:5px;background-color:#e5e5e5;}
.pop_st_edit_wrap .list_box .nodata{padding-top:104px;margin-top:115px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/img_st_none.svg') no-repeat 50% 0;}
.pop_st_edit_wrap .list_box .search_box{position:relative;width:100%;height:40px;}
.pop_st_edit_wrap .list_box .search_box .btn_search{position:absolute;right:12px;top:5px;display:inline-block;width:30px;height:30px;border:0 none;text-indent:-9999px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_search.svg') no-repeat 50% 50% / 20px auto;}
.pop_st_edit_wrap .list_box .sch_option{/*display:flex;*/margin-top:20px;font-size:14px;}
.pop_st_edit_wrap .list_box .sch_option .total{line-height:24px}
.pop_st_edit_wrap .list_box .tit{margin-bottom:20px;text-align:center;color:#000;font-weight:700;font-size:16px}
.pop_st_edit_wrap .btn_box{display:flex;gap:10px;flex-direction:column;justify-content:center}
.pop_st_edit_wrap .btn_list_edit{display:flex;width:50px;height:40px;border-radius:5px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #3455D5;background:#fff;color:#3455D5;font-size:12px;}
.pop_st_edit_wrap .btn_list_edit.bg{background:#3455D5;color:#fff;}
.pop_st_edit_wrap .btn_list_edit:after{content:'';display:inline-block;width:16px;height:8px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_line_arr.svg') no-repeat;background-position:0 100%;background-size:16px auto}
.pop_st_edit_wrap .btn_list_edit.bg:after{background-position:0 0;background-size:16px auto}
.pop_st_edit_wrap .st_chk_list > li{display:flex;height:75px;padding:18px 20px;gap:18px;margin-top:10px;border-radius:10px;background:#F6F6F6;border:1px solid #F6F6F6;box-sizing:border-box;}
.pop_st_edit_wrap .st_chk_list > li:hover{background-color:#fff;border-color:#3455D5}
.pop_st_edit_wrap .list_box.class_st{border-color:#3455D5}
.pop_st_edit_wrap .list_box.class_st .tit{color:#3455D5}
.pop_st_edit_wrap .list_box.class_st .sch_option .total{color:#3455D5}
.pop_st_edit_wrap .list_box.class_st .st_chk_list > li{height:60px;align-items:center}
.pop_st_edit_wrap .st_chk_list > li label{flex:1;line-height:18px;}
.pop_st_edit_wrap .st_chk_list > li .user_classname{color:#B2B2B2;}

.user_info_row{overflow:hidden;display:flex;}
.user_info_row .user_name{flex:none;font-size:14px;font-weight:700;color:#000}
.user_info_row .user_id{overflow:hidden;display:inline-flex;margin-left:5px;font-size:14px;color:#B2B2B2}
.user_classname{overflow:hidden;display:block;max-width:175px;margin-top:5px;font-size:12px;color:#555;white-space:nowrap;text-overflow:ellipsis;}

.pop_st_reg_wrap{width:570px}

.reg_top{display:flex;margin-bottom:10px;justify-content:flex-end;align-items:flex-end}

.form_group{display:flex;}
.form_group + .form_group{margin-top:5px}
.form_group .form_label{/*position:relative;*/width:110px;flex-shrink:0;font-size:14px;color:#555;letter-spacing:-.04em;}
.form_group .form_label label{line-height:52px;}
.form_group .form_label .req{content:'';display:inline-block;width:4px;height:4px;margin:0 0 10px 4px;border-radius:50%;background-color:#FF0000;text-indent:-9999px;vertical-align:middle;}
.form_group .form_input_wrap{display:flex;flex:1;flex-direction:column;justify-content:center;}
.form_group .form_input_wrap.flex_none{flex:none}
.form_group .validation_wrap:not(:empty){margin:0 0 15px;}
.form_group .custom_select.round_option .selectbox_trigger{background-color:#F5F5F5;border-color:#F5F5F5;}
.form_group .custom_select.round_option .selectbox_trigger:not(.default_selected){color:#000}

.custom_select.round_option .option_drop_list{border-radius:10px}

/* custom file */
.file_upload_group{ position:relative;width:100%;}
.file_upload_group .inp_type{position:relative;width:100%}
.file_upload_group .file_input{display:block;width:100%;height:52px;padding:0 50px 0 20px;letter-spacing:-.04em;border:0 none;background:#F5F5F5;border:1px solid #F5F5F5;border-radius:10px;color:#000;box-sizing:border-box;}
.file_upload_group .file_input::placeholder{color:#b5b5b5;}
.file_upload_group input[type="file"]{position:absolute;display:inline;width:100%;height:40px;top:0;left:0;opacity:0;cursor:pointer;}
.file_upload_group button{position:absolute;right:20px;top:10px;}
.file_upload_group .btn_file_del{position:absolute;right:20px;top:10px;display:block;width:18px;height:18px;border:0 none;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/btn_close.svg') no-repeat 0 50% / 100% auto;}

/* custom input */
.row_group{ position:relative;width:100%;display:flex;gap:10px;}
.row_group .inp_type{position:relative;width:100%}
.row_group > .custom_select{flex:1;}

/* mng exam */
.report_progress{margin-top:5px;appearance:none;width:110px;height:10px;border-radius:10px;overflow:hidden;background-color:#DBDBDB;vertical-align:middle;}
.report_progress::-webkit-progress-bar{background-color:#DBDBDB;border-radius:10px;}
.report_progress::-webkit-progress-value{background-color:#3455D5;border-radius:10px;transition:width 0.3s ease-in-out;}
.report_progress::-moz-progress-bar{background-color:#3455D5;border-radius:10px;transition:width 0.3s ease-in-out;}

.exam_status{font-weight:700;color:#000}
.exam_status:before{content:'';display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:2px;}
.exam_status.before:before{background-color:rgba(99, 217, 57, .6)}
.exam_status.completed:before{background-color:rgba(52, 85, 213, .6)}
.exam_status.nocomment:before{background-color:rgba(243, 55, 55, .6)}

.btn_line:disabled{border-color:#DBDBDB;color:#DBDBDB;background-color:#F6F6F6}
.btn_line.disabled{border-color:#DBDBDB;color:#DBDBDB;/*background-color:#F6F6F6*/cursor:default;}
.btn_copy{display:inline-block;width:18px;height:18px;padding:0;text-indent:-9999px;border:0 none;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_link.svg') no-repeat 50% 50% / 16px auto;vertical-align:middle;}
.btn_copy:disabled{background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_link_disabled.svg') no-repeat 50% 50% / 16px auto;cursor:default;}
.btn_delete{display:inline-block;width:18px;height:18px;padding:0;text-indent:-9999px;border:0 none;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_delete.svg') no-repeat 50% 50% / 16px auto;vertical-align:middle;}

/* pop_exam_assign */
.pop_exam_assign{/*overflow:hidden;*/max-width:1024px}
.pop_exam_assign .scr_wrap{overflow-y:auto;height:390px;padding:2px;}
.pop_exam_assign .scr_wrap{scrollbar-width: none;-ms-overflow-style:none;}
.pop_exam_assign .scr_wrap::-webkit-scrollbar{display:none;/* Chrome, Safari, Opera */}
/*.pop_exam_assign .scr_wrap::-webkit-scrollbar{width:4px;}
.pop_exam_assign .scr_wrap::-webkit-scrollbar-thumb{border-radius:5px;background-color:#ddd}
.pop_exam_assign .scr_wrap::-webkit-scrollbar-track{background-color:#eee;}*/
.pop_exam_assign .board_list{border-spacing:0 10px;transform:translateY(-10px);}
.pop_exam_assign .board_list tr td{height:75px;padding:15px 30px;box-sizing:border-box;}
.pop_exam_assign .board_list tr td:first-child{padding:15px 0 15px 30px}
.pop_exam_assign .board_list tr td:nth-child(2){padding:15px 0}
.pop_exam_assign .lv_sel_wrap{display:flex;align-items:center;gap:5px;}
.pop_exam_assign .lv_sel_wrap .custom_select{flex:none}
.pop_exam_assign .step_list{display:flex;}
.pop_exam_assign .step_list > li{/*flex:1;*/flex-shrink:0;padding:0 30px;box-sizing:border-box;}
.pop_exam_assign .step_list li.step1{width:335px;padding:0 30px 0 0}
.pop_exam_assign .step_list li.step2{position:relative;width:245px;}
.pop_exam_assign .step_list li.step2:before,
.pop_exam_assign .step_list li.step2:after{content:'';position:absolute;top:0;z-index:1;display:inline-block;width:1px;height:580px;background-color:#dbdbdb}
.pop_exam_assign .step_list li.step2:before{left:0;}
.pop_exam_assign .step_list li.step2:after{right:0;}
.pop_exam_assign .step_list li.step3{width:340px;padding:0 0 0 30px;box-sizing:border-box;}
.pop_exam_assign .txt_step{display:block;font-size:12px;color:#3455D5}
.pop_exam_assign .tit_step{display:inline-block;margin:10px 0 12px;font-size:22px;font-weight:700;color:#000;}
.pop_exam_assign .txt_lev_info{color:#555;font-size:12px;line-height:20px;}
.pop_exam_assign .txt_lev_info + .txt_lev_info{margin-top:4px}
.pop_exam_assign .txt_lev_info mark{display:inline-block;padding:0 5px;border-radius:3px;background-color:#A5A5A5;color:#fff;font-size:12px;letter-spacing:-.05em}
.pop_exam_assign .sch_chk_option{display:flex;padding:20px 0 10px;align-itesm:center;}
.pop_exam_assign .pop_btn_box.fixed{position:fixed;left:0;bottom:0;z-index:2;width:100%;padding:20px 50px;justify-content:space-between;align-items:center;background-color:#fff;box-shadow:0 -5px 2px 0 rgba(145, 145, 145, .16);box-sizing:border-box;}
.pop_exam_assign .pop_btn_box .txt{color:#000;font-size:20px;}
.pop_exam_assign .pop_btn_box .txt strong{font-weight:700;color:#3455D5;border-bottom:1px solid #3455d5}

/* pop_level_guide */
.pop_level_guide .pop_title strong{color:#3455D5;font-weight:700}
.pop_level_guide .board_view{width:925px}
.pop_level_guide .board_view thead th{padding:15px 10px 15px 10px;text-align:left;background-color:#F6F6F6;font-weight:900;color:#555;font-size:14px;letter-spacing:-.04em;}
.pop_level_guide .board_view thead th.tc{text-align:center}
.pop_level_guide .board_view thead th:first-child{padding:7px 10px 7px 30px;border-radius:10px 0 0 10px;}
.pop_level_guide .board_view thead th:last-child{border-radius:0 10px 10px 0}
.pop_level_guide .board_view tr td{/*padding:10px 0 10px 20px;*/padding:7px 10px;border-bottom:1px solid #DBDBDB;color:#555;font-size:12px;letter-spacing:-.04em;line-height:1.5}
.pop_level_guide .board_view tr td:first-child{padding:7px 10px 7px 30px;font-weight:700;color:#000;}
.pop_level_guide .board_view tr td:nth-child(3){text-align:center}

/* use_summary */
.use_summary{display:flex;gap:10px;margin-bottom:35px;}
.use_summary .info_box{flex:1;padding:30px 50px;border:1px solid #DBDBDB;border-radius:10px;box-sizing:border-box;}
.use_summary .info_box.student_info{display:flex;padding:20px 50px;align-items:center;justify-content:space-between;}
.use_summary .info_box.product_info{background:#3455D5 url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/bg_product_info.svg') no-repeat 50% 100% / 100% auto;border-color:#3455D5;}
.use_summary .info_box dl dt{margin-bottom:5px;color:#A5A5A5;font-size:12px;line-height:16px;}
.use_summary .info_box dl dt.has_arr:after{content:'';display:inline-block;width:10px;height:10px;margin-left:5px;transform:rotate(-90deg);background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_arr.svg') no-repeat 50% 50% / 6px auto;vertical-align:middle;}
.use_summary .info_box dl dd{color:#000;font-size:22px;line-height:1.2;letter-spacing:-.04em}
.use_summary .info_box .dl_next{display:flex;align-items:center;margin-top:5px;}
.use_summary .info_box .dl_next dt{margin:0 10px 0 0;font-size:12px;color:#3455D5;}
.use_summary .info_box .dl_next dt:after{content:'';display:inline-block;width:1px;height:10px;margin-left:10px;background-color:#3455D5;vertical-align:middle;}
.use_summary .info_box .dl_next dd{font-size:12px;color:#3455D5;line-height:1;}
.use_summary .info_box.product_info dl dt{color:rgba(255,255,255,0.7);}
.use_summary .info_box.product_info dl dd{color:#fff;}
.use_summary .info_box.product_info .dl_next dt{color:#6AE8FC;}
.use_summary .info_box.product_info .dl_next dt:after{background-color:rgba(106, 232, 252, .45);}
.use_summary .info_box.product_info .dl_next dd{color:#6AE8FC;}
.use_summary .info_box.student_info a{display:flex;width:100%;align-items:center;justify-content:space-between;}
.use_summary .info_box.period_info dl dd{letter-spacing:-.08em}
.use_summary .progress_gauge{position:relative;}
.use_summary .progress_gauge .info{position:absolute;left:0;bottom:0;width:100%;text-align:center;}
.use_summary .progress_gauge .info .label{display:block;font-size:10px;color:#A5A5A5;}
.use_summary .progress_gauge .info .value{font-size:14px;font-weight:700;color:#000;line-height:1.42;letter-spacing:-.06em}
.use_summary .progress_gauge progress{display:none}
.use_summary .progress_gauge .foreground{transition:stroke-dashoffset 0.4s ease;}


.sch_option{display:flex;gap:5px;justify-content:space-between;margin-bottom:10px;}
.search_box{position:relative;width:250px;height:40px;}
.search_box input{width:100%;height:40px;padding:0 45px 0 20px;border:1px solid #DBDBDB;border-radius:5px;font-size:14px;letter-spacing:-.04em;background-color:#fff;box-sizing:border-box;}
.search_box input:-internal-autofill-selected{background-color:#fff}
.search_box input::placeholder{color:#C5C5C5;letter-spacing:-.04em;}
.search_box .btn_search{position:absolute;right:12px;top:5px;display:inline-block;width:30px;height:30px;border:0 none;text-indent:-9999px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_search.svg') no-repeat 50% 50% / 20px auto;}

/* pop_report */
.pop_report{max-width:734px;width:734px;padding:20px;font-family:'NanumSquareNeo';}
.pop_report .pop_head{display:flex;background:#fff;align-items:center;justify-content:space-between}
.pop_report .pop_head .btn{display:inline-block;min-width:100px;padding:7px 16px;text-align:center;border-radius:15px;border:1px solid #68490D;color:#68490D;font-size:14px;letter-spacing:-.04em;font-weight:700;box-sizing:border-box;background-color:#fff;font-family:'NanumSquareNeo';}
.pop_report .pop_head .btn + .btn{margin-left:8px}
.pop_report h1{width:150px;height:16px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/lms_logo.svg') no-repeat 50% 0 / 100% auto;text-indent:-9999px}
.pop_report h2{padding:10px 0 15px;color:#674913;font-weight:900;font-size:29px;text-align:center;}
.pop_report .user_info{display:flex;border:1px solid #DBDBDB;}
.pop_report .user_info dt{flex:0 0 auto;padding:14px 12px;border-right:1px solid #DBDBDB;background:#EFF1F5;}
.pop_report .user_info dd{flex:1 1 auto;;padding:14px 12px;text-align:center;}
.pop_report .chart_area{position:relative;padding:15px 25px 20px 15px;border:1px solid #DBDBDB;}
.pop_report .chart_area.line_chart{padding:10px 10px 20px 15px;}
.pop_report .section_head{display:flex;padding:20px 0 10px;align-items:center}
.pop_report .section_head .tit{font-size:18px;color:#000;font-weight:700}
.pop_report .section_head .sub_tit{padding-left:10px;font-size:14px;color:#555}
.pop_report .section_head .sub_tit:before{content:'';display:inline-block;width:1px;height:14px;margin-right:10px;vertical-align:middle;background:#DBDBDB}
.pop_report .pop_foot{text-align:center;margin-top:50px;}
.pop_report .pop_foot .btn{display:inline-block;padding:14px 36px;text-align:center;border:0 none;border-radius:10px;color:#fff;font-size:14px;letter-spacing:-.04em;font-weight:700;box-sizing:border-box;background-color:#68490D;font-family:'NanumSquareNeo';}
.pop_report .chart_loading{position:absolute;left:50%;top:50%;height: 200px;display:flex;justify-content: center;align-items: center;transform:translate(-50%, -50%);}
.pop_report .chart_loading .loader {overflow: hidden;position: relative;width: 1em;height: 1em;border-radius: 50%;color: #674913;font-size: 45px;text-indent: -9999em;transform: translateZ(0);animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;}

@keyframes mltShdSpin {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em,
    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 
    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 
    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, 
    -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, 
    -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
     -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, 
     -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
     -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, 
     -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 
    0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

@keyframes round {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}

@media print{
	html, body{margin:0 !important;page-break-after:avoid;page-break-before:avoid}
	.pop_report{padding:0 !important}
	.pop_report section{break-inside:avoid;}
	.pop_report h2{padding:0 0 10px}
	.pop_report .pop_head .btn{display:none !important}
	.pop_report .pop_foot{display:none !important}
	.pop_report canvas{max-width: 100%;min-height: 100%;max-height: 100%;height: auto!important;width: auto!important;padding-right:0 !important}
}

.teacher_home{display:flex;padding-top:68px;justify-content:space-between;font-family:'NanumSquareNeo'}
.teacher_home button{padding:0;background:none;border:0 none;font-family:'NanumSquareNeo'}
.teacher_home .txt_container h2{opacity:0;font-size:60px;line-height:76px;font-weight:700;color:#000;animation:fadeInUp .4s ease-in-out forwards}
.teacher_home .txt_container h2 strong{color:#3455D5;font-weight:700}
.teacher_home .txt_container h2 + p{opacity:0;margin-top:30px;color:#555;line-height:26px;font-size:16px;animation:fadeInUp .4s ease-in-out .2s forwards}
.teacher_home .txt_container h2 + p strong{color:#000;font-weight:700}
.card_container{width:715px;}
.card_container .card{position:relative;width:342px;height:384px;perspective:1000px;}
.card_container .card:first-child{float:left;margin-top:220px;animation:fadeInUp .4s ease-in-out forwards}
.card_container .card:nth-child(2){float:right;animation:fadeInUp .4s ease-in-out forwards .2s}
.card_container .card:nth-child(3){float:right;margin-top:30px;animation:fadeInUp .4s ease-in-out forwards .2s}
.card_container .card .flip{opacity:0;width:100%;height:100%;transform-style: preserve-3d;transition:0.5s;}
.card_container .card.flipped .flip{transform: rotateY(0);}
.card_container .card.flipped_animation .flip{transform: rotateY(180deg);}

@media(hover: hover) and (pointer: fine) {
	.card_container .card:hover .flip,
	.card_container .card:focus .flip{transform: rotateY(180deg);}
}

.card_container .card.pad_flipped .flip{transform: rotateY(180deg);}
.card_container .card.flipped_animation.pad_flipped .flip{transform: rotateY(0);}
.card_container .card:first-child .back{background-color:#3455D6}
.card_container .card:nth-child(2) .back{background-color:#863DCF}
.card_container .card:nth-child(3) .back{background-color:#17A5AF}
.card_container.bg .card .front{background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/bg_item.svg') no-repeat;}
.card_container.bg .card:first-child .front{background-position:0 0}
.card_container.bg .card:nth-child(2) .front{background-position:0 -384px}
.card_container.bg .card:nth-child(3) .front{background-position:0 -768px}
.card_container .main_tit{display:block;/*height:88px;margin-bottom:8px;*/margin-bottom:20px;font-size:30px;font-weight:700;color:#3455D5;line-height:38px;animation:fadeIn 1s .4s both}
.card_container .main_tit.mb35{margin-bottom:35px}
.card_container.mirrored .main_tit{height:88px;margin-bottom:8px;}
.card_container .main_tit + p{color:#000;font-size:14px;line-height:22px;animation:fadeIn 1s .5s both}
.card_container .sub_notice{display:inline-block;padding:6px 15px;margin-left:5px;background-color:#313131;border-radius:12px;font-size:12px;color:#fff;}
.card_container .txt_more{position:absolute;right:40px;top:30px;font-size:14px;font-weight:900;color:#000;line-height:24px;}
.card_container .txt_more:after{content:'';display:inline-block;width:6px;height:6px;margin-left:4px;transform:rotate(-90deg);background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_arr.svg') no-repeat 50% 50% / 100% auto}
.card_container .card:hover .txt_more{pointer-events: none;}
.card_container .front,
.card_container .back{position:absolute;width:100%;height:100%;padding:45px 40px;backface-visibility:hidden;border-radius:30px;box-sizing:border-box;}
.card_container .front{/*padding:60px 40px;*/background-color:#fff;border:1px solid #DBDBDB;}
.card_container .back{transform:rotateY(180deg);/*padding:50px 40px;*/background-color:#f0f0f0;}
.card_container .back .main_tit{color:#fff;}
.card_container .back .txt_desc{color:rgba(255, 255, 255, .7);font-size:14px;line-height:22px}
.card_container .back .row .tit{color:#fff;}
.card_container .back .row + .row{border-color:rgba(255, 255, 255, .13)}
.card_container .back .row .desc{color:#fff}
.card_container .back .col + .col{border-color:rgba(255, 255, 255, .13);}
.card_container .back .col p{color:rgba(255, 255, 255, .7);}
.card_container .back .col:first-child p{color:#fff}
.card_container .back .col .item + .item:before{background-color:rgba(255, 255, 255, .4);}
.card_container .back .btn_go{position:absolute;right:38px;bottom:35px;font-size:14px;font-weight:900;color:#fff;line-height:24px;}
.card_container .back .btn_go:after{content:'';display:inline-block;width:8px;height:8px;margin-left:4px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_arr_white.svg') no-repeat 50% 50% / 100% auto}
.card_container .tag_group{display:flex;flex-wrap:wrap;gap:5px;margin-top:40px;}
.card_container .tag_group .tag{display:inline-block;padding:7px 15px;font-size:12px;color:rgba(255, 255, 255, .7);border-radius:15px;background-color:rgba(0, 0, 0, .2)}
.card_container .row{position:relative;display:flex;padding:15px 0;justify-content:space-between;}
.card_container .row + .row{border-top:1px dashed rgba(0, 0, 0, .13)}
.card_container .row .sub_notice{position:absolute;right:0;top:-16px;}
.card_container .row .tit{width:125px;font-size:14px;color:#000}
.card_container .row .tit b{font-weight:700;}
.card_container .row .tit.ft16{font-size:16px}
.card_container .row .desc{display:inline-block;font-size:14px;letter-spacing:0;color:#000}
.card_container .row .desc em{font-weight:900;}
.card_container .row .price del{display:inline-block;margin-right:3px;color:rgba(255, 255, 255, .7);font-size:11px;letter-spacing:-.02em;vertical-align:middle}
.card_container .row .price em{font-size:16px;font-weight:900;color:#6AE8FC;text-align:right}
.card_container .col{padding:25px 0}
.card_container .col + .col{border-top:1px dashed rgba(0, 0, 0, .13)}
.card_container .col p{font-size:12px;color:#555;letter-spacing:0}
.card_container .col p + p{margin-top:8px;}
.card_container .col:first-child p{font-size:14px;color:#000;font-weight:700}
.card_container .col .item + .item{padding-left:8px;}
.card_container .col .item + .item:before{content:'';display:inline-block;width:1px;height:10px;margin-right:10px;background-color:rgba(0, 0, 0, .4);vertical-align:middle}
.card_container .col.gudok p{font-weight:700;font-size:14px;letter-spacing:-.02em}
.card_container .col.gudok p + p{margin-top:6px}
.card_container .back .col.gudok p{color:#fff;}
.card_container .front .col.gudok p{color:#000;}

@keyframes fadeInUp{
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}
@keyframes fadeIn{
    0% {
        opacity: 0.2;
    }

    to {
        opacity: 1;
    }
}
@keyframes flipped{
    to	{transform: rotateY(180deg);}
}

/* pop_pw_change */
.pop_pw_change .layer_pop{width:574px;padding:60px 50px 50px;box-sizing:border-box;}
.pop_pw_change .pop_tit{margin-bottom:10px;}
.pop_pw_change .pop_sub_txt{margin-top:10px;font-size:14px;line-height:24px;}
.pop_pw_change .pop_sub_txt strong{color:#3455D5}
.pop_pw_change .pop_cont{margin-top:40px;text-align:left;}
.pop_pw_change .pop_btn_box{display:flex;justify-content:flex-end;gap:5px;margin-top:30px;}
.pop_pw_change .pop_btn_box.space_between{justify-content:space-between}


/********** st **********/
#wrap.st{position:relative;}
#wrap.st:not(.login){background:#F1F5FF url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/bg_st_page.png') repeat-x 50% 0}
#wrap.st.header_fixed{padding-top:0}

/* st_header */
.st_header{position:absolute;left:0;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;;height:80px;padding:0 60px;border-bottom:1px solid #DBDBDB;box-sizing:border-box;}
.st_header:not(.bg_white){min-width:900px;background:#3455D5;border-color:rgba(255, 255, 255, .2)}
.st_header h1{width:200px;height:22px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/lms_logo.svg') no-repeat 50% 100% / 100% auto;text-indent:-9999px}
.st_header.bg_white h1{background-position:50% 0}
.st_header .utils{display:flex;align-items:center;gap:30px;}
.st_header .utils span{position:relative;display:inline-block;padding:0 15px;color:#fff;font-weight:700}
.st_header .utils span:last-child{padding:0 0 0 15px}
.st_header .utils span + span:before{content:'';position:absolute;left:0;top:2px;display:inline-block;width:1px;height:12px;background:rgba(255, 255, 255, .2);}
.st_header .btns a{display:inline-block;width:25px;height:25px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_utils.svg') no-repeat 50% 0;text-indent:-9999px;}
.st_header .btns a.btn_setting{margin-left:10px;background-position:50% 100%}
.st_header .btn_my_report{width:160px;/*margin-left:30px;*/}
.st_header .btn_my_report.disabled{border:1px dashed rgba(255, 255, 255, .28);color:rgba(255, 255, 255, .28) !important;background:transparent;cursor:default;pointer-events:none;}

/* st_login_wrap */
.st_login_wrap{display:flex;width:360px;min-height:calc(100vh - 460px);flex-direction:column;justify-content:center;margin:120px auto 80px}
.st_login_wrap h2{font-size:32px;font-weight:700;color:#444;text-align:center}
.st_login_wrap .txt{margin:20px 0 30px;text-align:center;color:#000;font-size:14px;line-height:20px;}
.st_login_wrap .txt strong{color:#3455D5}
.st_login_wrap .btn_fill_primary{width:100%;height:48px;margin-top:30px;}
.st_login_wrap .frm_inp_type + .frm_inp_type{margin-top:5px}


/* st_my_test */
.st_my_test{max-width:1080px;padding-bottom:100px;margin:140px auto 0;}
.st_my_test .tit_page{color:#fff;font-size:60px;line-height:76px;text-align:center;font-family:'NanumSquareNeo';}
.st_my_test .tit_page strong{font-weight:900}
.st_my_test .tit_page + p{margin-top:20px;color:#6AE8FC;font-size:16px;text-align:center}
.st_my_test .tit_page + p .underline{font-weight:700;border-bottom:1px solid #6AE8FC}
.st_my_test .sch_option{margin-top:50px;justify-content:flex-end;}
.st_my_test .sch_option .inp_date_type{width:80px;height:24px;}
.st_my_test .sch_option .inp_date_type input[type="text"]{width:100%;color:#fff;min-height:24px;line-height:24px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_calender_white.svg') no-repeat 100% 50%;cursor:pointer}
.st_my_test .sch_option .inp_date_type input[type="text"]::placeholder{color:rgba(255, 255, 255, .5)}
.st_my_test .sch_option .custom_select.min_option .selectbox_trigger{color:#fff}
.st_my_test .sch_option .custom_select.min_option .selectbox_trigger.default_selected{color:rgba(255, 255, 255, .5)}
.st_my_test .sch_option .selectbox_trigger:after{background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_selectbox_white.svg') no-repeat 100% 50%;}

.my_test_list{display:flex;gap:20px;flex-wrap:wrap}
.my_test_list > li{position:relative;width:calc(33.33% - 14px);height:345px;padding:50px;border-radius:20px;background-color:#fff;box-shadow:6px 0 6px rgba(0, 0, 0, .1);box-sizing:border-box}
.my_test_list > li.none{background:#F2F2F2 url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/img_st_list_none.svg') no-repeat 50% 50%;text-indent:-9999px;}
.my_test_list .lv_tit{margin-bottom:10px;color:#000;font-size:32px;font-weight:700;line-height:32px;letter-spacing:-.02em}
.my_test_list .class_name{display:inline-block;height:20px;color:#A5A5A5;font-size:14px;line-height:26px;}
.my_test_list dl{margin-top:40px;line-height:24px;color:#313131}
.my_test_list dl dt{float:left;width:65px;}
.my_test_list dl dt:after{content:'';display:inline-block;width:16px;height:16px;margin-left:5px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/lms/ico_date.svg') no-repeat 50% 0;vertical-align:middle;}
.my_test_list dl dt.done:after{background-position:50% 100%}
.my_test_list dl dd{float:left;width:calc(100% - 65px);letter-spacing:-.04em}
.my_test_list .btn{position:absolute;right:50px;bottom:50px;width:160px;padding:16px 15px;font-size:14px}
.my_test_list .btn_fill.disabled{background-color:#E6E6E6;color:#999 !important;cursor:default}
