@charset "utf-8";
/* reset css include */
@import"reset.css";

body{background:#F3F4F6}
body.ovf{overflow: hidden}

/* common button */
.btn_txt{padding:0 20px;height:40px;line-height:40px;border:1px solid #8E618A;background:#8E618A;font-size:16px;color:#fff;text-align:center;font-weight:500;;cursor: pointer;vertical-align:middle;border-radius:6px}
.btn_line{border:1px solid #8E618A;background:#fff;color:#8E618A}
.btn_small{height: 32px;line-height: 32px;padding: 0 12px;font-size: 14px}
.btn_medium{height: 36px;line-height: 36px;padding: 0 12px;font-size: 14px}
.btn_large{height: 44px;line-height: 44px;padding: 0 24px;font-size: 16px}
.btn_black{border-color: #111927;background: #111927;color: #fff}
.btn_gray{border-color: #384250;background: #384250;color: #FCFCFD}
.btn_red{border-color: #E14D4D;background: #E14D4D;color: #fff}
.btn_line_gray{border-color: #D2D6DB;background: #fff;color: #6C727E}
.btn_plus span{display: inline-block;padding-left: 28px;background:url(../../images/manager/default/btn_plus.png) no-repeat 0 center}
.btn_line_plus{border-color: #CBB5CA;background: #fff;color: #8E618A}
.btn_line_plus span{display: inline-block;padding-left: 28px;background:url(../../images/manager/default/btn_line_plus.png) no-repeat 0 center}
.btn_line_gray_plus{border: 1px dashed #D2D6DB;background: #fff;color: #6C727E}
.btn_line_gray_plus span{display: inline-block;padding-left: 28px;background:url(../../images/manager/default/btn_line_gray_plus.png) no-repeat 0 center}
.btn_back{width:32px;height:32px;border: 0;margin-right:12px;padding: 0;background:url(../../images/manager/default/btn_back.png) no-repeat center;text-indent: -9999px;overflow: hidden}
.btn_reset{border: 0;background: transparent;padding: 0 8px;font-size: 14px;color: #6C727E}
.btn_reset span{display: inline-block;padding-left: 28px;background:url(../../images/manager/default/btn_reset.png) no-repeat 0 center}
.btn_option{width:40px;height:40px;border: 0;margin-left:10px;padding: 0;background:url(../../images/manager/default/btn_option.png) no-repeat center;text-indent: -9999px;overflow: hidden}
.btn_zoom{width:32px;height:32px;border: 0;margin-left:10px;padding: 0;background:url(../../images/manager/default/btn_zoom.png) no-repeat center;text-indent: -9999px;overflow: hidden}
.btn_excel{padding: 0 20px;color: #6C727E}
.btn_excel span{display: inline-block;padding-left: 26px;background:url(../../images/manager/default/btn_excel.png) no-repeat 0 center;font-weight:500}
.btn_add{width:36px;height:36px;border: 0;margin-left:4px;padding: 0;background:url(../../images/manager/default/btn_add.png) no-repeat center;text-indent: -9999px;overflow: hidden}

.btn_arrow_left span{padding-left:28px;background:url(../../images/manager/default/ico_btn_arrow_left.png) no-repeat 0 center;background-size:20px}

.btn_area{display: flex;flex-wrap: wrap;margin-top: 48px}
.btn_area.btn2 .btn_txt:not(:first-child){margin-left: 8px}
.btn_area.btn2.bottom_btn .disabled{pointer-events:none;opacity:0.5;cursor:default}

/* common label */
.label{display: inline-block;vertical-align: middle;height: 24px;line-height: 24px;background: #9DA4AE;padding: 0 10px;border-radius: 80px;font-size: 12px;font-weight: 500;color: #fff}
.label.min{height: 19px;line-height: 19px;font-size: 10px}
.label.max{height: 28px;line-height: 26px;background: #F3F4F6;border: 1px solid #E5E7EB;font-size: 14px;color: #9DA4AE}

/* common tag */
.tag{display: inline-block;vertical-align: middle;width: 15px;height: 15px;line-height: 15px;margin-left: 4px;background: #8E618A;border-radius: 2px;font-size: 12px;font-weight: 500;color: #fff;text-align: center;text-indent: -1px}

.ta_l {text-align:left !important}
.ta_c {text-align:center !important}
.ta_r {text-align:right !important}

.fl_l {float:left !important}
.fl_c {display:inline-block;*display:inline;zoom:1}
.fl_r {float:right !important}

.c_f00 {color:#f00 !important}
.c_00f {color:#00f !important}
.c_fff {color:#fff !important}
.c_000 {color:#000 !important}
.c_111 {color:#111 !important}
.c_222 {color:#222 !important}
.c_333 {color:#333 !important}
.c_444 {color:#444 !important}
.c_555 {color:#555 !important}
.c_666 {color:#666 !important}
.c_777 {color:#777 !important}
.c_888 {color:#888 !important}
.c_999 {color:#999 !important}

.c_red {color:#E14D4D !important}
.c_blue {color:#3F48CC !important}
.c_green {color:#138535 !important}

.bdr {border-right: 1px solid #ccc !important}
.bdl {border-left: 1px solid #ccc !important}
.bdr_n{border-right:0 !important}

.line_mail{text-decoration: underline !important}

.hide{position:absolute;left:-9999px;top:-9999px}

.ml0{margin-left:0px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml55{margin-left:55px !important}
.ml60{margin-left:60px !important}
.ml65{margin-left:65px !important}
.ml70{margin-left:70px !important}
.ml75{margin-left:75px !important}
.ml80{margin-left:80px !important}
.ml85{margin-left:85px !important}
.ml90{margin-left:90px !important}
.ml95{margin-left:95px !important}
.ml100{margin-left:100px !important}

.mr0{margin-right:0px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}
.mr55{margin-right:55px !important}
.mr60{margin-right:60px !important}
.mr65{margin-right:65px !important}
.mr70{margin-right:70px !important}
.mr75{margin-right:75px !important}
.mr80{margin-right:80px !important}
.mr85{margin-right:85px !important}
.mr90{margin-right:90px !important}
.mr95{margin-right:95px !important}
.mr100{margin-right:100px !important}

.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt75{margin-top:75px !important}
.mt80{margin-top:80px !important}
.mt85{margin-top:85px !important}
.mt90{margin-top:90px !important}
.mt95{margin-top:95px !important}
.mt100{margin-top:100px !important}

.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb55{margin-bottom:55px !important}
.mb60{margin-bottom:60px !important}
.mb65{margin-bottom:65px !important}
.mb70{margin-bottom:70px !important}
.mb75{margin-bottom:75px !important}
.mb80{margin-bottom:80px !important}
.mb85{margin-bottom:85px !important}
.mb90{margin-bottom:90px !important}
.mb95{margin-bottom:95px !important}
.mb100{margin-bottom:100px !important}

.pl0{padding-left:0px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
.pl45{padding-left:45px !important}
.pl50{padding-left:50px !important}
.pl55{padding-left:55px !important}
.pl60{padding-left:60px !important}
.pl65{padding-left:65px !important}
.pl70{padding-left:70px !important}
.pl75{padding-left:75px !important}
.pl80{padding-left:80px !important}
.pl85{padding-left:85px !important}
.pl90{padding-left:90px !important}
.pl95{padding-left:95px !important}
.pl100{padding-left:100px !important}

.pr0{padding-right:0px !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr17{padding-right:17px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pr45{padding-right:45px !important}
.pr50{padding-right:50px !important}
.pr55{padding-right:55px !important}
.pr60{padding-right:60px !important}
.pr65{padding-right:65px !important}
.pr70{padding-right:70px !important}
.pr75{padding-right:75px !important}
.pr80{padding-right:80px !important}
.pr85{padding-right:85px !important}
.pr90{padding-right:90px !important}
.pr95{padding-right:95px !important}
.pr100{padding-right:100px !important}

.pt0{padding-top:0px !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt45{padding-top:45px !important}
.pt50{padding-top:50px !important}
.pt55{padding-top:55px !important}
.pt60{padding-top:60px !important}
.pt65{padding-top:65px !important}
.pt70{padding-top:70px !important}
.pt75{padding-top:75px !important}
.pt80{padding-top:80px !important}
.pt85{padding-top:85px !important}
.pt90{padding-top:90px !important}
.pt95{padding-top:95px !important}
.pt100{padding-top:100px !important}

.pb0{padding-bottom:0px !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}
.pb55{padding-bottom:55px !important}
.pb60{padding-bottom:60px !important}
.pb65{padding-bottom:65px !important}
.pb70{padding-bottom:70px !important}
.pb75{padding-bottom:75px !important}
.pb80{padding-bottom:80px !important}
.pb85{padding-bottom:85px !important}
.pb90{padding-bottom:90px !important}
.pb95{padding-bottom:95px !important}
.pb100{padding-bottom:100px !important}

.nodata{line-height:200px;text-align:center}

/* 한줄처리 */
.text_overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* date_area */
.date_area{display:inline-block;overflow:hidden;line-height:30px;vertical-align:middle}
.date_area .date_form{display:inline-block;vertical-align:top;*zoom:1}
.date_area .date_form:after{content:"";display:block;clear:both}
.date_area .date_form input{padding-left: 44px;background: #fff url(../../images/manager/default/date_picker.png) 16px center no-repeat;background-size:21px}
.date_area .date_form input:disabled{background: #F3F4F6 url(../../images/manager/default/date_picker_disabled.png) 16px center no-repeat;background-size:21px}

/* time_area */
.time_area{display:inline-block;overflow:hidden;line-height:30px;vertical-align:middle}
.time_area .time_form{display:inline-block;vertical-align:top;*zoom:1}
.time_area .time_form:after{content:"";display:block;clear:both}
.time_area .time_form input{padding-left: 44px;background: #fff url(../../images/manager/default/time_picker.png) 16px center no-repeat;background-size:20px}

/* attach_area */
.attach_area{display: flex;flex-wrap: wrap}
.attach_area li{display: flex;align-items: center;justify-content: space-between;width: 343px;margin-right: 12px;padding: 12px 16px;background: #fff;border-radius: 6px;border: 1px solid #D2D6DB}
.attach_area li:nth-of-type(3n){margin-right: 0}
.attach_area li .con{width: calc(100% - 20px);padding-left: 40px}
.attach_area li .con p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: 500;color: #111927}
.attach_area li .con span{display: block;font-size: 12px;color: #6C727E}
.attach_area li.pdf .con{background: url(../../images/manager/default/ico_file_pdf.png) 0 center no-repeat}
.attach_area li.doc .con{background: url(../../images/manager/default/ico_file_doc.png) 0 center no-repeat}
.attach_area li.ppt .con{background: url(../../images/manager/default/ico_file_ppt.png) 0 center no-repeat}
.attach_area li .btn{width: 20px}
.attach_area li .btn a{width: 20px;height: 20px;background: url(../../images/manager/default/ico_file_download.png) center no-repeat;text-indent: -9999px;overflow: hidden}
.attach_area li .btn.remove button{width: 20px;height: 20px;border: 0;background: url(../../images/manager/default/ico_file_remove.png) center no-repeat;text-indent: -9999px;overflow: hidden}

/* search */
.search{display:inline-flex;align-items:center;width:248px;border-radius:6px;border:1px solid #D2D6DB;background:#fff;padding: 0 16px}
.search button{width:16px;height:16px;border:0;background: url(../../images/manager/default/btn_search.png) center no-repeat}
.search button span{display:block;text-indent:-9999px;overflow:hidden}
.search input{height:42px;line-height:42px;padding: 0 0 0 8px;border:0}

/* toggle */
.toggle{position: relative}
.toggle .toggle__btn{position: relative;width: 100%;height: 44px;line-height: 44px;border-radius: 6px;padding: 0 16px;font-size: 14px;text-align: left;border: 1px solid #D2D6DB;background: #fff}
.toggle .toggle__btn>.btn_area{display: none}
.toggle .toggle__btn:after{content:"";display: block;position: absolute;top: 50%;right: 16px;width: 20px;height: 20px;background:url(../../images/manager/default/ico_select_arrow.png) no-repeat center/cover;transform: translateY(-50%)}
.toggle .toggle__btn.active:after{transform: translateY(-50%) rotate(180deg)}
.toggle .toggle__btn.active + .toggle__option{display: block}
.toggle .toggle__option{display: none;position: absolute;top: 50px;left: 0;width: 262px;height: 220px;overflow-y: auto;background: #fff;border: 1px solid #D2D6DB;border-radius: 6px;z-index: 100}
.toggle .toggle__option li{display: flex;align-items: center;justify-content: space-between;padding: 14px 16px;font-size: 14px;color: #111927}
.toggle .toggle__option li:not(:first-child){border-top: 1px solid #D2D6DB}
.toggle .toggle__option li p{width: calc(100% - 48px)}
.toggle .toggle__option li .btn_area{width: 48px;margin-top: 0}
.toggle .toggle__option li .btn_area button{width: 20px;height: 20px;text-indent: -9999px;overflow: hidden}
.toggle .toggle__option li .btn_area .btn_toggle_modify{background:url(../../images/manager/default/ico_handover_modify.png) no-repeat center}
.toggle .toggle__option li .btn_area .btn_toggle_delete{margin-left: 8px;background:url(../../images/manager/default/ico_handover_delete.png) no-repeat center}

/* tab_box */
.js_tab .js_tabCon{display:none}
.js_tab .js_tabCon.on{display:block}

.tab_box{display:flex;border-bottom:1px solid #E5E7EB;margin-bottom: 32px;*zoom:1}
.tab_box li:not(:first-child){margin-left: 8px}
.tab_box li a,
.tab_box li button{position:relative;padding:8px 4px 12px 28px;border:0;background: url(../../images/manager/default/ico_tab_box_default.png) 4px calc(50% - 2px) no-repeat;font-size:18px;font-weight:500;color:#9DA4AE}
.tab_box li a.noimg,
.tab_box li button.noimg{padding-left:4px;background: none}
.tab_box li.on a,
.tab_box li.on button{background: url(../../images/manager/default/ico_tab_box_default_on.png) 4px calc(50% - 2px) no-repeat;color:#765174;font-weight:600}
.tab_box li.on a:after,
.tab_box li.on button:after{content: "";display: block;position: absolute;bottom: 0;left: 0;right: 0;height: 2px;background: #765174}
.tab_box li.on a.noimg,
.tab_box li.on button.noimg{background: none}

.tab_box li.ico_time a,
.tab_box li.ico_time button{background: url(../../images/manager/default/ico_time_table.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_time.on a,
.tab_box li.ico_time.on button{background: url(../../images/manager/default/ico_time_table_on.png) 4px calc(50% - 2px) no-repeat;background-size:20px}

.tab_box li.ico_list_view a,
.tab_box li.ico_list_view button{background: url(../../images/manager/default/ico_list_view.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_list_view.on a,
.tab_box li.ico_list_view.on button{background: url(../../images/manager/default/ico_list_view_on.png) 4px calc(50% - 2px) no-repeat;background-size:20px}

.tab_box li.ico_users a,
.tab_box li.ico_users button{background: url(../../images/manager/default/ico_users.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_users.on a,
.tab_box li.ico_users.on button{background: url(../../images/manager/default/ico_users_on.png) 4px calc(50% - 2px) no-repeat;background-size:20px}

.tab_box li.ico_four_user a,
.tab_box li.ico_four_user button{background: url(../../images/manager/default/ico_user_four.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_four_user.on a,
.tab_box li.ico_four_user.on button{background: url(../../images/manager/default/ico_user_four_on.png) 4px calc(50% - 2px) no-repeat;background-size:20px}

.tab_box li.time_setup a,
.tab_box li.time_setup button{background: url(../../images/manager/default/ico_tab_box_time.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.time_setup.on a,
.tab_box li.time_setup.on button{background: url(../../images/manager/default/ico_tab_box_time_on.png) 4px calc(50% - 2px) no-repeat;background-size:20px}

/* tab_box_a */
.tab_box_a{display:inline-flex;border-radius: 8px;margin-bottom: 32px;padding: 4px;background: #E5E7EB;*zoom:1}
.tab_box_a li a,
.tab_box_a li button{display:flex;align-items:center;width:100%;height:28px;line-height:28px;border-radius: 6px;padding:0 12px;font-size: 14px;font-weight:500;color:#9DA4AE}
.tab_box_a li a em,
.tab_box_a li button em{margin-left: 4px;font-weight: 700}
.tab_box_a li.on a,
.tab_box_a li.on button{background: #fff;box-shadow: 0 1px 3px rgba(10, 14, 21, 0.16);color: #8E618A}

/* tab_box_r */
.tab_box_r{display:flex;flex-wrap: wrap;margin-top: -8px;*zoom:1}
.tab_box_r li a,
.tab_box_r li button{height:28px;line-height:28px;border-radius: 80px;border: 1px solid #E5E7EB;margin: 8px 8px 0 0;padding:0 12px;background: #F3F4F6;font-size: 14px;font-weight:500;color:#9DA4AE}
.tab_box_r li.on a,
.tab_box_r li.on button{border-color: #8E618A;background: #8E618A;color: #fff}

/* file_list */
.file_list{width: 100%}
.file_list .input_file_wrap{display: flex;width: 343px;margin-top: 5px;border: 1px solid #D2D6DB;border-radius: 6px;padding: 6px;background: #fff}
.file_list .input_file_wrap .input_label{position: relative;width: 93px}
.file_list .input_file_wrap .input_label .input_btn{display: block;width: 100%;height: 36px;line-height: 36px;border-radius: 6px;border: 1px solid #8E618A;padding: 0 12px}
.file_list .input_file_wrap .input_label .input_btn span{display: inline-block;padding-left: 28px;background: url(../../images/manager/default/ico_file_upload_purple.png) no-repeat 0 50%;font-size: 14px;font-weight: 500;color: #8E618A}
.file_list .input_file_wrap .input_label .input_file{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0}
.file_list .input_file_wrap .upload_text{width: calc(100% - 93px);height: 36px;line-height: 36px;border: 0}
.file_list .attach_area li{width: 100%;margin: 11px 0 0 0}
.file_list .attach_area li.error{border-color: #E14D4D}
.file_list .attach_area li.error i{display: block;margin-top: 8px;font-weight: 500;font-style: normal;color: #E14D4D}
.file_list .attach_area .progressbar{position: relative;width: 239px;height: 8px;margin-top: 8px}
.file_list .attach_area .progressbar em{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;border-radius: 8px;background: #F3F4F6;transition: all 0.5s ease}
.file_list .attach_area .progressbar em.pull{width: 0;background: #E14D4D}

/* pagination_wrap */
.pagination_wrap {display: flex;align-items: center;justify-content: space-between;text-align:right;overflow:hidden;margin-top: 18px}
.pagination_wrap .pagination {display:inline-block;*display:inline;*zoom:1}
.pagination_wrap .pagination > a{float:left;width:32px;height:32px;margin:0 2.5px;font-size:12px;line-height:32px;color:#6C727E;text-indent:-9999px;overflow:hidden;}
.pagination_wrap .pagination > a:hover{background-color:#f4f4f4;color:#333;font-weight:bold}
.pagination_wrap .pagination a.page_first,
.pagination_wrap .pagination a.page_next{margin-left:0px}
.pagination_wrap .pagination > a:first-child{display:none;background:url(../../images/manager/default/paging_first.png) no-repeat 50% 50%}
.pagination_wrap .pagination > a:last-child{display:none;margin-left:0px;background: url(../../images/manager/default/paging_last.png) no-repeat 50% 50%}
.pagination_wrap .pagination > a:nth-of-type(2){background:url(../../images/manager/default/paging_prev.png) no-repeat 50% 50%;font-size: 0}
.pagination_wrap .pagination > a:nth-of-type(3){margin-left:0px;background: url(../../images/manager/default/paging_next.png) no-repeat 50% 50%;font-size: 0}
.pagination_wrap .pagination .page{float:left;padding:0 10px}
.pagination_wrap .pagination .page a{float:left;width:34px;height:34px;margin-left:5px;font-size:14px;font-weight:500;line-height:34px;color:#6C727E;text-align: center}
.pagination_wrap .pagination .page a.on{color:#5F415C}
.pagination_wrap .pagination .page a:first-child {margin-left:0px}

/* skip_navigation */
#skip_navigation {position:absolute; top:0; left:0; z-index:500; width:100%; height:0;}
#skip_navigation a {display:block; position:absolute; left:0; top:-9999px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap;}
#skip_navigation a:focus,
#skip_navigation a:hover,
#skip_navigation a:active {width:100%; top:0px; height:auto; padding:5px 0; background:#1e63a4; color:#fff; z-index:1000;}

/* layer default */
.layer{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10, 14, 21, 0.2);z-index:8000}
.layer .layer_outer{display:flex;align-items:center;justify-content:flex-end;height:100%;padding:0 32px}
.layer .layer_outer .layer_inner .layer_con{position:relative;width:502px;height:100%;margin:32px 0;background:#fff;box-shadow: 0 10px 16px rgba(10, 14, 21, 0.12);border-radius:12px;overflow:hidden}
.layer .layer_outer .layer_inner .layer_con>.con{max-height:calc(100vh - 105px);height:calc(100vh - 105px);padding:24px;overflow-y:auto}
.layer .layer_outer .layer_inner .layer_con .layer_top{border-bottom:1px solid #E5E7EB;padding:21px 24px 16px}
.layer .layer_outer .layer_inner .layer_con .layer_top h2{font-size:20px;font-weight:600;color:#111927}
.layer .layer_outer .layer_inner .layer_con .layer_top h2 span{display: block;margin-top: 4px;font-size: 12px;font-weight: 400;color: #6C727E}
.layer .layer_outer .layer_inner .layer_con .layer_close{position:absolute;top:16px;right:24px;width:28px;height:28px;border:0;background:url(../../images/manager/default/layer_close.png) center center no-repeat;text-indent:-9999px;overflow:hidden}
.layer.w502 .layer_inner .layer_con{width: 502px !important}

/* layer alert */
.layer.alert_layer .layer_outer{justify-content:center;padding:0}
.layer.alert_layer .layer_inner .layer_con{width:343px;height:auto;margin:0;background:#fff;box-shadow: 0 10px 16px rgba(10, 14, 21, 0.12);border-radius:6px}
.layer.alert_layer .layer_outer .layer_inner .layer_con>.con{height: auto;padding:24px 24px 0;font-size:14px;color:#6C727E}
.layer.alert_layer .layer_outer .layer_inner .layer_con strong{display:block;margin-bottom:8px;font-size:16px;font-weight:600;color:#111927}
.layer.alert_layer .layer_outer .layer_inner .layer_con>.con .btn_area{justify-content:flex-end;border-top:1px solid #E5E7EB;margin:24px -24px 0;padding:12px 24px}
.layer.alert_layer .layer_outer .layer_inner .layer_con>.con .btn_area.btn2 .btn_txt:not(:first-child){margin-left: 8px}

/* design_input */
.design_input{position:relative;overflow:hidden}
.design_input input{position:absolute;top:0;left:0;width:0;height:0;visibility:hidden}
.design_input label{display:block;padding-left:24px;color:#111927;font-size:14px;height:16px;line-height:16px}
.design_input.check label{background:url(../../images/manager/default/ico_checkbox.png)0 center no-repeat}
.design_input.check input:checked+label{background:url(../../images/manager/default/ico_checkbox_on.png)0 center no-repeat}
.design_input.checkBig label{height:20px;line-height:20px;padding-left:20px;background:url(../../images/manager/default/ico_checkbox_big.png)0 center no-repeat}
.design_input.checkBig input:checked+label{background:url(../../images/manager/default/ico_checkbox_big_on.png)0 center no-repeat}
.design_input.radio label{background:url(../../images/manager/default/ico_radio.png)0 center no-repeat}
.design_input.radio input:checked+label{background:url(../../images/manager/default/ico_radio_on.png)0 center no-repeat}
.design_input.switch label{position: relative;height:20px;line-height:20px;padding-left:48px;}
.design_input.switch label::before{content: '';position: absolute;top:50%;left: 0;width: 40px;height: 20px;margin-top: -10px;;border-radius: 24px;background-color: #E5E7EB;}
.design_input.switch label::after{content: '';position: absolute;top:50%;left: 2px;width: 16px;height: 16px;margin-top: -8px;border-radius: 50%;background-color: #fff}
.design_input.switch input:checked+label::before{background-color: #8E618A}
.design_input.switch input:checked+label::after{left: 20px;}

/* section */
.section{border-radius: 12px;padding: 16px;background: #fff;box-shadow: 0 1px 3px rgba(10, 14, 21, 0.16)}
.section.transparent{background: transparent;box-shadow:none}
.section:not(:first-of-type){margin-top: 24px}
.section .section_title{display:flex;justify-content:space-between;align-items:center;line-height:32px;border-bottom:1px solid #E5E7EB;margin:-8px -16px 0;padding:0 16px 8px;margin-bottom:16px}
.section .section_title h3{font-size:18px;font-weight:600;color:#384250}
.section .section_title span{margin: 0 auto 0 8px;font-size: 10px;font-weight:400}
.section .section_title a{width: 18px;height: 18px;background: url(../../images/manager/default/ico_arrow.png) no-repeat center;text-indent: -9999px;overflow: hidden}

/* flex_box */
.flex_box{display: flex;flex-wrap: wrap;justify-content: space-between}

/* page_top */
.page_top{display: flex;align-items:flex-start;justify-content: space-between;margin-bottom: 32px}
.page_top .page_title{display: flex;align-items: center;flex-wrap:wrap}
.page_top .page_title h2{font-size: 24px;font-weight: 700;color: #111927;line-height: 32px;}
.page_top .page_title .sub{display:flex;align-items:center;padding-left:43px;margin-top:8px;width:100%;color:#6C727E;font-size:14px;line-height:16px}
.page_top .btn_area{margin-top: 0}
.page_top .btn_area .btn_txt:not(:first-child){margin-left: 8px}

/* write_table */
.write_table{font-size:14px;width:100%;margin-bottom:14px;text-align: left}
.write_table .tbl_tit{min-height:26px;padding:0 10px 8px 0;font-size:16px;font-weight:600;color:#6C727E}
.write_table .tbl_tit p,
.write_table .tbl_tit label{font-size:16px;font-weight:600;color:#6C727E}
.write_table .tbl_tit.necessary p:after,
.write_table .tbl_tit.necessary label:after{content: "*";display: inline-block;margin-left: 2px;color: #FF7552}
.write_table .tbl_con{display:flex;flex-wrap: wrap;align-items:center;min-height:64px;padding:0 20px 20px 0;color:#6C727E}
.write_table .tbl_con.col2{gap: 8px}
.write_table .tbl_con.col2 select{width: calc(100% / 2 - 6px)}
.write_table .tbl_con.col3{gap: 8px}
.write_table .tbl_con.col3 select{width: calc(100% / 3 - 6px)}
.write_table .tbl_con .design_input{display: inline-block}
.write_table .tbl_con .design_input:not(:first-child){margin-left: 16px}
.write_table.search_table .tbl_con{min-height:auto;padding:0 10px 10px 0}
.write_table.search_table .tbl_con input:not(:first-child),
.write_table.search_table .tbl_con select:not(:first-child),
.write_table.search_table .tbl_con div:not(:first-child){margin-left: 4px}
.write_table.search_table .tbl_con input[type="text"]{font-size:14px}

/* list_top */
.list_top{position: relative;display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 12px}
.list_top p{font-size: 12px}
.list_top p span:not(:last-child){position: relative;padding-right: 14px}
.list_top p span:not(:last-child):after{content: "|";display: block;position: absolute;top: -2px;right: 4px;color: #9DA4AE}
.list_top .btn_area{margin-top: 0}

/* list_table */
.list_table{font-size:14px;width:100%;border:1px solid #E5E7EB;background:#fff;border-radius: 6px;overflow: hidden;text-align: left}
.list_table tr:hover th,
.list_table tr:hover td{background: #FAF8FA}
.list_table thead tr th{padding:15px 10px 14px;color:#6C727E;font-weight:500;background:#F9FAFB}
.list_table tbody tr th,
.list_table tfoot tr th{padding:15px 10px 14px;color:#6C727E;font-weight:500;border-top:1px solid #E5E7EB}
.list_table tbody tr td,
.list_table tfoot tr td{padding:15px 10px 14px;border-top:1px solid #E5E7EB;word-break:break-all;color: #111927}
.list_table tbody tr td button{vertical-align: middle}

/* board_view */
.board_view.section{margin-bottom: 32px;padding:24px}
.board_view .top{border-bottom: 1px solid #F3F4F6;margin: -24px -24px 0;padding: 24px}
.board_view .top strong{display: block;line-height: 28px;margin: 10px 0;font-size: 20px;font-weight: 600;color: #111927}
.board_view .top .info{display: flex;flex-wrap: wrap;align-items: center}
.board_view .top .info:not(:first-child){margin-top: 8px}
.board_view .top .info span{color: #6C727E}
.board_view .top .info span:not(:first-child){margin-left: 12px}
.board_view .top .info span.name{font-weight: 500}
.board_view .con{padding-top: 24px;line-height: 1.5;color: #111927}

/* typing_area */
.typing_area{position: relative;width: 100%}
.typing_area textarea{height: 290px}
.typing_area .typing{position: absolute;bottom: 6px;right: 7px;font-size: 10px;color: #6C727E}

/* dot_list */
.dot_list li{position: relative;padding-left: 16px}
.dot_list li:before{content: "";display: block;position: absolute;top: 9px;left: 6px;width: 3px;height: 3px;border-radius: 50%;background-color: #384250}
.dot_list.num li em{position: absolute;top: 0;left: 0;width: 16px;}
.dot_list.num li:before{display: none}

#wrap{display: flex;max-width:1440px;min-width:1440px;width:100%;min-height:100vh}
#wrap.pop_wrap{min-width:100%}
#wrap.pop_wrap>#contents{width:100%}
#header{width:220px;background: #fff url(../../images/manager/default/header_bg.png) no-repeat 100% calc(100% - 14px);padding: 24px 12px;box-sizing: border-box;z-index: 100}
#header:after {display:block;clear:both;content:""}
#header .profile{display: flex;align-items: center;justify-content: space-between;background: #F3F4F6;border-radius: 16px;margin: 10px 0;padding: 16px;}
#header .profile p{font-size: 12px;color: #6C727E;text-align: left}
#header .profile p strong{margin-right: 4px;font-size: 16px;font-weight: 600;color: #000;vertical-align:middle}
#header .profile .btn_alarm{position: relative;width: 20px;height: 20px;background: url(../../images/manager/default/ico_alarm.png) no-repeat center;text-indent: -9999px;overflow: hidden}
#header .profile .btn_alarm.on:after{content: "";display: block;position: absolute;top: 0;right: 0;width: 8px;height: 8px;border-radius: 50%;background: #E18884}
#header .util{padding: 10px 12px}
#header .util li a{padding:9px 16px;color:#6C727E;font-size:12px;line-height:18px;;border-radius:8px}
#header .util li a span{display: block;padding-left: 28px}
#header .util li.on a,
#header .util li.on a:hover{background:#8E618A;color:#fff}
#header .util .ico_name span{background:url(../../images/manager/default/ico_name.png) no-repeat 0 50%}
/* #header .util .ico_time span{background:url(../../images/manager/default/ico_time.png) no-repeat 0 50%}
#header .util .ico_pwchange span{padding-left:15px;background:url(../../images/manager/default/ico_pwchange.png) no-repeat 0 50%;color:#fff} */
#header .util .ico_out span{background:url(../../images/manager/default/ico_out.png) no-repeat 0 50%}

#header .gnb{padding:10px 12px;box-sizing: border-box}
#header .gnb li:not(:first-child){margin-top: 2px}
#header .gnb li a{padding:14px 16px;color:#6C727E;line-height:16px;border-radius:8px}
#header .gnb li a span{display: block;padding-left: 28px;background:url(../../images/manager/default/ico_gnb.png) no-repeat 0 50%;font-weight:500}
#header .gnb li.on a,
#header .gnb li.on a:hover{background:#8E618A;color:#fff}
#header .gnb li.on a span{background:url(../../images/manager/default/ico_gnb_on.png) no-repeat 0 50%}
#header .gnb li.dashboard a span{background-image:url(../../images/manager/default/ico_gnb_dashboard.png)}
#header .gnb li.dashboard.on a span{background-image:url(../../images/manager/default/ico_gnb_dashboard_on.png)}
#header .gnb li.qna a span{background-image:url(../../images/manager/default/ico_gnb_qna.png)}
#header .gnb li.qna.on a span{background-image:url(../../images/manager/default/ico_gnb_qna_on.png)}
#header .gnb li.student a span{background-image:url(../../images/manager/default/ico_gnb_student.png)}
#header .gnb li.student.on a span{background-image:url(../../images/manager/default/ico_gnb_student_on.png)}
#header .gnb li.class_admin a span{background-image:url(../../images/manager/default/ico_gnb_class_admin.png)}
#header .gnb li.class_admin.on a span{background-image:url(../../images/manager/default/ico_gnb_class_admin_on.png)}
#header .gnb li.teacher a span{background-image:url(../../images/manager/default/ico_gnb_teacher.png)}
#header .gnb li.teacher.on a span{background-image:url(../../images/manager/default/ico_gnb_teacher_on.png)}
#header .gnb li.classroom a span{background-image:url(../../images/manager/default/ico_gnb_classroom.png)}
#header .gnb li.classroom.on a span{background-image:url(../../images/manager/default/ico_gnb_classroom_on.png)}
#header .gnb li.tuition a span{background-image:url(../../images/manager/default/ico_gnb_tuition.png)}
#header .gnb li.tuition.on a span{background-image:url(../../images/manager/default/ico_gnb_tuition_on.png)}
#header .gnb li.schedule a span{background-image:url(../../images/manager/default/ico_gnb_schedule.png)}
#header .gnb li.schedule.on a span{background-image:url(../../images/manager/default/ico_gnb_schedule_on.png)}
#header .gnb li.holiday a span{background-image:url(../../images/manager/default/ico_gnb_holiday.png)}
#header .gnb li.holiday.on a span{background-image:url(../../images/manager/default/ico_gnb_holiday_on.png)}
#header .gnb li.commute a span{background-image:url(../../images/manager/default/ico_gnb_commute.png)}
#header .gnb li.commute.on a span{background-image:url(../../images/manager/default/ico_gnb_commute_on.png)}
#header .gnb li.expense a span{background-image:url(../../images/manager/default/ico_gnb_expense.png)}
#header .gnb li.expense.on a span{background-image:url(../../images/manager/default/ico_gnb_expense_on.png)}
#header .gnb li.report a span{background-image:url(../../images/manager/default/ico_gnb_report.png)}
#header .gnb li.report.on a span{background-image:url(../../images/manager/default/ico_gnb_report_on.png)}

#header .total_alarm_layer .layer_outer{align-items: flex-start;justify-content: flex-start;padding: 0 9px}
#header .total_alarm_layer .layer_outer .layer_inner .layer_con{width: 400px;height: auto;min-height: 500px}
#header .total_alarm_layer .layer_outer .layer_inner .layer_con .layer_top{display: flex;align-items: center;justify-content: space-between;padding: 12px 16px}
#header .total_alarm_layer .layer_outer .layer_inner .layer_con .layer_top h2{font-size: 16px}
#header .total_alarm_layer .layer_outer .layer_inner .layer_con>.con{max-height: none;height: auto;padding: 0}
#header .total_alarm_layer .btn_txt{height: 24px;line-height: 24px;font-size: 12px}
#header .total_alarm_layer .alarm_list li{position: relative;padding: 16px 38px 16px 30px}
#header .total_alarm_layer .alarm_list li:after{content: "";display: block;position: absolute;top: 50%;right: 16px;width: 8px;height: 8px;border-radius: 50%;background: #A3555B;margin-top: -4px}
#header .total_alarm_layer .alarm_list li:not(:first-child){border-top: 1px solid #F3F4F6}
#header .total_alarm_layer .alarm_list li p{font-weight: 500;color: #111927}
#header .total_alarm_layer .alarm_list li p.date{margin-top: 4px;font-size: 12px;color: #9DA4AE}
#header .total_alarm_layer .alarm_list li .btn_txt{margin-top: 12px;padding: 0 8px;font-weight: 600;color: #1A202C}
#header .total_alarm_layer .alarm_list li.end{opacity: .5}
#header .total_alarm_layer .alarm_list li.end:after{display: none}

#container{position:relative;width:calc(100% - 220px)}
#contents{position:relative;padding:48px 40px;vertical-align:top;transition:width 1s}
#lnbWrap{display: none;position:relative;/* display:inline-block; */width:140px;background:#f4f4f4;vertical-align:top;transition:width 1s}
#lnbWrap.hideLnb{width:0}
#lnbWrap.hideLnb .lnb_area{left:-140px}
#lnbWrap.hideLnb .hide_btn{background:#757575 url(../../images/manager/default/arrow_hideBtn.png) no-repeat 40px 50%;}
#lnbWrap.hideLnb+#contents{width:100%}
#lnbWrap .lnb_area{position:relative;min-width:140px;left:0;transition:all 1s;background:#F5F5F5}
#lnbWrap .lnb_area .lnb_logo{background:#0A5976;line-height:60px;font-size:20px;color:#fff;font-weight:bold;text-align:center}
#lnbWrap .lnb_area .lnb li{padding:9px 15px}
#lnbWrap .lnb_area .lnb li a{font-size:12px;color:#616161}
#lnbWrap .lnb_area .lnb li.on{background:#fff}
#lnbWrap .lnb_area .lnb li.on a{color:#0A5976;font-weight:700}
#lnbWrap .hide_btn{position:fixed;bottom:52px;left:-20px;padding:4px 24px 5px 6px;border:0;border-radius:0 0 3px 3px;background:#757575 url(../../images/manager/default/arrow_showBtn.png) no-repeat 40px 50%;transform:rotate(-90deg);color:#fff;font-weight:700;z-index:50;font-size:11px;transition:1s}

/* 정렬 버튼 */
.btn_txt.btn_arrow{width:16px;height:16px;border:1px solid #ddd;border-radius:0;padding:0 7px;text-indent:-9999px;overflow:hidden}
.btn_txt.btn_arrow.btn_top{background:#fff url(../../images/manager/default/ico_top.png) no-repeat center;background-size:8px}
.btn_txt.btn_arrow.btn_up{background:#fff url(../../images/manager/default/ico_up.png) no-repeat center;background-size:8px}
.btn_txt.btn_arrow.btn_down{background:#fff url(../../images/manager/default/ico_down.png) no-repeat center;background-size:8px}
.btn_txt.btn_arrow.btn_bottom{background:#fff url(../../images/manager/default/ico_bottom.png) no-repeat center;background-size:8px}

/* dashboard */
.dashboard .tab_box li.ico_notice a{background: url(../../images/manager/default/ico_tab_box_notice.png) 4px calc(50% - 2px) no-repeat}
.dashboard .tab_box li.ico_notice.on a{background: url(../../images/manager/default/ico_tab_box_notice_on.png) 4px calc(50% - 2px) no-repeat}
.dashboard .tab_box li.ico_detail a{background: url(../../images/manager/default/ico_tab_box_detail.png) 4px calc(50% - 2px) no-repeat}
.dashboard .tab_box li.ico_detail.on a{background: url(../../images/manager/default/ico_tab_box_detail_on.png) 4px calc(50% - 2px) no-repeat}
.dashboard .tab_box li.ico_memo a{background: url(../../images/manager/default/ico_tab_box_memo.png) 4px calc(50% - 2px) no-repeat}
.dashboard .tab_box li.ico_memo.on a{background: url(../../images/manager/default/ico_tab_box_memo_on.png) 4px calc(50% - 2px) no-repeat}
.dashboard .dot{position: relative;padding-left: 20px;color: #111927}
.dashboard .dot:before{content: "";display: block;position: absolute;top: 2px;left: 0;width: 12px;height: 12px;border-radius: 50%;background: #07AC49}
.dashboard .dot.dot_caution:before{background: #FF8636}
.dashboard .dot.dot_emergency:before{background: #E42C2C}

/* dashboard - main */
.dash_main_page .dashboard_box{display: flex}
.dash_main_page .dashboard_box:not(:first-of-type){margin-top:32px}
.dash_main_page .dashboard_box .section_title h3{padding-left: 38px}
.dash_main_page .dashboard_box .notice .section_title h3{background: url(../../images/manager/default/ico_title_notice.png) no-repeat 0 center}
.dash_main_page .dashboard_box .detail .section_title h3{background: url(../../images/manager/default/ico_title_detail.png) no-repeat 0 center}
.dash_main_page .dashboard_box .memo .section_title h3{background: url(../../images/manager/default/ico_title_memo.png) no-repeat 0 center}
.dash_main_page .dashboard_box .schedule .section_title h3{background: url(../../images/manager/default/ico_title_schedule.png) no-repeat 0 center}
.dash_main_page .dashboard_box .status .section_title h3{background: url(../../images/manager/default/ico_title_status.png) no-repeat 0 center}
.dash_main_page .dashboard_box .business .section_title h3{background: url(../../images/manager/default/ico_title_notice.png) no-repeat 0 center}
.dash_main_page .dashboard_box .section{flex-grow: 1}
.dash_main_page .dashboard_box.col3 .section{width: calc(100% / 3)}
.dash_main_page .dashboard_box.col2 .section{width: calc(100% / 2)}
.dash_main_page .section:not(:first-of-type){margin: 0 0 0 24px}
.dash_main_page .status .section{background: linear-gradient(#8E618A, #A3555B, #E18884)}
.dash_main_page .status .section .section_title{margin: 8px -16px 11px;border-bottom:0;color: #fff}
.dash_main_page .status .section .section_title h3{padding-left: 0;color: #fff;font-size:20px}
.dash_main_page .status_board{display:flex;flex-wrap:wrap;justify-content:space-between}
.dash_main_page .status_board .left{width: 576px}
.dash_main_page .status_board .right{width: 504px}
.dash_main_page .status_board ul{display:flex;flex-wrap: wrap;margin:-6px;}
.dash_main_page .status_board ul li{width:calc(100% / 3 - 12px);border-radius:8px;background:#fff;margin:6px;padding:16px}
.dash_main_page .status_board ul li.bg_color{opacity:.8}
.dash_main_page .status_board ul li strong{display: block;padding-top: 39px;font-size: 13px;font-weight: 500;color: #111927}
.dash_main_page .status_board ul li.ico_status_class strong{background: url(../../images/manager/default/ico_status_class.png) no-repeat 0 0}
.dash_main_page .status_board ul li.ico_status_student strong{background: url(../../images/manager/default/ico_status_student.png) no-repeat 0 0}
.dash_main_page .status_board ul li.ico_status_qna strong{background: url(../../images/manager/default/ico_status_qna.png) no-repeat 0 0}
.dash_main_page .status_board ul li.ico_status_new strong{background: url(../../images/manager/default/ico_status_new.png) no-repeat 0 0}
.dash_main_page .status_board ul li.ico_status_newteam strong{background: url(../../images/manager/default/ico_status_newteam.png) no-repeat 0 0}
.dash_main_page .status_board ul li.ico_status_rest strong{background: url(../../images/manager/default/ico_status_rest.png) no-repeat 0 0}
.dash_main_page .status_board ul li.ico_status_end strong{background: url(../../images/manager/default/ico_status_end.png) no-repeat 0 0}
.dash_main_page .status_board ul li.ico_status_total strong{background: url(../../images/manager/default/ico_status_total.png) no-repeat 0 0}
.dash_main_page .status_board ul li.ico_status_payment01{background: #F0F5FB url(../../images/manager/default/ico_status_payment_bg01.png) no-repeat 100% 100%}
.dash_main_page .status_board ul li.ico_status_payment01 strong{background: url(../../images/manager/default/ico_status_payment01.png) no-repeat 0 center;color:#2D7ABA}
.dash_main_page .status_board ul li.ico_status_payment02{background: #F8F2F2 url(../../images/manager/default/ico_status_payment_bg02.png) no-repeat 100% 100%}
.dash_main_page .status_board ul li.ico_status_payment02 strong{background: url(../../images/manager/default/ico_status_payment02.png) no-repeat 0 center;color:#A3555B}
.dash_main_page .status_board ul li.ico_status_payment03{background: #FFF3ED url(../../images/manager/default/ico_status_payment_bg03.png) no-repeat calc(100% - 10px) calc(100% - 14px)}
.dash_main_page .status_board ul li.ico_status_payment03 strong{background: url(../../images/manager/default/ico_status_payment03.png) no-repeat 0 center;color:#ED8343}
.dash_main_page .status_board ul li p{display: flex;align-items: end;margin-top: 10px;font-size: 22px;font-weight: 700;line-height:28px;color: #111927}
.dash_main_page .status_board ul li p em{margin-left: 4px;line-height:1;font-size: 12px;font-weight: 500;color: #009170}
.dash_main_page .status_board ul li p em.minus{color: #2D7ABA}
.dash_main_page .status_board .right{background: #fff;border-radius: 8px;padding: 16px}
.dash_main_page .status_board .right ul:first-child li{width: calc(100% / 2 - 12px);padding: 0}
.dash_main_page .status_board .right ul:last-child{margin:28px -6px -6px}
.dash_main_page .status_board .right ul:last-child li strong{padding: 0 0 0 23px;font-size: 12px;font-weight: 600}
.dash_main_page .status_board .right ul:last-child li p{display: block;margin-top: 19px;font-size: 16px;font-weight: 600}
.dash_main_page .status_board .right ul:last-child li p em{display: block}
.dash_main_page .dash_list li:not(:first-child){margin-top: 10px}
.dash_main_page .dash_list li{border: 1px solid #E5E7EB;border-radius: 8px;padding: 16px 12px}
.dash_main_page .dash_list li .title{display: flex;align-items: center;font-size: 16px;font-weight: 600;color: #111927}
.dash_main_page .dash_list li .title .label{margin-right: 8px}
.dash_main_page .dash_list li p{margin: 10px 0}
.dash_main_page .dash_list li .info{border-top: 1px solid #F3F4F6;padding-top: 10px}
.dash_main_page .dash_list li .info strong{font-weight: 500;color: #6C727E}
.dash_main_page .dash_list li .info span{margin-left: 8px;font-size: 12px;color: #9DA4AE}
.dash_main_page .detail .dash_list li p a{display:-webkit-box;width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.2em;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.dash_main_page .memo_list li{background: #FEF8EC;border: 1px solid rgba(10, 14, 21, 0.08);border-radius: 8px;padding: 16px 12px}
.dash_main_page .memo_list li:not(:first-child){margin-top: 10px}
.dash_main_page .memo_list li .info{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(10, 14, 21, 0.08);margin-bottom: 10px;padding-bottom: 10px;font-size: 12px;color: #9DA4AE}
.dash_main_page .memo_list li .info strong{font-size: 14px;font-weight: 500;color: #6C727E}
.dash_main_page .schedule_area{display: flex;flex-wrap: wrap;gap: 24px}
.dash_main_page .schedule_list{flex-grow: 1}
.dash_main_page .schedule_list strong{display: block;margin-bottom: 10px;font-size: 18px;font-weight: 600;color: #000}
.dash_main_page .schedule_list ul li{display: flex;align-items: center;justify-content: space-between;background: #FDF7F6;border-radius: 4px;padding: 8px 12px 8px 0}
.dash_main_page .schedule_list ul li:not(:first-child){margin-top: 10px}
.dash_main_page .schedule_list ul li p{border-left: 2px solid #E18884;padding-left: 12px;font-size: 16px;font-weight: 500;color: #111927}
.dash_main_page .schedule_list ul li span{font-size: 16px}
.dash_main_page .schedule_list.my ul li{background: #F6F2F6}
.dash_main_page .schedule_list.my ul li p{border-color: #8E618A}
.dash_main_page .schedule_list.team ul li{background: #EEF6F4}
.dash_main_page .schedule_list.team ul li p{border-color: #009170}
.dash_main_page .business{padding-bottom: 0}
.dash_main_page .business_list ul{max-height: 530px;overflow-y: auto}
.dash_main_page .business_list ul li{border: 1px solid #F3F4F6;border-radius: 6px;background: #F9FAFB;padding: 12px;font-size: 12px;color: #6C727E}
.dash_main_page .business_list ul li:not(:first-child){margin-top: 8px}
.dash_main_page .business_list ul li .category{padding-left: 18px;color:#6C727E;background: url(../../images/manager/default/ico_category_file.png) no-repeat 0 center;font-weight: 500}
.dash_main_page .business_list ul li p{margin: 8px 0;font-size: 14px;font-weight: 600;color: #111927}
.dash_main_page .business_list ul li .info strong{display: block}
.dash_main_page .business_list ul li .info span{display: block;margin-top: 4px}
.dash_main_page .profile{display: flex;align-items: center}
.dash_main_page .profile .img{width: 56px;height: 56px;border-radius: 20px;border: 1px solid #E5E7EB;overflow: hidden}
.dash_main_page .profile .con{padding-left: 10px}
.dash_main_page .profile .con .title{display: flex;align-items: center}
.dash_main_page .profile .con .title strong{font-size: 24px;font-weight: 700;color: #111927}
.dash_main_page .profile .con .title .label{margin-left: 10px}
.dash_main_page .profile .con .info{margin-top: 10px}
.dash_main_page .profile .con .info span{color: #6C727E}
.dash_main_page .profile .con .info span:not(:last-child){position: relative;padding-right: 12px}
.dash_main_page .profile .con .info span:not(:last-child):after{content: "∙";display: block;position: absolute;top: -2px;right: 2px;opacity: 0.5;font-size: 14px}
/* 강사팀 */
.dash_main_page .instructor .status_board{margin: -16px}
.dash_main_page .instructor .status_board ul{gap: 16px;width: 100%;margin: 0}
.dash_main_page .instructor .status_board ul li{width: calc(100% / 4 - 12px);margin: 0;box-shadow: 0 1px 3px rgba(10, 14, 21, 0.16)}

/* dashboard - notice */
.notice_write_page .btn_area{margin-top: 0;justify-content: center}

/* dashboard - board */
.board_write_page .btn_area{margin-top: 0;justify-content: center}
.board_view_page .handover{padding: 24px}
.board_view_page .handover .top{border-bottom: 1px solid #F3F4F6;margin: 0 -24px;padding: 0 24px 24px}
.board_view_page .handover .top p{color: #9DA4AE}
.board_view_page .handover .top p em{margin-left: 4px;color: #6C727E}
.board_view_page .handover .top strong{display: block;margin: 10px 0;font-size: 20px;font-weight: 600;color: #111927}
.board_view_page .handover .top .info span{color: #9DA4AE}
.board_view_page .handover .top .info span:not(:last-child){position: relative;padding-right: 24px}
.board_view_page .handover .top .info span:not(:last-child):after{content: "";display: block;position: absolute;top: 50%;right: 12px;width: 1px;height: 12px;margin-top: -6px;background: #D2D6DB}
.board_view_page .handover .top .info span.name{font-weight: 500;color: #6C727E}
.board_view_page .handover .con{display: flex;justify-content: space-between;padding-top: 24px}
.board_view_page .handover .handover_list{width: 646px}
.board_view_page .handover .handover_list dl{padding-bottom: 20px}
.board_view_page .handover .handover_list dl:not(:first-child){border-top: 1px solid #E5E7EB;padding-top: 20px}
.board_view_page .handover .handover_list dl dt{display: flex;align-items: center;line-height: 36px;font-size: 16px;font-weight: 600;color: #111927}
.board_view_page .handover .handover_list dl dt em{display: block;width: 22px;height: 22px;line-height: 22px;margin-right: 12px;border-radius: 4px;background: #9DA4AE;font-size: 12px;font-weight: 600;color: #fff;text-align: center}
.board_view_page .handover .handover_list dl dd{margin-top: 8px}
.board_view_page .handover .handover_list dl dd .design_input:not(:first-child){margin-top: 6px}
.board_view_page .handover .handover_list dl dd .design_input label{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;height: auto;line-height: 1.2;border: 1px solid #F3F4F6;border-radius: 4px;padding: 10px 12px 10px 17px}
.board_view_page .handover .handover_list dl dd .design_input label .box{width: calc(100% - 30px)}
.board_view_page .handover .handover_list dl dd .design_input label .box:first-child{position: relative;padding: 0 8px 0 13px}
.board_view_page .handover .handover_list dl dd .design_input label .box:first-child:before{content: "";display: block;position: absolute;top: 5px;left: 0;width: 5px;height: 5px;background: #D2D6DB}
.board_view_page .handover .handover_list dl dd .design_input label .box:last-child{width: 30px}
.board_view_page .handover .handover_list dl dd .design_input label .box .ico_comment{padding-left: 22px;background: url(../../images/manager/default/ico_handover_comment.png) no-repeat 0 center;font-size: 13px;color: #6C727E}
.board_view_page .handover .handover_list dl dd .design_input input:checked + label{border-color: #8E618A;background: #FAF8FA}
.board_view_page .handover .handover_comment{width: 426px}
.board_view_page .handover .handover_comment .comment_title{margin-bottom: 8px;padding-left: 26px;background: url(../../images/manager/default/ico_handover_comment.png) no-repeat 0 center;font-weight: 500;color: #111927}
.board_view_page .handover .handover_comment .comment_title em{margin-left: 4px;color: #8E618A}
.board_view_page .handover .handover_comment .comment_list{border: 1px solid #F3F4F6;border-radius: 6px}
.board_view_page .handover .handover_comment .comment_list li{position: relative;padding: 16px}
.board_view_page .handover .handover_comment .comment_list li:not(:first-child){border-top: 1px solid #F3F4F6}
.board_view_page .handover .handover_comment .comment_list li.nodata{line-height: 150px;color: #9DA4AE}
.board_view_page .handover .handover_comment .comment_list li strong{margin-bottom: 10px;font-weight: 600;color: #111927}
.board_view_page .handover .handover_comment .comment_list li strong em{margin-left: 8px;font-size: 11px;font-weight: 400;color: #9DA4AE}
.board_view_page .handover .handover_comment .comment_list li .btn_area{position: absolute;top: 16px;right: 16px;margin: 0}
.board_view_page .handover .handover_comment .comment_list li .btn_area button{background: none;font-size: 12px;color: #6C727E}
.board_view_page .handover .handover_comment .comment_list li .btn_area button.btn_delete{margin-left: 8px;color: #E14D4D}
.board_view_page .handover .handover_comment .comment_write{display: flex;align-items: flex-end;justify-content: space-between;margin-top: 16px}
.board_view_page .handover .handover_comment .comment_write textarea{width: 349px;min-height: 82px}
.board_view_page .write_table{margin: 32px 0 0}

.board_write_page .write_table .tbl_tit{display: flex;align-items: center;justify-content: space-between;padding-right: 0}
.board_write_page .write_table .tbl_con{padding-right: 0}
.board_write_page .handover_content{width: 100%}
.board_write_page .handover_content dl.section{position: relative}
.board_write_page .handover_content dl.section:not(:first-child){margin-top: 8px}
.board_write_page .handover_content dl dt{display: flex;align-items: center}
.board_write_page .handover_content dl dt em{display: block;width: 30px;height: 30px;line-height: 30px;margin-right: 8px;border-radius: 4px;background: #4D5761;font-size: 13px;font-weight: 600;color: #fff;text-align: center}
.board_write_page .handover_content dl dt .toggle{width: 234px}
.board_write_page .handover_content dl dt .btn_add{margin-left: 8px}
.board_write_page .handover_content dl dd{margin-top: 20px}
.board_write_page .handover_content dl dd ul{}
.board_write_page .handover_content dl dd li:not(:first-child){margin-top: 8px}
.board_write_page .handover_content dl dd li .handover_box{display: flex;align-items: center;justify-content: space-between;padding-left: 38px;background: url(../../images/manager/default/ico_handover_box.png) no-repeat 3px center}
.board_write_page .handover_content dl dd li .handover_box .btn_delete{width: 20px;height: 20px;background: url(../../images/manager/default/ico_del_red2.png) no-repeat center;margin: 0 8px 0 16px;text-indent: -9999px;overflow: hidden}
.board_write_page .handover_content dl dd>.btn_txt{margin: 8px 0 0 38px}
.board_write_page .handover_content dl dd .btn_area{position: absolute;top: 16px;right: 16px;margin-top: 0}
.board_write_page .handover_content dl dd .btn_area button{line-height: 20px;padding-left: 28px;font-weight: 500;color: #6C727E}
.board_write_page .handover_content dl dd .btn_area button:not(:first-child){margin-left: 16px}
.board_write_page .handover_content dl dd .btn_area .btn_delete{background: url(../../images/manager/default/ico_del_red.png) no-repeat 0 center;color: #E14D4D}
.board_write_page .handover_content dl dd .btn_area .btn_up{background: url(../../images/manager/default/ico_up_circle.png) no-repeat 0 center}
.board_write_page .handover_content dl dd .btn_area .btn_down{background: url(../../images/manager/default/ico_down_circle.png) no-repeat 0 center}

/* dashboard - memo */
.memo_list_page .memo_list li{border-radius: 6px;border: 1px solid rgba(10, 14, 21, 0.1);background: #FEF8EC;box-shadow: 0 1px 3px rgba(10, 14, 21, 0.16);padding: 12px 20px 18px}
.memo_list_page .memo_list li:not(:first-child){margin-top: 12px}
.memo_list_page .memo_list li .top{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(10, 14, 21, 0.08);margin-bottom: 12px;padding-bottom: 12px}
.memo_list_page .memo_list li .top .info strong{font-size: 16px;font-weight: 500;color: #4D5761}
.memo_list_page .memo_list li .top .info span{margin-left: 8px;color: #6C727E}
.memo_list_page .memo_list li .top .btn{display:flex;align-items:center}
.memo_list_page .memo_list li .top .btn button{margin-left: 10px}
.memo_list_page .memo_list li .top .btn button:first-child{margin-left: 0}
.memo_list_page .memo_list li .top .btn button{width: 32px;height: 32px;text-indent: -9999px;overflow: hidden;border: 0;background: url(../../images/manager/default/btn_memo_modify.png) no-repeat center}
.memo_list_page .memo_list li .top .btn button.btn_delete{background: url(../../images/manager/default/btn_memo_delete.png) no-repeat center}
.memo_list_page .memo_list li .con{font-size: 16px;color: #111927}
.memo_list_page .memo_write_layer .layer_inner .layer_con,
.memo_list_page .memo_modify_layer .layer_inner .layer_con{width: 560px}
.memo_list_page .memo_write_layer .btn_area .btn_txt,
.memo_list_page .memo_modify_layer .btn_area .btn_txt{width: 140px;padding: 0}

/* dashboard - data */
.stu_supply_data_page .stu_supply_layer .layer_inner .layer_con{width: 502px}
.stu_supply_data_page .stu_supply_layer .write_table{margin-bottom: 0}
.stu_supply_data_page .stu_supply_layer .write_table .tbl_tit,
.stu_supply_data_page .stu_supply_layer .write_table .tbl_con{padding-right: 0}
.stu_supply_data_page .stu_supply_layer .write_table tr:last-child .tbl_con{padding-bottom: 0}
.stu_supply_data_page .stu_supply_layer .write_table .search,
.stu_supply_data_page .stu_supply_layer .write_table .search input{width: 100%}
.stu_supply_view_page .file_list .input_file_wrap{width: auto;border: 0;border-radius: 0;padding: 0}
.stu_supply_view_page .file_list .input_file_wrap .input_label{width: auto}
.stu_supply_view_page .file_list .input_file_wrap .input_label .input_btn{height: 32px;line-height: 32px;border-color: #D2D6DB !important;padding: 0 12px}
.stu_supply_view_page .file_list .input_file_wrap .input_label .input_btn span{background: none;margin: 0;padding: 0;color: #6C727E}
.stu_supply_view_page .file_list .attach_area li{width: 343px;margin: 12px 12px 0 0}
.stu_supply_view_page .file_list .attach_area li:nth-of-type(-n+3){margin-top: 0}

/* student - stu_con_dash */
.student .tab_box li.ico_basic a{background: url(../../images/manager/default/ico_tab_box_basic.png) 4px calc(50% - 2px) no-repeat}
.student .tab_box li.ico_basic.on a{background: url(../../images/manager/default/ico_tab_box_basic_on.png) 4px calc(50% - 2px) no-repeat}
.student .tab_box li.ico_class a{background: url(../../images/manager/default/ico_tab_box_class.png) 4px calc(50% - 2px) no-repeat}
.student .tab_box li.ico_class.on a{background: url(../../images/manager/default/ico_tab_box_class_on.png) 4px calc(50% - 2px) no-repeat}
.student .tab_box li.ico_feedback a{background: url(../../images/manager/default/ico_tab_box_feedback.png) 4px calc(50% - 2px) no-repeat}
.student .tab_box li.ico_feedback.on a{background: url(../../images/manager/default/ico_tab_box_feedback_on.png) 4px calc(50% - 2px) no-repeat}
.student .tab_box li.ico_pay a{background: url(../../images/manager/default/ico_tab_box_pay.png) 4px calc(50% - 2px) no-repeat}
.student .tab_box li.ico_pay.on a{background: url(../../images/manager/default/ico_tab_box_pay_on.png) 4px calc(50% - 2px) no-repeat}
.student .page_top{align-items: flex-start}
.student .page_top .page_title{flex-wrap: wrap}
.student .page_top .page_title h2{line-height: 32px}
.student .page_top .page_title p{width: 100%;margin: 8px 0 0 42px;color: #6C727E}
.student .page_top .page_title p span{color: #6C727E}
.student .page_top .page_title p span:not(:last-child){position: relative;padding-right: 12px}
.student .page_top .page_title p span:not(:last-child):after{content: "∙";display: block;position: absolute;top: 0;right: 2px;opacity: 0.5;font-size: 10px}
.student .student_lnb li a{padding: 14px 16px;font-weight: 500;color: #9DA4AE}
.student .student_lnb>li.on>a{font-weight: 600;color: #111927}
.student .student_lnb ul li a{padding-left: 32px}
.student .student_lnb ul li.on>a{font-weight: 600;color: #111927}
.student .flex_box.rest,
.student .flex_box.end{position: relative;opacity: 0.5}
.student .flex_box.rest:after,
.student .flex_box.end:after{content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 10}
.student .feedback_top{margin-bottom: 16px}
.student .feedback_top span{margin-right: 8px}
.student .feedback_list>li{background: #F3F4F6;border: 1px solid #E5E7EB;border-radius: 6px}
.student .feedback_list>li:not(:first-child){margin-top: 8px}
.student .feedback_list>li .info{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #E5E7EB;padding: 12px 16px;font-size: 12px;color: #9DA4AE}
.student .feedback_list>li .info strong{font-size: 14px;font-weight: 500;color: #6C727E}
.student .feedback_list>li .con{line-height: 1.5;padding: 12px 16px;font-size: 13px}
.student .feedback_list>li.nodata{border: 0;background: none;font-weight: 500;color: #9DA4AE}
.student .label.ico_warning{padding: 0 8px;background: #E8A733}
.student .label.ico_warning i{background: url(../../images/manager/default/ico_warning.png) 0 center no-repeat;padding-left: 14px;font-style: normal}
.stu_con_dash_page .flex_box .left{width: 344px}
.stu_con_dash_page .flex_box .right{width: 776px}
.stu_con_dash_page .view_list dl:not(:first-of-type){margin-top: 12px}
.stu_con_dash_page .view_list dl dt{width: 112px;margin-right:4px;font-weight: 500;color: #9DA4AE}
.stu_con_dash_page .list_table .nodata{background: none;font-weight: 500;color: #9DA4AE}
.stu_con_dash_page .comm_today .top .tab_box_a{margin-bottom:0;margin-left:auto}
.stu_con_dash_page .class_area{margin-bottom:24px}
.stu_con_dash_page .class_area .title{display:block;margin-bottom:12px;color:#000000;font-size:16px;font-weight:600}
.stu_con_dash_page .class_area .class_list{display:flex;flex-wrap: wrap;margin: -6px}
.stu_con_dash_page .class_area .class_list li{display:flex;align-items: center;height:34px;line-height: 34px;padding:0 8px 0 32px;margin: 6px;border: .5px solid #D2E1F2;border-radius: 6px;background:#F7FAFD url(../../images/manager/default/ico_class_medi.png)no-repeat 8px/18px;}
.stu_con_dash_page .class_area .class_list li span{color: #2D7ABA;font-size: 12px;font-weight: 500;}
.stu_con_dash_page .class_area .class_list li span:not(:first-of-type){margin-left:2px;padding-left:12px;background:url(../../images/manager/default/ico_class_arrow_blue.png) no-repeat left/10px}
.stu_con_dash_page .class_area .class_list li.uff{border-color:#E8D6D7;background-image:url(../../images/manager/default/ico_class_uff.png);background-color:#F8F2F2}
.stu_con_dash_page .class_area .class_list li.uff span{color: #A3555B}
.stu_con_dash_page .class_area .class_list li.uff span:not(:first-of-type){background-image:url(../../images/manager/default/ico_class_arrow_purple.png)}
.stu_con_dash_page .class_area .class_list li.en{border-color:#F8D9C4;background-image:url(../../images/manager/default/ico_class_en.png);background-color:#FDF3EC}
.stu_con_dash_page .class_area .class_list li.en span{color: #ED8343}
.stu_con_dash_page .class_area .class_list li.en span:not(:first-of-type){background-image:url(../../images/manager/default/ico_class_arrow_purple.png)}
.stu_con_dash_page .design_calendar .fc .fc-timegrid .fc-scrollgrid th{border-bottom: 0}
.stu_con_dash_page .design_calendar .fc .fc-timegrid td{border-top: 1px solid #E5E7EB}
.stu_con_dash_page .design_calendar .fc .fc-timegrid-slot{height: 46px}
.stu_con_dash_page .design_calendar .fc .fc-timegrid-event-harness{height: 46px}
.stu_con_dash_page .design_calendar .fc .fc-timegrid-event-harness:nth-of-type(1){margin-top: 0}
.stu_con_dash_page .design_calendar .fc .fc-timegrid-event-harness:nth-of-type(2){margin-top: 1px}
.stu_con_dash_page .design_calendar .fc .fc-timegrid-event-harness:nth-of-type(3){margin-top: 1px}
.stu_con_dash_page .design_calendar .fc .fc-timegrid .fc-scrollgrid th .fc-col-header-cell-cushion{display: block;padding: 8px;font-size: 12px;text-align: left}
.stu_con_dash_page .design_calendar .fc .fc-timegrid .fc-scrollgrid th .fc-col-header-cell-cushion em{display: block;width: 22px;height: 22px;line-height: 22px;margin-top: 8px;border-radius: 50%;border: 1px solid #F3F4F6;color: #111927;text-align: center}
.stu_con_dash_page .design_calendar .fc .fc-timegrid .fc-scrollgrid th .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion em{border-color: #8E618A;background: #8E618A;color: #fff}
.stu_con_dash_page .design_calendar .fc .fc-timegrid .type{position: relative;width: 105%;line-height: 1;border-radius: 0;margin: 0 -2px;padding: 8px 10px 9px}
.stu_con_dash_page .design_calendar .fc .fc-timegrid .type em{font-size: 12px;}
.stu_con_dash_page .design_calendar .fc .fc-timegrid .type em.title{display: block;border-left: 0;margin: 0 0 4px 0;padding-left: 0;font-weight: 500}
.stu_con_dash_page .design_calendar .fc .fc-timegrid .type span{display: none}
.stu_con_dash_page .design_calendar .fc .fc-timegrid .type:before{content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;width: 2px;background: #2D7ABA}
.stu_con_dash_page .design_calendar .fc .fc-timegrid .type.type02:before{background: #A3555B}
.stu_con_dash_page .design_calendar .fc .fc-timegrid .type.type03:before{background: #ED8343}
.stu_con_dash_page .design_calendar .fc .fc-timegrid .type.type04:before{background: #009170}
.stu_con_dash_page .design_calendar .fc .fc-timegrid .type.type05:before{background: #E18884}


.class_view_layer .class_view_control{margin-bottom: 24px;padding: 0 42px}
.class_view_layer .class_view_control strong{display: block;line-height: 32px;font-size: 18px;font-weight: 600;color: #000;text-align: center}
.class_view_layer .class_view_wrap .slick-arrow{position: absolute;top: -55px;width: 32px;height: 32px;border: 0;text-indent: -9999px;overflow: hidden;z-index: 10}
.class_view_layer .class_view_wrap .slick-arrow.slick-prev{left: 0;background: url(../../images/manager/default/ico_arrow_box_prev.png)no-repeat center/contain}
.class_view_layer .class_view_wrap .slick-arrow.slick-next{right: 0;background: url(../../images/manager/default/ico_arrow_box_next.png)no-repeat center/contain}
.class_view_layer .class_view_list .class_view_item{padding: 12px 16px;border-radius: 8px;background: #F0F5FB}
.class_view_layer .class_view_list .class_view_item:not(:first-child){margin-top: 12px}
.class_view_layer .class_view_list .class_view_item .top{display: flex;align-items: center;justify-content: space-between;margin: 0 -16px 8px;padding-right: 16px}
.class_view_layer .class_view_list .class_view_item .top p{border-left: 3px solid #2D7ABA;padding-left: 16px;font-size: 16px;color: #111927}
.class_view_layer .class_view_list .class_view_item .top p:last-child{border-left: 0;padding-left: 0;font-weight: 500;color: #1F2A37}
.class_view_layer .class_view_list .class_view_item .top p em{margin-right: 2px;font-weight: 500}
.class_view_layer .class_view_list .class_view_item dl{display: flex;flex-wrap: wrap;align-items: center}
.class_view_layer .class_view_list .class_view_item dl dt{width: 74px;margin-top: 8px;font-size: 16px;font-weight: 500;color: #6C727E}
.class_view_layer .class_view_list .class_view_item dl dd{width: calc(100% - 74px);margin-top: 8px;font-size: 16px}
.class_view_layer .class_view_list .class_view_item dl dt:nth-of-type(1),
.class_view_layer .class_view_list .class_view_item dl dd:nth-of-type(1){margin-top: 0}

/* student - stu_default_con/stu_consulting_con */
.stu_con_page .flex_box .left{width: 180px}
.stu_con_page .flex_box .right{width: 940px}
.stu_con_page .view_list.line{border-top: 1px solid #E5E7EB;margin: 24px -16px 0;padding: 24px 16px 0}
.stu_con_page .view_list.bg{padding: 12px;border-radius: 4px;background: #F3F4F6;margin-top: 16px}
.stu_con_page .view_list dl dd{display: block;line-height: 1.5}
.stu_con_page .view_list strong{display: block;margin-bottom: 24px;font-size: 16px;font-weight: 600;color: #000}
.stu_con_page .btn_line_gray_plus{width: 100%}
.stu_con_page .layer .write_table{margin-bottom: 0}
.stu_con_page .layer .write_table .tbl_con{padding-right: 8px}
.stu_con_page .layer .write_table td:last-child .tbl_con{padding-right: 0}
.stu_con_page .layer .write_table .date_area,
.stu_con_page .layer .write_table .date_area .date_form,
.stu_con_page .layer .write_table .time_area,
.stu_con_page .layer .write_table .time_area .time_form{width: 100%}
.stu_con_page .layer .box{padding-bottom: 4px;border-bottom: 1px solid #E5E7EB}
.stu_con_page .layer .box:not(:first-of-type){margin-top: 24px}
.stu_con_page .layer .box:last-of-type{padding-bottom: 0;border-bottom: 0}
.stu_con_page .layer .box strong{margin-bottom: 24px !important;font-size: 18px;color: #000}
.stu_con_page .layer .box.tel .tbl_con{display: block}
.stu_con_page .layer .box.tel .tel_list li{display: flex;justify-content: space-between}
.stu_con_page .layer .box.tel .tel_list li:not(:first-child){margin-top: 8px}
.stu_con_page .layer .box.tel .tel_list li select{width: 119px}
.stu_con_page .layer .box.tel .tel_list li input{width: calc(100% - 127px)}
.stu_con_page .layer .box.tel .btn_tel_add{margin-top: 20px}
.stu_con_page .layer .box.transfer{padding-bottom: 24px}
.stu_con_page .layer .box.transfer .transfer_list li{display: flex;flex-wrap: wrap;justify-content: space-between}
.stu_con_page .layer .box.transfer .transfer_list li:not(:first-child){margin-top: 20px;padding-top: 20px;border-top: 1px solid #E5E7EB}
.stu_con_page .layer .box.transfer .transfer_list li dl{width: calc(100% / 2 - 6px);margin-top: 20px}
.stu_con_page .layer .box.transfer .transfer_list li dl:nth-of-type(-n+2){margin-top: 0}
.stu_con_page .layer .box.transfer .transfer_list li dl dt{margin-bottom: 8px;font-size: 16px;font-weight: 600}
.stu_con_page .layer .box.transfer .btn_transfer_add{margin-top: 20px}
.stu_con_page .layer .mdeet_info_area{border-radius: 8px;padding: 8px 12px;background: #F3F4F6}
.stu_con_page .layer .mdeet_info_area .write_table .tbl_con{min-height: auto;padding-bottom: 0}
.stu_con_page .layer .tbl_con .ip_box{position: relative}
.stu_con_page .layer .tbl_con .ip_box input{padding-right: 55px}
.stu_con_page .layer .tbl_con .ip_box span{position: absolute;right: 16px;top: 0;line-height: 44px}

/* student - stu_eng */
.stu_ecs_con_page .section .pagination_wrap{justify-content: center}
.stu_ecs_con_page .layer.table_modify_layer .layer_inner .layer_con{width: 956px}
.stu_ecs_con_page .layer.table_modify_layer .btn_tr_add{margin-top: 24px}
.stu_eval_con_page.stu_con_page .flex_box .right>.btn_area,
.stu_exp_con_page.stu_con_page .flex_box .right>.btn_area{justify-content: flex-end;margin-top: 0}
/* .stu_eval_con_page .view_list dl dt{width: 140px;margin-right: 12px} */

/* student - stu_consulting_con */
.stu_consulting_con_page .btn_section_add{margin-bottom: 20px}
.stu_consulting_con_page .layer.consulting_layer .layer_inner .layer_con{width: 940px}
.stu_consulting_con_page .layer .tbl_con textarea{height: 260px}

/* student - stu_class_list */
.stu_class_list_page .list_top .btn_area{position: absolute;top: -70px;right: 0}

/* student - stu_class_con */
.stu_class_con_page .alert_status{position: absolute;top: 0;left: 0;right: 0;background: #F6DCDB;padding: 8px 16px}
.stu_class_con_page .alert_status p{line-height: 24px;padding-left: 40px;background: url(../../images/manager/default/ico_alert_status_end.png) 0 center no-repeat;font-size: 16px;font-weight: 500;color: #BC718C}
.stu_class_con_page .stu_class_con_top{display: flex;justify-content: space-between;margin-bottom: 24px}
.stu_class_con_page .stu_class_con_top .page_navi ul{display: flex}
.stu_class_con_page .stu_class_con_top .page_navi li{position: relative;padding-right: 34px;font-size: 24px;font-weight: 500;color: #111927}
.stu_class_con_page .stu_class_con_top .page_navi li:after{content: "";display: block;position: absolute;top: 50%;right: 10px;width: 14px;height: 15px;margin-top: -7px;background: url(../../images/manager/default/ico_step_arrow.png) center no-repeat}
.stu_class_con_page .stu_class_con_top .page_navi li:last-child{padding-right: 0}
.stu_class_con_page .stu_class_con_top .page_navi li:last-child:after{display: none}
.stu_class_con_page .stu_class_con_top .page_navi p{margin-top: 10px;color: #6C727E}
.stu_class_con_page .list_top{margin-bottom: 0}
.stu_class_con_page .list_top .btn_area{position: absolute;top: -70px;right: 0}
.stu_class_con_page .list_top .option_toggle{display: none;position: absolute;top: 48px;right: 0;width: 154px;border: 1px solid #D2D6DB;border-radius: 8px;background: #fff;box-shadow: 0 5px 12px rgba(10, 14, 21, 0.1);z-index: 10}
.stu_class_con_page .list_top .option_toggle li{padding: 0 16px}
.stu_class_con_page .list_top .option_toggle li:not(:first-child){border-top: 1px solid #D2D6DB}
.stu_class_con_page .list_top .option_toggle li button{border: 0;padding: 14px 0 14px 28px}
.stu_class_con_page .list_top .option_toggle li.ico_pause button{background: url(../../images/manager/default/ico_option_pause.png) 0 center no-repeat;color: #E14D4D}
.stu_class_con_page .list_top .option_toggle li.ico_pause2 button{background: url(../../images/manager/default/ico_option_pause2.png) 0 center no-repeat;color: #E14D4D}
.stu_class_con_page .list_top .option_toggle li.ico_add button{background: url(../../images/manager/default/ico_option_add.png) 0 center no-repeat}
.stu_class_con_page .list_top .option_toggle li.ico_change button{background: url(../../images/manager/default/ico_option_change.png) 0 center no-repeat}
.stu_class_con_page .list_top .option_toggle li.ico_finish button{background: url(../../images/manager/default/ico_option_finish.png) 0 center no-repeat;color: #E14D4D}
.stu_class_con_page .list_top .btn_option.on + .option_toggle{display: block}
.stu_class_con_page .flex_box{position: relative;display: none}
.stu_class_con_page .flex_box.on{display: flex}
.stu_class_con_page .flex_box .btn_plus{position: absolute;top: -70px;right: 48px}
.stu_class_con_page .flex_box .btn_line{position: absolute;top: -70px;right: 210px}
.stu_class_con_page .flex_box .top{width: 100%;margin-bottom: 20px}
.stu_class_con_page .flex_box .left{width: 706px}
.stu_class_con_page .flex_box .right{width: 414px}
.stu_class_con_page .total .total_info{display: flex;align-items: center;justify-content: space-between}
.stu_class_con_page .total .total_info .box{display: flex;align-items: center}
.stu_class_con_page .total .total_info .box:first-child strong{line-height: 32px;margin-right: 8px;padding-left: 32px;background: url(../../images/manager/default/ico_class_total.png) 0 center no-repeat;font-size: 18px;font-weight: 600}
.stu_class_con_page .total .total_info .box:last-child p{margin-right: 10px;font-size: 16px}
.stu_class_con_page .total .total_info .box:last-child p span{font-weight: 600}
.stu_class_con_page .total .total_progressbar{position: relative;width: 100%;height: 14px;margin-top: 10px}
.stu_class_con_page .total .total_progressbar em{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;border-radius: 80px;background: #E5E7EB;transition: all 0.5s ease}
.stu_class_con_page .total .total_progressbar em.pull{width: 0;background: linear-gradient(#A984A7, #8E618A)}
.stu_class_con_page .teacher_box{display: flex;align-items: center;justify-content: space-between;width: 100%;border-radius: 8px;padding: 12px 16px;background: #F3F4F6}
.stu_class_con_page .teacher_box:not(:first-child){margin-top: 8px}
.stu_class_con_page .teacher_box p{font-size: 12px;font-weight: 500}
.stu_class_con_page .teacher_box p em{ margin-right: 8px;font-size: 16px;font-weight: 600;color: #111927}
.stu_class_con_page .session_teacher_box{width: 100%;border-radius: 8px;padding: 12px 16px;background: #F3F4F6}
.stu_class_con_page .session_teacher_box:not(:first-child){margin-top: 8px}
.stu_class_con_page .session_teacher_box p{font-size: 12px;font-weight: 500}
.stu_class_con_page .session_teacher_box p em{ margin-right: 8px;font-size: 16px;font-weight: 600;color: #111927}
.stu_class_con_page .session_teacher_box p:last-child{position: relative;width: 266px;margin-top: 12px}
.stu_class_con_page .session_teacher_box p:last-child input{padding-right: 36px;color: #111927;text-align: right}
.stu_class_con_page .session_teacher_box p:last-child span{position: absolute;top: 12px;right: 16px;font-size: 14px;font-weight: 500;color: #111927}
.stu_class_con_page .ico_diamond{display: inline-block;width: 20px;height: 20px;background: url(../../images/manager/default/ico_diamond.png) center no-repeat;text-indent: -9999px;overflow: hidden}
.stu_class_con_page .class_status li:not(:first-child){margin-top: 24px}
.stu_class_con_page .class_status li.over .list_table td{color: #111927 !important}
.stu_class_con_page .class_status li.over .list_table tfoot td p:last-child,
.stu_class_con_page .class_status li.over .list_table tfoot td p:last-child em{color: #E14D4D}
.stu_class_con_page .class_status .btn_status_toggle{position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;background: #F6F2F6;border-left: 3px solid #8E618A;padding: 12px 40px 12px 16px}
.stu_class_con_page .class_status .btn_status_toggle:after{content: "";display: block;position: absolute;top: 50%;right: 16px;width: 14px;height: 14px;margin-top: -7px;background: url(../../images/manager/default/ico_class_arrow.png) center no-repeat;transform: rotate(180deg)}
.stu_class_con_page .class_status .btn_status_toggle.on:after{transform: rotate(0)}
.stu_class_con_page .class_status .btn_status_toggle p{font-weight: 500}
.stu_class_con_page .class_status .btn_status_toggle p strong{margin-right: 8px;font-size: 18px;font-weight: 600;color: #8E618A}
.stu_class_con_page .class_status .btn_status_toggle p .label{margin-left: 8px}
.stu_class_con_page .class_status .btn_status_toggle p .ico_pay{background: url(../../images/manager/default/ico_pay.png) 0 center no-repeat;padding-left: 21px}
.stu_class_con_page .class_status .btn_status_toggle p .ico_pay em{margin-left: 5px;font-weight: 600}
.stu_class_con_page .class_status .btn_status_toggle + .list_table{display: none}
.stu_class_con_page .class_status .btn_status_toggle.on + .list_table{display: table}
.stu_class_con_page .flex_box .list_table{border-radius: 0;border-left: 0;border-right: 0}
.stu_class_con_page .flex_box .list_table thead th{padding: 8px 10px;background: #fff;font-size: 14px;font-weight: 500;color: #9DA4AE}
.stu_class_con_page .flex_box .list_table tbody td{padding: 14px 10px;color: #9DA4AE}
.stu_class_con_page .flex_box .list_table tfoot td{background: #F3F4F6}
.stu_class_con_page .flex_box .list_table tfoot td p{display: inline-flex;padding: 0 16px;font-size: 12px;font-weight: 500;color: #6C727E}
.stu_class_con_page .flex_box .list_table tfoot td p em{margin-left: 4px;font-size: 14px;font-weight: 600;color: #111927}
.stu_class_con_page .flex_box .list_table .btn_text_plus{background: url(../../images/manager/default/ico_class_plus.png) 100% center no-repeat;padding-right: 28px;color: #8E618A}
.stu_class_con_page .flex_box .list_table .btn_arrow{width: 20px;height: 20px;background: url(../../images/manager/default/ico_class_list_arrow.png) center no-repeat;text-indent: -9999px;overflow: hidden}
.stu_class_con_page .class_schedule_layer.layer .layer_inner .layer_con{width: 859px;border-radius: 6px 6px 0 0}
.stu_class_con_page .class_schedule_layer.alert_layer .layer_outer{align-items: flex-start;padding: 24px 0 0}
.stu_class_con_page .class_schedule_layer.alert_layer .layer_outer .layer_inner .layer_con>.con{height: calc(100vh - 397px)}
.stu_class_con_page .class_schedule_layer .design_timetable{overflow-x: initial}
.stu_class_con_page .class_schedule_layer .design_timetable.first{margin-bottom: 8px}
.stu_class_con_page .class_schedule_layer .design_timetable.first table tbody th{background: #F3F4F6}
.stu_class_con_page .class_schedule_layer .btn_area{justify-content: space-between !important}
.stu_class_con_page .class_schedule_layer .fixed-bottom{position: fixed;left: 0;right: 0;bottom: 24px;width: 859px;background: #fff;box-shadow: 0 -2px 5px rgba(10, 14, 21, 0.1);left: 0;right: 0;border-radius: 0 0 6px 6px;margin: 0 auto;padding: 24px 24px 0}


.stu_class_con_page .class_time_add_layer.layer .layer_inner .layer_con,
.stu_class_con_page .session_add_layer.layer .layer_inner .layer_con{width: 440px}
.stu_class_con_page .session_add_layer .tbl_con .ip_box{margin-right: 12px}
.stu_class_con_page .feedback_layer.layer .layer_inner .layer_con{width: 1344px}
.stu_class_con_page .feedback_layer .con{background: #F3F4F6;padding-bottom: 24px !important}
.stu_class_con_page .feedback_layer .list_table{border: 1px solid #E5E7EB;margin-top: 24px;border-radius: 8px}
.stu_class_con_page .feedback_layer .list_table td{vertical-align: top;color: #111927}
.stu_class_con_page .feedback_write_layer textarea{height: 220px}
.stu_class_con_page .class_view_layer .layer_outer{align-items: flex-start}
.stu_class_con_page .class_view_layer .layer_outer .layer_con{border-bottom-left-radius: 0;border-bottom-right-radius: 0}
.stu_class_con_page .class_view_layer .con{position: relative;max-height: calc(100vh - 258px) !important;height: calc(100vh - 258px) !important;background: #F3F4F6;box-shadow: 0 1px 3px rgba(10, 14, 21, 0.1)}
.stu_class_con_page .class_view_layer .con strong{display: block;margin-bottom: 24px;font-size: 18px;font-weight: 600;color: #111927}
.stu_class_con_page .class_view_layer .class_view_top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 24px}
.stu_class_con_page .class_view_layer .class_view_top p strong{margin-bottom: 0}
.stu_class_con_page .class_view_layer .class_view_top p strong em{margin-left: 8px;color: #6C727E}
.stu_class_con_page .class_view_layer .class_view li:not(:first-child){margin-top: 24px}
.stu_class_con_page .class_view_layer .class_view li p{font-size: 16px;font-weight: 500;color: #9DA4AE}
.stu_class_con_page .class_view_layer .class_view dl{display: flex;flex-wrap: wrap;align-items: center}
.stu_class_con_page .class_view_layer .class_view dt{width: 100px;font-size: 16px;font-weight: 500;color: #6C727E}
.stu_class_con_page .class_view_layer .class_view dd{width: calc(100% - 100px);padding-left: 8px;font-size: 16px;color: #384250}
.stu_class_con_page .class_view_layer .class_view dt:not(:nth-of-type(1)),
.stu_class_con_page .class_view_layer .class_view dd:not(:nth-of-type(1)){margin-top: 12px}
.stu_class_con_page .class_view_layer .class_view .feedback_box{border-radius: 8px;background: #fff;padding: 12px 16px;font-size: 16px}
.stu_class_con_page .class_view_layer .class_view .feedback_box>strong:not(:first-child){margin-top: 30px}
.stu_class_con_page .class_view_layer .class_view .feedback_box .write_table .tbl_con{min-height: auto}
.stu_class_con_page .class_view_layer .class_view .feedback_box.first_feedback_write_layer li{display: flex;gap: 10px}
.stu_class_con_page .class_view_layer .class_view .feedback_box.first_feedback_write_layer li:not(:first-child){margin-top: 5px}
.stu_class_con_page .class_view_layer .class_view .feedback_box.first_feedback_write_layer .analysis_list dl:not(:first-child){margin-top: 12px}
.stu_class_con_page .class_view_layer .class_view .feedback_box.first_feedback_write_layer .analysis_list .anls_tit{margin-bottom: 0}

.stu_class_con_page .class_view_layer .class_view_bottom{position: fixed;bottom: 24px;right: 32px;width: 502px;border-radius: 0 0 12px 12px;background: #F3F4F6;padding: 24px}
.stu_class_con_page .class_view_layer .class_view_bottom .agree{border-radius: 8px;background: #fff;padding: 20px}
.stu_class_con_page .first_feedback_write_layer.layer .layer_inner .layer_con{width: 720px}
.stu_class_con_page .first_feedback_write_layer.layer .layer_inner .layer_con>.con{background: #F3F4F6;padding-bottom: 24px}
.stu_class_con_page .first_feedback_write_layer .con .tab_box_r{margin: -24px -24px 24px;padding: 12px 24px;background: #fff;box-shadow: 0 1px 3px 0 rgba(10, 14, 21, 0.1)}
.stu_class_con_page .first_feedback_write_layer.layer .con .section strong{margin-bottom: 24px}
.stu_class_con_page .first_feedback_write_layer .analysis_title{position: relative;margin: 32px 0 24px}
.stu_class_con_page .first_feedback_write_layer .analysis_title:before{content: "";display: block;position: absolute;top: 50%;left: 0;right: 0;height: 1px;background: #E5E7EB}
.stu_class_con_page .first_feedback_write_layer .analysis_title span{position: relative;display: inline-flex;flex-wrap: wrap;align-items: center;padding-right: 6px;background: #fff;font-size: 16px;font-weight: 600;color: #111927;z-index: 1}
.stu_class_con_page .first_feedback_write_layer .analysis_title span em{display: block;width: 15px;height: 15px;line-height: 15px;margin: 0 8px 0 2px;background: #9DA4AE;font-size: 11px;font-weight: 300;color: #fff;text-align: center}
.stu_class_con_page .first_feedback_write_layer .list_table .ico_delete{vertical-align: middle;width: 20px;height: 20px;background: url(../../images/manager/default/ico_stu_del.png) center no-repeat;text-indent: -9999px;overflow: hidden}
.stu_class_con_page .first_feedback_write_layer .list_table tfoot tr td{padding: 0}
.stu_class_con_page .first_feedback_write_layer .list_table tfoot tr td input{height: 48px;line-height: 48px;border: 0;border-radius: 0;padding: 0 10px;font-size: 14px}
.stu_class_con_page .first_feedback_write_layer .list_table tfoot tr td input::placeholder{color: #9DA4AE}
.stu_class_con_page .first_feedback_write_layer .btn_tr_add{margin-top: 10px}
.stu_class_con_page .real_time_add_layer .write_table tr.bottom .tbl_tit{border-top: 1px solid #D2D6DB;margin: 0 -24px;padding: 16px 24px 0}
.stu_class_con_page .real_time_add_layer .write_table tr.bottom .tbl_con{margin: 0 -24px;padding: 16px 24px}
.stu_class_con_page .real_time_add_layer .write_table tr.bottom .tbl_con p{font-size: 16px;color: #111927}
.stu_class_con_page .real_time_add_layer .write_table tr.bottom .tbl_con p em{display: inline-block;width: 15px;border-bottom: 1px solid #111927}.stu_class_con_page .real_time_add_layer .write_table tr.bottom .tbl_con p em.num{width: auto;border-bottom: 0}
.stu_class_con_page .real_time_add_layer .write_table tr.bottom .tbl_con .btn_txt{width: 100%;margin-top: 10px}
.stu_class_con_page .real_time_add_layer .bottom_btn{margin-top: 16px}
.stu_class_con_page .analysis_list dl{display: flex;flex-wrap: wrap}
.stu_class_con_page .analysis_list dl:not(:first-child){margin-top: 24px}
.stu_class_con_page .analysis_list dt{width: 92px;padding-right: 10px;word-break: keep-all;font-size: 16px;font-weight: 600}
.stu_class_con_page .analysis_list dd{width: calc(100% - 92px)}
.stu_class_con_page .analysis_list ul li:not(:first-child){margin-top: 24px}
.stu_class_con_page .analysis_list .anls_tit{position: relative;margin-bottom: 8px;padding-left: 6px;font-weight: 500;color: #384250}
.stu_class_con_page .analysis_list .anls_tit:before{content: "";display: block;position: absolute;top: 3px;left: 0;width: 2px;height: 12px;border-radius: 99px;background: #D2D6DB}
.stu_class_con_page .analysis_list .anls_box{display: flex;justify-content: space-between}
.stu_class_con_page .analysis_list .anls_box .design_input{width: calc(100% / 10 - 6px)}
.stu_class_con_page .analysis_list .anls_box .design_input label{height: 32px;line-height: 32px;border: 1px solid #D2D6DB;border-radius: 6px;padding: 0;font-weight: 500;color: #6C727E;text-align: center}
.stu_class_con_page .analysis_list .anls_box .design_input input:checked + label{border-color: #8E618A;background: #F6F2F6;color: #8E618A}
.stu_class_con_page .analysis_list.col11 .anls_box .design_input{width: calc(100% / 11 - 6px)}
.stu_class_con_page .analysis_list.col11 .anls_box .design_input:last-child{width: 73px}
.stu_class_con_page .class_finish_layer01 .write_table{border-radius: 8px;background: #F3F4F6;margin-top: 16px;padding: 20px}
.stu_class_con_page .class_finish_layer01 .write_table .tbl_con{min-height: auto;padding: 0}
.stu_class_con_page .class_finish_layer01 .write_table .tbl_con .ip_box{width: 100%}

.stu_class_list_page .group_class_info,
.group_class_view_page .group_class_info{border-radius: 8px;background: #F3F4F6;padding: 20px}
.stu_class_list_page .group_class_info .write_table .ip_box + p,
.group_class_view_page .group_class_info .write_table .ip_box + p{margin-left: 12px}

/* student - stu_feedback_con */
.stu_feedback_con_page .btn_feedback_write{float: right}
.stu_feedback_con_page .feedback_view_layer .con{background: #F3F4F6}
.stu_feedback_con_page .feedback_view_layer .feedback_view li{border-radius: 8px;background: #fff;padding: 20px;font-size: 16px}
.stu_feedback_con_page .feedback_view_layer .feedback_view li:not(:first-child){margin-top: 24px}
.stu_feedback_con_page .feedback_view_layer .feedback_view li dl{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between}
.stu_feedback_con_page .feedback_view_layer .feedback_view li dt{width: 50%;font-size: 16px;font-weight: 600;color: #6C727E}
.stu_feedback_con_page .feedback_view_layer .feedback_view li dd{width: 50%;font-size: 16px;color: #111927;text-align: right}
.stu_feedback_con_page .feedback_view_layer .feedback_view li dt:not(:nth-of-type(1)),
.stu_feedback_con_page .feedback_view_layer .feedback_view li dd:not(:nth-of-type(1)){margin-top: 16px}

/* student - stu_pay_con */
.stu_pay_con_page .pay_view_layer .con{background: #F3F4F6}
.stu_pay_con_page .pay_view_layer .pay_view{border-radius: 8px;background: #fff;padding: 20px}
.stu_pay_con_page .pay_view_layer .pay_view dl{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between}
.stu_pay_con_page .pay_view_layer .pay_view dt{width: 50%;font-size: 16px;font-weight: 600;color: #6C727E}
.stu_pay_con_page .pay_view_layer .pay_view dd{width: 50%;font-size: 16px;color: #111927;text-align: right}
.stu_pay_con_page .pay_view_layer .pay_view dt:not(:nth-of-type(1)),
.stu_pay_con_page .pay_view_layer .pay_view dd:not(:nth-of-type(1)){margin-top: 16px}

/* stats */
.stats .tab_box li.sales a{background: url(../../images/manager/default/ico_tab_box_sales.png) 4px calc(50% - 2px) no-repeat}
.stats .tab_box li.sales.on a{background: url(../../images/manager/default/ico_tab_box_sales_on.png) 4px calc(50% - 2px) no-repeat}
.stats .tab_box li.teacher a{background: url(../../images/manager/default/ico_tab_box_notice.png) 4px calc(50% - 2px) no-repeat}
.stats .tab_box li.teacher.on a{background: url(../../images/manager/default/ico_tab_box_notice_on.png) 4px calc(50% - 2px) no-repeat}

/* stats - sales */
.total_stats_page.dash_main_page .status_board ul li{width: calc(100% / 3 - 12px)}
.total_stats_page.dash_main_page .status_board ul li.ico_status_total{width: calc(100% / 2 - 12px)}
.lecture_stats_page.dash_main_page .status_board .left{width: 100%}
.lecture_stats_page.dash_main_page .status_board ul li{width: calc(100% / 5 - 12px);padding-right: 12px}
.total_stats_page.dash_main_page .section:not(:first-of-type),
.lecture_stats_page.dash_main_page .section:not(:first-of-type){margin: 20px 0 0}

/* stats - teacher */
.teacher_stats_page.dash_main_page .section:not(:first-of-type){margin: 20px 0 0}
.teacher_stats_page.dash_main_page .status_board .left{width: 100%}
.teacher_stats_page.dash_main_page .status_board ul li{width: calc(100% / 5 - 12px);padding-right: 12px}

/* class_admin - group_class_view */
.group_class_view_page.stu_class_con_page .class_status .list_table tr.end td{opacity: 0.5}
.group_class_view_page.stu_class_con_page .class_status .list_table tr.end.empty td{opacity: 1}
.group_class_view_page.stu_class_con_page .class_status .list_table tr.end.empty td:not(:nth-of-type(2)){opacity: 0.5}
.group_class_view_page.stu_class_con_page .class_status li.over .list_table tfoot td p:last-child{color: #6C727E}
.group_class_view_page.stu_class_con_page .class_status li.over .list_table tfoot td p:last-child em{color: #111927}
.group_class_view_page .group_class_view_layer.layer .layer_con>.con{background: #F3F4F6}
.group_class_view_page .group_class_view_layer .group_class_view_top{font-size: 18px;font-weight: 600;color: #111927}
.group_class_view_page .group_class_view_layer .group_class_view{border-radius: 8px;margin: 24px 0;padding: 20px;background: #fff}
.group_class_view_page .group_class_view_layer .group_class_view dl{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between}
.group_class_view_page .group_class_view_layer .group_class_view dt{width: 50%}
.group_class_view_page .group_class_view_layer .group_class_view dd{width: 50%;text-align: right}
.group_class_view_page .group_class_view_layer .group_class_view dt:not(:nth-of-type(1)),
.group_class_view_page .group_class_view_layer .group_class_view dd:not(:nth-of-type(1)){margin-top: 16px}
.group_class_view_page .group_class_view_layer .group_stu_list{border-radius: 8px;padding: 16px;background: #fff}
.group_class_view_page .group_class_view_layer .group_stu_list>p{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-bottom: 16px}
.group_class_view_page .group_class_view_layer .group_stu_list>p>strong{font-size: 16px;font-weight: 600;color: #6C727E}
.group_class_view_page .group_class_view_layer .group_stu_list>p>em{font-size: 16px;color: #111927}
.group_class_view_page .group_class_view_layer .group_stu_list li{background: #F3F4F6;border: 1px solid #E5E7EB;border-radius: 6px;padding: 16px}
.group_class_view_page .group_class_view_layer .group_stu_list li:not(:first-child){margin-top: 8px}
.group_class_view_page .group_class_view_layer .group_stu_list li a{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 100%;background: url(../../images/manager/default/ico_group_arrow.png) 100% center no-repeat;background-size: 16px;padding-right: 24px}
.group_class_view_page .group_class_view_layer .group_stu_list li p{font-size: 16px;font-weight: 500;color: #111927}
.group_class_view_page .group_class_view_layer .group_stu_list li p span{font-size: 13px;font-weight: 400;color: #6C727E}

/* schedule - schedule_con */
.schedule_con_page .design_calendar{width: calc(100% - 208px);margin-left: 20px}

/* design_calendar */
.design_calendar .fc .fc-toolbar-chunk{display: flex;align-items: center}
.design_calendar .fc .fc-toolbar-chunk:first-child .fc-toolbar-title{margin:0 20px;color:#000;font-size:18px;font-weight:600;text-align:center}
.design_calendar .fc .fc-toolbar-chunk:first-child .fc-prev-button,
.design_calendar .fc .fc-toolbar-chunk:first-child .fc-next-button{display:block;width:32px;height:32px;border: 0;text-indent:-9999px}
.design_calendar .fc .fc-toolbar-chunk:first-child .fc-prev-button{background:url(../../images/manager/default/paging_prev.png) no-repeat center center;background-size:32px}
.design_calendar .fc .fc-toolbar-chunk:first-child .fc-next-button{background:url(../../images/manager/default/paging_next.png) no-repeat center center;background-size:32px;margin-left: 0}
.design_calendar .fc .fc-toolbar-chunk:first-child .fc-today-button{height: 32px;line-height: 32px;border-color: #D2D6DB;border-radius: 6px;background:transparent;margin-left: 10px;padding: 0 12px;font-size: 14px;font-weight: 500;color: #6C727E}
.design_calendar .fc .fc-toolbar-chunk:last-child{border-radius: 8px;padding: 4px;background: #F3F4F6}
.design_calendar .fc .fc-toolbar-chunk:last-child .fc-button{width: 56px;height: 28px;line-height: 28px;border: 0;padding: 0;background: transparent;font-size: 14px;font-weight: 500;color: #9DA4AE;text-align: center}
.design_calendar .fc .fc-toolbar-chunk:last-child .fc-button.fc-button-active{border-radius: 6px;background: #fff;box-shadow: 0 1px 3px rgba(10, 14, 21, 0.16);color: #8E618A}
.design_calendar .fc .fc-scrollgrid{border-radius: 4px;font-size: 12px;font-weight: 400;color: #111927}
.design_calendar .fc .fc-scrollgrid th{border-color: #E5E7EB;background: #F3F4F6;color: #6C727E}
.design_calendar .fc .fc-scrollgrid th .fc-col-header-cell-cushion{padding: 5px 4px}
.design_calendar .fc .fc-scrollgrid-sync-table td{border-color: #E5E7EB;padding: 6px 8px}
.design_calendar .fc .fc-daygrid-day-top{flex-direction: inherit}
.design_calendar .fc .fc-daygrid-day-top .fc-daygrid-day-number{width: 22px;height: 22px;line-height: 22px;padding: 0;border: 1px solid #F3F4F6;border-radius: 50%;color: #111927;text-align: center}
.design_calendar .fc .fc-daygrid-day.fc-day-today{background: transparent}
.design_calendar .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top .fc-daygrid-day-number{border-color: #8E618A;background: #8E618A;color: #FCFCFD}
.design_calendar .fc .fc-daygrid-day-events{margin-top: 8px}
.design_calendar .fc .fc-daygrid-day-bottom .fc-daygrid-more-link{width: 18px;height: 18px;line-height: 18px;border-radius: 4px;font-size: 10px;background: #F3F4F6;overflow: hidden;color: #1F2A37;text-align: center}
.design_calendar .fc .fc-h-event{border: 0;margin: 0 !important;border-radius: 0 !important;background: none !important}
.design_calendar .fc .fc-timegrid-event{border: none;background: none;box-shadow: none}
.design_calendar .fc .fc-timegrid-col-events .fc-timegrid-more-link{inset-inline-end: auto !important;width: 18px;height: 18px;line-height: 18px;border-radius: 4px;margin-top: 92px;font-size: 10px;background: #F3F4F6;color: #1F2A37;text-align: center}
.design_calendar .fc .fc-timegrid-col-events .fc-timegrid-more-link .fc-timegrid-more-link-inner{padding: 0}
.design_calendar .fc .fc-timegrid-event-harness{width: 100%;height: 26px;inset-inline-start: 0 !important}
.design_calendar .fc .fc-timegrid-event-harness:nth-of-type(1){margin-top: 2px}
.design_calendar .fc .fc-timegrid-event-harness:nth-of-type(2){margin-top: 32px}
.design_calendar .fc .fc-timegrid-event-harness:nth-of-type(3){margin-top: 62px}
.design_calendar .fc .fc-timegrid-event .fc-event-main{padding: 0}
.design_calendar .fc .fc-timegrid .fc-scrollgrid{border-bottom: 1px solid #E5E7EB}
.design_calendar .fc .fc-timegrid td{border-top: 0;border-bottom: 0}
.design_calendar .fc .fc-timegrid tr:nth-child(4n) td{border-bottom: 1px solid #E5E7EB}
.design_calendar .fc .fc-timegrid-slot{height: 26px;padding: 6px 8px}
.design_calendar .fc .fc-timegrid-col.fc-day-today{background: none}
.design_calendar .fc .fc-timegrid .fc-scrollgrid th{background: none}
.design_calendar .fc .type{width: 100%;border-radius: 4px;padding: 4px 4px 4px 0;background: #F0F5FB;font-size: 10px;color: #111927}
.design_calendar .fc .type em{opacity: .8}
.design_calendar .fc .type em.title{border-left: 2px solid #2D7ABA;margin-right: 2px;padding-left: 6px;font-weight: 500;opacity: 1}
.design_calendar .fc .type span{padding-left: 6px;color: #1F2A37;opacity: .7}
.design_calendar .fc .type.type02{background: #F8F2F2}
.design_calendar .fc .type.type02 em{border-color: #A3555B}
.design_calendar .fc .type.type03{background: #FDF3EC}
.design_calendar .fc .type.type03 em{border-color: #ED8343}
.design_calendar .fc .type.type04{background: #EEF6F4}
.design_calendar .fc .type.type04 em{border-color: #009170}
.design_calendar .fc .type.type05{background: #FDF7F6}
.design_calendar .fc .type.type05 em{border-color: #E18884}
.design_calendar .fc .fc-day-past .type{filter: grayscale(100%)}

/* design_tree */
.design_tree .jstree-default>.jstree-container-ul>li>.jstree-anchor{font-weight: 700}
.design_tree .jstree-default>.jstree-container-ul>li>ul>li>ul>li>ul>li .jstree-anchor{font-size: 14px}
.design_tree .jstree-default li:not(:first-child){margin-top: 6px}
.design_tree .jstree-default .jstree-ocl{display: none}
.design_tree .jstree-default .jstree-anchor{display: inline-flex;width: 100%;height: 44px;line-height: 44px;font-size: 16px;font-weight: 500;color: #111927}
.design_tree .jstree-default.jstree-checkbox-no-clicked .jstree-hovered,
.design_tree .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered,
.design_tree .jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered,
.design_tree .jstree-default .jstree-wholerow-hovered{background: #F6F2F6;border-radius: 4px}
.design_tree .jstree-default .jstree-wholerow,
.design_tree .jstree-default .jstree-icon:empty{height: 44px;line-height: 44px}
.design_tree .jstree-default .jstree-themeicon{background-position: -260px 4px}
.design_tree .jstree-default .jstree-checkbox{order: 1;margin-left: auto;background-position: -164px 7px}
.design_tree .jstree-default .jstree-checkbox:hover,
.design_tree .jstree-default .jstree-checked>.jstree-checkbox{background-position: -164px 7px}
.design_tree .jstree-default .jstree-anchor>.jstree-undetermined,
.design_tree .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
.design_tree .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,
.design_tree .jstree-default .jstree-checked>.jstree-checkbox:hover,
.design_tree .jstree-default .jstree-checked>.jstree-checkbox{background-position: -228px 7px}
.design_tree .jstree-default .jstree-themeicon{order: 0}

/* design_timetable */
.design_timetable{overflow-x: auto}
.design_timetable table{width: 1275px;border-bottom: 1px solid #E5E7EB}
.design_timetable table thead th p{position: relative;margin-left: -87px;padding-bottom: 13px;font-size: 12px;font-weight: 500;color: #6C727E;text-align: center}
.design_timetable table thead th p:after{content: "";display: block;position: absolute;bottom: 0;left: 86px;width: 1px;height: 9px;background: #E5E7EB}
.design_timetable table tbody th{height: 54px;line-height: 54px;border: 1px solid #E5E7EB;border-bottom: 0;box-shadow: 5px 0 8px -2px rgba(0, 0, 0, 0.07);font-weight: 500;color: #111927;text-align: center}
.design_timetable table tbody td{border-right: 1px solid #E5E7EB;border-top: 1px solid #E5E7EB}
.design_timetable .type{position: relative;width: 100%;padding: 9px 10px;background: #F0F5FB;color: #111927}
.design_timetable .type p{opacity: 1;font-weight: 600}
.design_timetable .type p:before{content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;width: 2px;height: 100%;background: #2D7ABA}
.design_timetable .type em{margin-right: 2px;opacity: 0.7;font-size: 12px;font-weight: 500}
.design_timetable .type span{opacity: 0.5;font-size: 12px}
.design_timetable .type.type02{background: #F8F2F2}
.design_timetable .type.type02 p:before{background: #A3555B}
.design_timetable .type.type03{background: #FDF3EC}
.design_timetable .type.type03 p:before{background: #ED8343}
.design_timetable .type.type04{background: #EEF6F4}
.design_timetable .type.type04 p:before{background: #009170}
.design_timetable .type.type05{background: #FDF7F6}
.design_timetable .type.type05 p:before{background: #E18884}

/* holiday - myholiday_con */
.holiday_calendar .fc .fc-header-toolbar{position: relative;margin-bottom: 10px}
.holiday_calendar .fc .fc-toolbar-chunk:last-child{border-radius: 0;padding: 0;background: none}
.holiday_calendar .fc .fc-toolbar-chunk:last-child .fc-today-button{display: none !important}
.holiday_calendar .fc .fc-toolbar-chunk:last-child  .fc-icon-chevron-left::before,
.holiday_calendar .fc .fc-toolbar-chunk:last-child  .fc-icon-chevron-right::before{display: none !important}
.holiday_calendar .fc .fc-button-group{position: static}
.holiday_calendar .fc .fc-button-group .fc-prev-button{position: absolute;top: 40px;left: 0;width: 24px !important;height: 24px !important;background: url(../../images/manager/default/ico_holiday_prev.png) center no-repeat !important;z-index: 10}
.holiday_calendar .fc .fc-button-group .fc-next-button{position: absolute;top: 40px;right: 0;width: 24px !important;height: 24px !important;background: url(../../images/manager/default/ico_holiday_next.png) center no-repeat !important;z-index: 10}
.holiday_calendar .fc .fc-view-harness{height: 330px !important}
.holiday_calendar .fc .fc-multimonth{display: flex;justify-content: space-between;border: 0}
.holiday_calendar .fc .fc-multimonth-month{width: calc(50% - 12px) !important}
.holiday_calendar .fc .fc-multimonth-title{font-size: 16px;font-weight: 500;color: #6C727E}
.holiday_calendar .fc th{border-left: 0;border-right: 0}
.holiday_calendar .fc td{border: 0}
.holiday_calendar .fc .fc-col-header-cell-cushion{padding: 10px 0}
.holiday_calendar .fc .fc-daygrid-day-frame{display: flex;align-items: center;justify-content: center;height: 40px;line-height: 40px}
.holiday_calendar .fc .fc-day-other .fc-daygrid-day-top{opacity: 1}
.holiday_calendar .fc .fc-day-other .fc-daygrid-day-top .fc-daygrid-day-number{color: #D2D6DB}
.holiday_calendar .fc .fc-daygrid-day-top .fc-daygrid-day-number{border: 0;font-size: 16px;font-weight: 500;color: #6C727E}
.holiday_calendar .fc .fc-highlight{background: #F3F4F6;border-radius: 8px}
.holiday_calendar .fc .fc-daygrid-day.fc-active-highlight .fc-daygrid-day-number{font-weight: 600;color: #8E618A}

/* daterangepicker */
.daterangepicker .drp-calendar{max-width: 307px !important}
.daterangepicker .calendar-table .prev{background: url(../../images/manager/default/ico_holiday_prev.png) center no-repeat}
.daterangepicker .calendar-table .next{background: url(../../images/manager/default/ico_holiday_next.png) center no-repeat}
.daterangepicker .calendar-table .prev span,
.daterangepicker .calendar-table .next span{display: none !important}
.daterangepicker .calendar-table th{height: 43px !important;line-height: 43px !important;border-bottom: 1px solid #D2D6DB !important;font-size: 16px !important;font-weight: 500;color: #6C727E}
.daterangepicker .calendar-table td{height: 39px !important;line-height: 39px !important;font-size: 16px !important;font-weight: 500;color: #6C727E}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date{color: #D2D6DB !important}
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.in-range{background-color: #F3F4F6 !important;font-weight: 600 !important;color: #8E618A !important}
.daterangepicker .drp-buttons .btn{vertical-align: middle;height: 32px;line-height: 32px;margin-left: 8px;padding: 0 12px !important;border-radius: 6px;background: #8E618A;font-size: 14px !important;font-weight: 500 !important;color: #FCFCFD}
.daterangepicker .drp-buttons .btn.cancelBtn{border: 1px solid #8E618A;background: #fff;color: #8E618A}

/* system - member - member_con */
.member_con_layer .con{background-color:#F3F4F6}
.member_con_layer .view_list{border-radius: 8px;background: #fff;padding: 12px 16px;font-size: 16px}
.member_con_layer .view_list dl,
.join_apply_info_layer .view_list dl{justify-content: space-between}
.member_con_layer .view_list dl:not(:first-of-type),
.join_apply_info_layer .view_list dl:not(:first-of-type){margin-top:16px}
.member_con_layer .view_list dl dt,
.join_apply_info_layer .view_list dl dt{width: 108px;margin-right: 0}
.member_con_layer .view_list dl dd,
.join_apply_info_layer .view_list dl dd{display: block;width: calc(100% - 108px);text-align: right}
.member_con_layer .btn_area{justify-content: space-between;border-top: 1px solid #E5E7EB;margin-top:24px;padding-top: 12px}
.join_apply_info_layer .view_list{margin-bottom: 20px;padding: 20px}