@charset "utf-8";

#container.layout_table{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100vh !important;margin:0;background:url(../../images/manager/default/login_bg.jpg) no-repeat center/cover;text-align:center}
.login_wrap .loginArea .loginContent{width:364px;margin:0 auto;padding:32px;background:#fff;border-radius:12px;box-shadow:0px 5px 12px 0px rgba(0, 0, 0, 0.05);box-sizing:border-box}
.login_wrap .loginArea .loginContent .login_title{display:flex;justify-content:center;align-items:center;height:95px;line-height:1.4;margin-bottom:31px;background:url(../../images/manager/default/login_logo.png) no-repeat left/111px;font-size:33px;font-weight:800;color:#384250;text-align:center}
.login_wrap .loginArea .loginContent .login_title h1{font-size:24px;font-weight:700}
.login_wrap .loginArea .loginContent .login_title.bottom{flex-direction:column;justify-content:flex-end}
.login_wrap .loginArea .loginContent .login_title.bottom p{margin-top:8px;color:#6C727E;font-size:14px}
/* .login_wrap .loginArea .loginContent .experience_id{margin:20px 0 0;font-size:14px;color:#BF383E} */
.login_wrap .loginArea .login_input{text-align:left;font-size:16px;color:#555}
.login_wrap .loginArea .login_input li{position:relative}
.login_wrap .loginArea .login_input li:not(:first-of-type){margin-top:8px}
.login_wrap .loginArea .login_input li input{padding:0 16px 0 40px;text-align:left;width:100%;height:44px;line-height:42px;border:0;border:1px solid #D2D6DB;border-radius:6px;font-size:14px;color:#111927;outline:0}
.login_wrap .loginArea .login_input li input::placeholder{color:#9DA4AE}
.login_wrap .loginArea .login_input li::before{content:'';position:absolute;top:50%;left:16px;width:16px;height:16px;margin-top:-8px}
.login_wrap .loginArea .login_input li.user_id::before{background:url(../../images/manager/default/ico_login_id.png) no-repeat center/16px}
.login_wrap .loginArea .login_input li.user_pw::before{background:url(../../images/manager/default/ico_login_pw.png) no-repeat center/16px}

.login_wrap .loginArea .login_input .user_pw{position:relative}
.login_wrap .loginArea .login_input .user_pw .pw-input{margin:0}
.login_wrap .loginArea .login_input .user_pw .pw_change_btn{position:absolute;top:50%;right:10px;width:24px;height:24px;border:0;background:url(../../images/manager/default/ico_hidden.png) no-repeat center/24px;transform:translateY(-50%);overflow:hidden;text-indent:-9999px}
.login_wrap .loginArea .login_input .user_pw .pw_change_btn.on{background-image:url(../../images/manager/default/ico_show.png)}

.login_wrap .loginArea .login_menu{display:flex;justify-content:space-between;margin-top:16px}
.login_wrap .loginArea .login_menu li a{color:#6C727E;font-size:14px}
.login_wrap .loginArea .saveId label span{color:#616161;font-size:16px}
.login_wrap .loginArea .loginBtn{display:block;width:100%;height:44px;line-height:44px;margin:16px 0 0;padding:0;background:#8E618A;border:0;border-radius:6px;font-size:16px;font-weight:500;color:#fff;text-align:center;box-sizing:border-box;cursor:pointer}
.login_wrap .loginArea .ok_con+.loginBtn{margin-top:31px}
.login_wrap .loginArea .ok_con{line-height:1.4;color:#384250;font-size:16px}
.login_wrap .loginArea .ok_con b{font-weight:700}
.login_wrap .loginArea .ok_con.join_ok_con{text-align:left}
.login_wrap .loginArea .ok_link{display:inline-block;margin-top:16px;color:#6C727E}

.login_wrap .joinArea .joinContent{width:620px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0px 5px 12px 0px rgba(0, 0, 0, 0.05);border-bottom:1px solid #E5E7EB;box-sizing:border-box}
.login_wrap .joinArea .joinContent .join_title{display:flex;justify-content:space-between;align-items:center;padding:16px 24px 12px;border-bottom:1px solid #E5E7EB}
.login_wrap .joinArea .joinContent .join_title h1{color:#111927;font-size:20px;font-weight:600}
.login_wrap .joinArea .joinContent .join_title .btn_close{width:28px;height:28px;border:0;background:url(../../images/manager/default/ico_join_close.png) no-repeat center/contain;font-size:0;text-indent:-9999;overflow:hidden}
.login_wrap .joinArea .joinContent .bottom_area{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:12px 24px 16px;border-top:1px solid #E5E7EB}
.login_wrap .joinArea .joinContent .bottom_area .btn_txt:disabled{background:#CBB5CA}
.login_wrap .joinArea .joinContent .bottom_area .btn_txt:not(:first-of-type){margin-left:8px}
.login_wrap .joinArea .joinContent .join_con{height: 400px;overflow-y: auto;padding:24px;line-height: 1.5;text-align: left}
.login_wrap .joinArea .joinContent .join_con strong{display: block;font-weight: 700}
.login_wrap .joinArea .joinContent .join_con .btn_line{padding:0;font-size:14px;font-weight:500}

.tab_box li.auth a,
.tab_box li.auth button{background: url(../../images/manager/default/ico_tab_box_set.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.auth.on a,
.tab_box li.auth.on button{background: url(../../images/manager/default/ico_tab_box_set_on.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.member a,
.tab_box li.member button{background: url(../../images/manager/default/ico_tab_box_member.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.member.on a,
.tab_box li.member.on button{background: url(../../images/manager/default/ico_tab_box_member_on.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_user a,
.tab_box li.ico_user button{background: url(../../images/manager/default/ico_tab_box_user.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_user.on a,
.tab_box li.ico_user.on button{background: url(../../images/manager/default/ico_tab_box_user_on.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_attend a,
.tab_box li.ico_attend button{background: url(../../images/manager/default/ico_tab_box_attend.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_attend.on a,
.tab_box li.ico_attend.on button{background: url(../../images/manager/default/ico_tab_box_attend_on.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_salary a,
.tab_box li.ico_salary button{background: url(../../images/manager/default/ico_tab_box_salary.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_salary.on a,
.tab_box li.ico_salary.on button{background: url(../../images/manager/default/ico_tab_box_salary_on.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_book a,
.tab_box li.ico_book button{background: url(../../images/manager/default/ico_tab_box_book.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_book.on a,
.tab_box li.ico_book.on button{background: url(../../images/manager/default/ico_tab_box_book_on.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_chart a,
.tab_box li.ico_chart button{background: url(../../images/manager/default/ico_tab_box_chart.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_chart.on a,
.tab_box li.ico_chart.on button{background: url(../../images/manager/default/ico_tab_box_chart_on.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_student a,
.tab_box li.ico_student button{background: url(../../images/manager/default/ico_tab_box_student.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_student.on a,
.tab_box li.ico_student.on button{background: url(../../images/manager/default/ico_tab_box_student_on.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_plus a,
.tab_box li.ico_plus button{background: url(../../images/manager/default/ico_tab_box_plus.png) 4px calc(50% - 2px) no-repeat;background-size:20px}
.tab_box li.ico_plus.on a,
.tab_box li.ico_plus.on button{background: url(../../images/manager/default/ico_tab_box_plus.png) 4px calc(50% - 2px) no-repeat;background-size:20px}

.form ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.form ul li{width:100%;text-align:left}
.form ul li.w50{width:calc(50% - 10px)}
.form li:not(:first-child){margin-top:24px}
.form.col2 li:nth-of-type(2){margin-top:0}
.form .form__tit{color:#6C727E;font-size:16px;font-weight:600}
.form .form__tit label{color:#6C727E;font-size:16px;font-weight:600}
.form .form__tit--necessary label::after{content:"*";display:inline-block;vertical-align:middle;margin-left:2px;color:#FF7552}
.form .form__content{display:flex;margin-top:8px}
.form .form__content p{margin-top:2px;padding:0 8px;font-size:12px}
.form .form__content textarea{height:150px;resize:none}
.form .form__content input,.form .form__content select{width:100%}
.form .form__content input[type='text']::placeholder{color:#9DA4AE}
.form .form__content select:invalid {color:#9DA4AE}
.form .form__content .design_input:not(:first-of-type){margin-left:16px}
.form .form__content .checkBig:not(:first-of-type){margin-left:24px}
.form .form__content .checkBig label{padding-left:28px}
.form .form__content--radio{align-items:center;height:50px}
.form .form__content--file{position: relative;flex-wrap: wrap;padding-right: 41px;}
.form .form__content--file .file-plus{position: absolute;bottom: 5px;right: 0;width: 36px;height: 36px;border: 1px solid #8E618A;border-radius:6px;background: url(../../images/manager/default/btn_line_plus.png) center/20px no-repeat;}
.form .form__content--file .file-list{position: relative;display: flex;flex-wrap: wrap;width: 100%;}
.form .form__content--file .file-list:not(:first-of-type){margin-top: 10px;}
.form .form__content--file .file-list select{width: 147px;margin-right: 5px;flex-shrink: 0;}
.form .form__content--file .file-list input[type='text']{width: calc(100% - 152px);}
.form .form__content--file .file-list .input-file-wrap{position: relative;overflow: hidden;}
.form .form__content--file .file-list .input-file-wrap input[type='file']{position:absolute;left:-9999px}
.form .form__content--file .file-list .input-file-wrap input[type='file']+label{position:absolute;top:0;right: 0;bottom: 0;left:0;z-index: 10;}
.form .form__content--file .file-list .btn_delete{position: absolute;top: 12px;right: -34px;width: 20px;height: 20px;background: url(../../images/manager/default/ico_del_red2.png) center/20px no-repeat;text-indent: -9999px;overflow: hidden}
.form .form__content--file .file-list .file-text{display: flex;width: 100%;margin-top: 8px}
.form .form__content--file .file-list .file-text p{margin: 0;padding: 0;font-size: 14px;font-weight: 500;color: #000}
.form .form__content--file .file-list .file-text button{border: 0;background: none;margin-left: 9px;font-size: 14px;font-weight: 500;color: #8E618A}
.form .form__content--file.w50{width: calc(50% - 12px);margin-right: 85px;padding-right: 0;}
.form .form__content--file.w50 .file-plus{right: -85px;}

.text_input{position: relative;width: 100%;}
.text_input::after{content: '';position: absolute;top: 50%;right: 13px;color: #6C727E;font-size: 14px;transform: translateY(-50%);}
.text_input.time::after{content: '시간'}
.text_input.won::after{content: '원'}
.text_input.percent::after{content: '%'}
.text_input input[type="text"]{padding-right:44px}

.qna-box{width:100%;padding:20px;border:1px solid #E5E7EB;border-radius:8px;background-color:#F9FAFB}
.qna-box li:not(:first-of-type){margin-top:32px}
.qna-box li .tit{font-size:16px;font-weight:600;color:#6C727E}
.qna-box li .con{display:block;margin-top:12px;font-size:16px}
.qna-box li .con.txt{padding-left:24px}
.qna-box li .con .design_input:not(:first-of-type){margin:16px 0 0}
.qna-box li .con .checkBig:not(:first-of-type){margin:24px 0 0}

/* view_list */
.view_list{display:flex;flex-wrap:wrap}
.view_list dl{display:flex;width:100%}
.view_list dl:not(:first-of-type){margin-top:20px}
.view_list.col2 dl{width:50%}
.view_list.col2 dl:nth-of-type(2){margin-top:0}
.view_list.col3 dl{width:33.333%}
.view_list.col3 dl:nth-of-type(2),.view_list.col3 dl:nth-of-type(3){margin-top:0}
.view_list dl dt{flex-shrink:0;margin-right:24px;color:#6C727E;font-size:16px;font-weight:500}
.view_list dl dd{display:flex;flex-wrap:wrap;color:#111927;font-size:16px}
.view_list dl dd.nodata{line-height:18px;color:#9DA4AE;font-weight:400;text-align:left}
.view_list dl dd .text{margin-right:4px;color:#9DA4AE}
.view_list dl dd .design_input:not(:first-of-type){margin-left:16px}
.view_list dl dd .checkBig:not(:first-of-type){margin-left:24px}
.view_list dl dd .checkBig label{padding-left:28px}

.icon{width:16px;height:16px;border:0;background:url(../../images/manager/default/ico_edit.png)no-repeat center/16px;font-size:0;text-indent:-9999px;overflow:hidden}
.icon.copy{background-image:url(../../images/manager/default/ico_copy.png)}
.icon.del{background-image:url(../../images/manager/default/ico_del.png)}
.icon.del_red{background-image:url(../../images/manager/default/ico_del_red.png)}
.icon.del_min_red{background-image:url(../../images/manager/default/ico_del_min_red.png)}
.icon.option{width: 24px;height: 24px;background-image:url(../../images/manager/default/ico_qna_option.png);background-size: 24px}
.icon.down_cloud{background-image:url(../../images/manager/default/ico_down_cloud.png)}
.icon.edit{background-image:url(../../images/manager/default/ico_edit.png)}

.icon_btn{min-height: 21px;padding-left:28px;border:0;background:transparent url(../../images/manager/default/ico_edit.png)no-repeat left/20px;color:#6C727E;font-size:14px;font-weight:500;overflow:hidden}
.icon_btn.add{background-image:url(../../images/manager/default/ico_plus_circle.png);background-size: 21px;color:#8E618A}
.icon_btn.copy{background-image:url(../../images/manager/default/ico_copy.png)}
.icon_btn.del_red{background-image:url(../../images/manager/default/ico_del_red.png);color:#E14D4D}
.icon_btn.up{background-image:url(../../images/manager/default/ico_up_circle.png)}
.icon_btn.down{background-image:url(../../images/manager/default/ico_down_circle.png)}

.setup_con{display:flex;margin:48px -40px 0;border-top:1px solid #D2D6DB}
.setup_con .setup_list>.title{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:24px}
.setup_con .setup_list>.title h3{color:#111927;font-size:24px;font-weight:700}
.setup_con .setup_list{width:calc(100% - 371px);padding:34px 40px}
.setup_con .setup_list .setup_item{padding:16px 20px 20px;border:1px solid #E5E7EB;border-radius:12px;background-color:#fff}
.setup_con .setup_list .setup_item:not(:first-of-type){margin-top:22px}
.setup_con .setup_list .setup_item .setup_tit{display:flex;align-items:center;border-bottom: 1px solid #E5E7EB;margin:-16px -20px 20px;padding:16px 20px}
.setup_con .setup_list .setup_item .setup_tit em{display:inline-block;width:30px;height:30px;line-height:30px;border-radius:4px;background-color:#4D5761;font-size:13px;font-weight:600;color:#FFFFFF;text-align:center}
.setup_con .setup_list .setup_item .setup_tit input{width:calc(100% - 225px);margin:0 12px}
.setup_con .setup_list .setup_item .setup_tit select{width:171px}
.setup_con .setup_list .setup_item .option_add{display:block;height:36px;margin:16px auto 0}
.setup_con .option_item{padding:8px}
.setup_con .option_item:not(:first-of-type){margin-top:16px}
.setup_con .option_item .design_input label{font-size: 16px;font-weight: 600;color: #6C727E}
.setup_con .option_item .subjective_title{display: block;font-size: 16px;font-weight: 600;color: #6C727E}
.setup_con .option_item .subjective_title+.input_box{padding-left: 0}
.setup_con .option_item .subjective_title+.input_box input{width: 100%}
.setup_con .option_item .input_box{display:flex;align-items:center;margin-top:8px;padding-left:24px}
.setup_con .option_item .input_box input{width:calc(100% - 49px)}
.setup_con .option_item .input_box .btn_del{width:36px;height:36px;margin-left:13px}
.setup_con .setup_bottom{display:flex;align-items:center;justify-content:space-between;margin:20px -20px 0;padding: 20px 20px 0;border-top: 1px solid #E5E7EB}
.setup_con .setup_bottom .setup_option{display:flex;align-items:center}
.setup_con .setup_bottom .setup_option .icon_btn{margin-left:20px}
.setup_con .setup_bottom .setup_button button:not(:first-child){margin-left: 16px}
.setup_con .right{width:371px;padding:32px 24px;border-left:1px solid #D2D6DB;background-color:#E5E7EB80}
.setup_con .right .step{display:flex}
.setup_con .right .step li{position:relative;color:#111927;font-size:18px;font-weight: 500}
.setup_con .right .step li:not(:first-of-type){margin-left:34px}
.setup_con .right .step li:not(:first-of-type)::before{content:'';position:absolute;top:50%;left:-24px;width:14px;height:14px;margin-top:-7px;background:#000;background:url(../../images/manager/default/ico_step_arrow.png)no-repeat center/14px}
.setup_con .right .sort_list{margin-top:24px;border:1px solid #E5E7EB;border-radius:6px;background-color:#fff}
.setup_con .right .sort_list li{position:relative;padding:12px 44px 12px 48px}
.setup_con .right .sort_list li:not(:first-child){border-top: 1px solid #E5E7EB}
.setup_con .right .sort_list li em{position:absolute;top:12px;left:12px;width:24px;height:24px;line-height:24px;border-radius:4px;background-color:#E5E7EB;color:#4D5761;font-size:11px;font-weight:500;text-align:center}
.setup_con .right .sort_list li strong{line-height:24px;color:#9DA4AE;font-size:14px;font-weight:500}
.setup_con .right .sort_list li p{margin-top:4px;color:#6C727E;font-size:12px;font-weight:400}
.setup_con .right .sort_list li .icon.option{position: absolute;top: 50%;right: 4px;margin-top: -12px}

.holiday_list_page .section{padding:0;background-color:transparent;box-shadow:none}
.holiday_list_page .section{padding:0;background-color:transparent;box-shadow:none}
.holiday_list_page .section .section_title{align-items:flex-end;padding:0 16px;border:0}
.holiday_list_page .section .section_title select{width:140px}
.holiday_list_page .holiday_list{display:flex;margin:-8px}
.holiday_list_page .holiday_list ul{display:flex;width:100%;padding:16px 24px;margin:8px;border-radius:8px;background-color:#fff;box-shadow:0px 3px 8px 0px rgba(10, 14, 21, 0.1)}
.holiday_list_page .holiday_list ul li{width:100%}
.holiday_list_page .holiday_list ul li span{display:block;font-size:14px;font-weight:500}
.holiday_list_page .holiday_list ul li b{display:block;margin-top:10px;line-height:28px;font-size:22px;font-weight:700}

.page_title.sub_title{flex-wrap:wrap}
.page_title.sub_title .btn_back{padding:0}
.page_title.sub_title h2{line-height:32px}
.page_title.sub_title span{width:100%;padding-left:44px;margin-top:4px;font-size:14px;color:#6C727E}
.pay_con_page .section{margin-top:15px}
.pay_con_page .date_area{display:flex;justify-content:space-between;align-items:flex-end}
.pay_con_page .date_area .date{display:flex;align-items:center}
.pay_con_page .date_area .date span{padding:0 10px;color:#000;font-size:18px;font-weight:600}
.pay_con_page .date_area .date button{width:32px;height:32px;background:url(../../images/manager/default/ico_arrow_box_prev.png)no-repeat center/contain;border:0;font-size:0;text-indent:-9999px}
.pay_con_page .date_area .date button.next{background-image:url(../../images/manager/default/ico_arrow_box_next.png);font-size:0;text-indent:-9999px}
.pay_con_page .pay_list li:not(:first-of-type){margin-top:24px}
.pay_con_page .pay_list li span{display:block;font-size:16px;font-weight:600;color:#6C727E}
.pay_con_page .pay_list li .upload{display:flex;align-items:center;margin-top:8px;padding:6px;border:1px solid #D2D6DB;border-radius:6px}
.pay_con_page .pay_list li .file{position:relative;overflow:hidden}
.pay_con_page .pay_list li .file input{position:absolute;top:0;left:0;width:0;height:0;visibility:hidden}
.pay_con_page .pay_list li .file input+label{display:inline-block;height:36px;line-height:34px;padding:0 12px 0 40px;border:1px solid #8E618A;border-radius:6px;background:#fff url(../../images/manager/default/ico_file_upload_purple.png)no-repeat 12px/20px;color:#8E618A;font-size:14px}
.pay_con_page .pay_list li .file-text{display:inline-block;width:auto;margin-left:12px;border:0;padding:0;color:#9DA4AE}

.auth_write_layer .layer_outer .layer_inner .layer_con>.con{padding-bottom: 70px;}
.auth_write_layer .layer_outer{justify-content:center}
.auth_write_layer .table_area{margin:0 -24px;padding:0 24px}
.auth_write_layer .table_area:not(:first-of-type){margin-top:24px;padding-top: 24px;border-top:1px solid #E5E7EB}
.auth_write_layer .table_title{display:block;margin-bottom:16px;color:#6C727E;font-size:16px;font-weight:600}
.auth_write_layer .write_table{margin: 0;}
.auth_write_layer .write_table .tbl_con{min-height:44px;padding-bottom: 0;}
.auth_write_layer .write_table td .design_input{display:inline-block;width:auto;margin-right:8px}
.auth_write_layer .list_table:not(:first-of-type){margin-top:12px}
.auth_write_layer .list_table tr:first-of-type th,.auth_write_layer .list_table tr:first-of-type td{border-top:0}
.auth_write_layer .list_table th{background-color:#F9FAFB}
.auth_write_layer .list_table td{padding:8px 2px}
.auth_write_layer .list_table td .design_input{display:inline-block;width:auto;margin:8px}
.auth_write_layer .btn_area{position: absolute;left: 0;bottom: 0;justify-content: flex-end;width: 100%;margin:0;padding: 12px 24px 16px;background: #fff;border-top: 1px solid #E5E7EB;}

.category_con_page .category_con{display:flex;justify-content:space-between;align-items:flex-start}
.category_con_page .category_con .section{width:calc(50% - 10px);margin:0}
.category_con_page .category_con .section.list_area{position:relative;min-height:calc(100vh - 280px);padding-bottom:78px}
.category_con_page .category_con .section.list_area .btn_area{margin:0;padding:10px 16px}
.category_con_page .category_con .section.list_area .btn_area.top_area{margin:-16px -16px 0;border-bottom:1px solid #E5E7EB}
.category_con_page .category_con .section.list_area .btn_area.bottom_area{position:absolute;bottom:0;left:0;right:0;align-items:center;border-top:1px solid #E5E7EB}
.category_con_page .category_con .section.list_area .btn_area .btn_txt{margin-right:8px}
.category_con_page .category_con .section.write_area .btn_area{justify-content:flex-end;margin:16px -16px -16px;padding:12px 24px 16px;border-top:1px solid #E5E7EB}
.category_con_page .category_con .section.write_area .btn_area .btn_txt{margin-left:8px}
.category_con_page .category_con .section.write_area dl{display:flex;justify-content:space-between}
.category_con_page .category_con .section.write_area dl dt{color:#6C727E;font-size:16px;font-weight:600}
.category_con_page .category_con .section.write_area dl dd{font-size:16px;font-weight:500;text-align:right}

.myholiday_con_page .holiday_con{display:flex;flex-wrap:wrap;justify-content:space-between}
.myholiday_con_page .holiday_con:not(:first-of-type){margin-top:32px}
.myholiday_con_page .holiday_con .holiday_con_title{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px}
.myholiday_con_page .holiday_con .holiday_con_title h3{font-size:20px;font-weight:600}
.myholiday_con_page .holiday_con .holiday_con_title .search_option{display:flex;align-items:center}
.myholiday_con_page .holiday_con .holiday_con_title .search_option .design_input{margin-right:11px}
.myholiday_con_page .holiday_con .holiday_con_title .search_option select{width:140px}
.myholiday_con_page .holiday_con .holiday_list{display:flex}
.myholiday_con_page .holiday_con .holiday_list li{width:196px;padding:16px;border-radius:8px;background-color:#fff;box-shadow:0px 3px 8px 0px #0A0E151A}
.myholiday_con_page .holiday_con .holiday_list li:not(:first-of-type){margin-left:16px}
.myholiday_con_page .holiday_con .holiday_list li strong{display:block;line-height:1.4;color:#111927;font-size:16px;font-weight:500}
.myholiday_con_page .holiday_con .holiday_list li span{display:block;margin-top:10px;line-height:1.4;color:#111927;font-size:22px;font-weight:700}
.myholiday_con_page .holiday_con .section .section_title h3 em{display:inline-block;margin-left:6px;color:#8E618A}

.holiday_apply_layer .layer_outer .layer_inner .layer_con{width: 693px;}
.holiday_apply_layer .layer_outer .layer_inner .layer_con>.con{height: auto;padding: 16px;}
.holiday_apply_layer .holiday_apply_con{display: flex;align-items: center;justify-content: space-between;margin-top: 12px;}
.holiday_apply_layer .holiday_apply_con p{width: calc(100% - 160px);color: #111927;font-size: 16px;}
.holiday_apply_layer .holiday_apply_con p span{display: inline-block;margin-left: 8px;color: #9DA4AE;}
.holiday_apply_layer .holiday_apply_con .btn_txt span{padding-right: 28px;background: url(../../images/manager/default/ico_arrow_purple.png)no-repeat right/20px;}
.holiday_apply_layer .btn_area{justify-content: space-between;margin-top: 28px;}
.holiday_apply_layer .btn_area select{width: 140px;height: 40px;line-height: 40px}
.holiday_apply_layer .btn_area input{width: calc(100% - 306px);height: 40px;line-height: 40px;}
.holiday_apply_layer .btn_area .btn_txt{width: 150px}
.holiday_apply_layer .edit_area{display: none;position: absolute;top:0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.1)}
.holiday_apply_layer .edit_area .edit_inner{position: absolute;bottom: 0;left: 0;right: 0;background: #fff;padding: 16px;border-radius: 12px 12px 0 0;z-index: 10;}
.holiday_apply_layer .edit_area .edit_area_top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;}
.holiday_apply_layer .edit_area .edit_area_top strong{color: #111927;font-size: 16px;font-weight: 600;}
.holiday_apply_layer .edit_area .edit_area_top .btn_close{width:24px;height: 24px;background: url(../../images/manager/default/ico_holiday_close.png)no-repeat center/18px;text-indent: -999px;overflow: hidden;}
.holiday_apply_layer .edit_area ul li{display: flex;justify-content: space-between;align-items: center;}
.holiday_apply_layer .edit_area ul li:not(:first-of-type){margin-top: 12px;}
.holiday_apply_layer .edit_area ul li span{color: #111927;font-size: 16px;}
.holiday_apply_layer .edit_area ul li select{width: 140px;}

.holiday_end_layer{top: 24px;bottom: auto;background: none}
.holiday_end_layer.layer.alert_layer .layer_inner .layer_con{width: auto;box-shadow: none;background: #0A0E15}
.holiday_end_layer.layer.alert_layer .layer_inner .layer_con>.con{padding: 11px 12px;text-align: center;color: #fff}

.holiday_layer_con{padding:20px;border-radius:8px;background-color:#fff;box-shadow:0px 3px 8px 0px rgba(10, 14, 21, 0.1)}
.holiday_layer_con .con{background-color:#F3F4F6}
.holiday_layer_con dl{display:flex}
.holiday_layer_con dl:not(:first-of-type){margin-top:20px}
.holiday_layer_con dl dt{flex-shrink:0;color:#6C727E;font-weight:600}
.holiday_layer_con dl dd{width:100%;margin-left:15px}
.holiday_layer_con dl.detail{display:flex;flex-wrap:wrap;margin-top:12px;padding:12px;border-radius:6px;background-color:#F3F4F6}
.holiday_layer_con dl.detail dt{width:105px;color:#6C727E}
.holiday_layer_con dl.detail dd{width:calc(100% - 105px);margin:0}
.holiday_layer_con dl.detail dt:not(:first-of-type){margin-top:12px}
.holiday_layer_con dl.detail dd:not(:first-of-type){margin-top:12px}
.holiday_layer_con .btn_area{margin-top:20px}
.holiday_confilm_layer .con{background-color:#F3F4F6}
.holiday_confilm_layer .btn_area{margin-top:20px}
.holiday_confilm_layer .btn_area .btn_txt{width:calc(50% - 4px);height:44px;line-height:44px}

.holiday_add_layer .layer_outer .layer_inner .layer_con>.con{height: auto;}
.holiday_add_layer .profile{display: flex;align-items: center;}
.holiday_add_layer .profile .img{width: 43px;height: 43px;border: 1px solid #E5E7EB;border-radius: 16px;overflow: hidden;}
.holiday_add_layer .profile .img img{width: 100%;height: 100%;object-fit: cover;}
.holiday_add_layer .profile .name{margin-left: 12px;}
.holiday_add_layer .profile .name strong{color: #111927;font-size: 18px;font-weight: 600;}
.holiday_add_layer .profile .name span{margin-left: 4px;color: #6C727E;font-size: 14px;}
.holiday_add_layer .status{margin: 12px auto 24px;padding: 16px;border-radius: 8px;background-color: #F3F4F6;}
.holiday_add_layer .status dl{display: flex;}
.holiday_add_layer .status dl:not(:first-of-type){margin-top: 12px;padding-top: 12px;border-top: 1px solid #0A0E1514}
.holiday_add_layer .status dl dt{color: #6C727E;font-size: 16px;font-weight: 600;}
.holiday_add_layer .status dl dt:not(:first-of-type){margin-left: 20px}
.holiday_add_layer .status dl dd{margin-left: 10px;color: #111927;font-size: 16px;font-weight: 400;}
.holiday_add_layer .form .form__content{align-items: center;justify-content: space-between;}
.holiday_add_layer .form .date_input{position: relative;;width: calc(100% - 170px)}
.holiday_add_layer .form .date_input input{padding-right: 44px;}
.holiday_add_layer .form .date_input::after{content: '일';position: absolute;top: 50%;right: 16px;color: #6C727E;font-size: 14px;font-weight: 500;transform: translateY(-50%);}
.holiday_add_layer .form .tab_box_a{display: inline-flex;flex-wrap: nowrap;margin: 0;}
.holiday_add_layer .form .tab_box_a li{margin: 0;}
.holiday_add_layer .form .tab_box_a li button{border: 0;background: #E5E7EB;white-space: nowrap;}
.holiday_add_layer .form .tab_box_a li.on button{background: #fff;}
.holiday_add_layer .btn_area{justify-content: flex-end;margin: 24px -24px -24px;padding: 12px 24px 16px;border-top: 1px solid #E5E7EB;}

.tea_con_list_page .list_table .warning{display:inline-block;line-height:20px;padding-right:28px;background: url(../../images/manager/default/ico_warning_circle.png) no-repeat right/20px;color:#E14D4D}

.contents.teacher .page_top .page_title{align-items: flex-start}
.contents.teacher .page_top .page_title .img{width: 56px;height: 56px;margin-right: 10px;border: 1px solid #E5E7EB;border-radius: 16px;overflow: hidden;}
.contents.teacher .page_top .page_title .img img{width: 100%;height: 100%;object-fit: cover;}
.contents.teacher .page_top .page_title h2{display: flex;align-items: center;line-height: 32px;margin-bottom: 8px;}
.contents.teacher .page_top .page_title h2 .label{width: auto;padding: 0 10px;margin-left: 10px}
.contents.teacher .page_top .page_title span{color: #6C727E;font-size: 14px;font-weight: 400;}
.contents.teacher .page_top .page_title span:not(:first-of-type){position: relative;margin-left:12px;}
.contents.teacher .page_top .page_title span:not(:first-of-type)::before{content: '∙';position: absolute;top: 50%;left: -8px;width: 4px;line-height: 16px;margin-top: -8px;color:#6C727E;font-size: 14px;font-weight: 400;;text-align: center;}
.tea_con_dash_page .board_menu{display: flex;}
.tea_con_dash_page .board_menu li{width: calc(25% - 12px);padding: 16px;border-radius: 8px;background-color: #fff;box-shadow: 0px 3px 8px 0px #0A0E151A;}
.tea_con_dash_page .board_menu li:not(:first-of-type){margin-left: 16px;}
.tea_con_dash_page .board_menu li strong{position: relative;display: block;padding-top: 39px;color: #111927;font-size: 13px;font-weight: 500;}
.tea_con_dash_page .board_menu li strong::before{content: '';position: absolute;top: 0;left: 0;width: 32px;height: 32px;border-radius: 50%;background: #F3F4F6 url(../../images/manager/default/ico_tea_dash_notice.png)no-repeat center/18px}
.tea_con_dash_page .board_menu li strong.team::before{background-image: url(../../images/manager/default/ico_tea_dash_team.png)}
.tea_con_dash_page .board_menu li strong.student::before{background-image: url(../../images/manager/default/ico_tea_dash_student.png)}
.tea_con_dash_page .board_menu li strong.time::before{background-image: url(../../images/manager/default/ico_tea_dash_time.png)}
.tea_con_dash_page .board_menu li strong.pay::before{background-image: url(../../images/manager/default/ico_tea_dash_pay.png)}
.tea_con_dash_page .board_menu li span{display: block;margin-top: 10px;color:#111927;font-size: 22px;font-weight: 700;}
.tea_con_dash_page .board_menu li span em{display: inline-block;margin-left: 4px;line-height: 22px;color: #009170;font-size: 12px;font-weight: 500;}
.tea_con_dash_page .dash_con{display: flex;margin-top: 32px;}
.tea_con_dash_page .dash_con .info_con{width: 334px;}
.tea_con_dash_page .dash_con .info_con .profile dl{display: flex;flex-wrap: wrap;}
.tea_con_dash_page .dash_con .info_con .profile dt{width: 116px;margin-top: 12px;}
.tea_con_dash_page .dash_con .info_con .profile dd{width: calc(100% - 116px);line-height:20px;margin-top: 12px;}
.tea_con_dash_page .dash_con .info_con .profile dd.nodata{color:#9DA4AE;text-align:left}
.tea_con_dash_page .dash_con .info_con .class .class_list li{display: flex;align-items: center;justify-content: space-between;padding:8px 12px;border-radius: 4px;background-color: #F0F5FB;}
.tea_con_dash_page .dash_con .info_con .class .class_list li:not(:first-of-type){margin-top: 8px;}
.tea_con_dash_page .dash_con .info_con .class .class_list li.nodata{justify-content:center;height:344px;line-height:344px;background-color:#fff;color:#9DA4AE;font-size:12px;font-weight:500}
/* .tea_con_dash_page .dash_con .info_con .class .class_list li .title{padding-left: 26px;} */
.tea_con_dash_page .dash_con .info_con .class .class_list li .title::before{content: '';display: inline-block;width: 18px;height: 18px;line-height: 18px;margin-right: 8px;background:url(../../images/manager/default/ico_tea_class_mdeet.png)no-repeat center/contain;vertical-align: middle;}
.tea_con_dash_page .dash_con .info_con .class .class_list li .title span{position: relative;padding-right: 12px;color: #2D7ABA;font-size: 14px;font-weight: 500;vertical-align: middle;}
.tea_con_dash_page .dash_con .info_con .class .class_list li .title span:not(:last-of-type)::after{content: '';position: absolute;top: 50%;right:1px;width: 12px;height: 12px;margin-top: -6px;background: url(../../images/manager/default/ico_tea_class_arrow_mdeet.png) no-repeat center/12px;}
.tea_con_dash_page .dash_con .info_con .class .class_list li .info .date{color: #6C727E;font-size: 10px;font-weight: 400;vertical-align: middle;}
.tea_con_dash_page .dash_con .info_con .class .class_list li .info .name{display: inline-block;margin-left: 8px;color: #111927;font-size: 14px;font-weight: 500;vertical-align: middle;}
.tea_con_dash_page .dash_con .info_con .class .class_list li.dat{background-color: #F8F2F2;}
.tea_con_dash_page .dash_con .info_con .class .class_list li.dat .title::before{background-image:url(../../images/manager/default/ico_tea_class_dat.png);}
.tea_con_dash_page .dash_con .info_con .class .class_list li.dat .title span{color: #A3555B;}
.tea_con_dash_page .dash_con .info_con .class .class_list li.dat .title span:not(:last-of-type)::after{background-image: url(../../images/manager/default/ico_tea_class_arrow_dat.png);}
.tea_con_dash_page .dash_con .student .student_list li{height: 52px;line-height: 50px;padding: 0 16px;border: 1px solid #E5E7EB;border-radius: 6px;background: #F3F4F6;}
.tea_con_dash_page .dash_con .student .student_list li.nodata{justify-content:center;height:344px;line-height:344px;background-color:#fff;border:0;color:#9DA4AE;font-size:12px;font-weight:500}
.tea_con_dash_page .dash_con .student .student_list li:not(:first-of-type){margin-top: 8px;}
.tea_con_dash_page .dash_con .student .student_list li a{display: flex;align-items: center;justify-content: space-between;}
.tea_con_dash_page .dash_con .student .student_list li a .name{color: #111927;font-size: 16px;font-weight: 500;}
.tea_con_dash_page .dash_con .student .student_list li a .tel{padding-right: 24px;background:url(../../images/manager/default/ico_arrow.png)no-repeat right/16px;color: #6C727E;font-size: 13px;font-weight: 400;}
.tea_con_dash_page .dash_con .schedule{width: calc(100% - 354px);margin: 0 0 0 20px;}
/* .tea_con_dash_page .dash_con .schedule .top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom: 16px;}
.tea_con_dash_page .dash_con .schedule .top .date{display:flex;align-items:center}
.tea_con_dash_page .dash_con .schedule .top .date .title{padding:0 10px;color:#000;font-size:18px;font-weight:600}
.tea_con_dash_page .dash_con .schedule .top .date a{width:32px;height:32px;background:url(../../images/manager/default/ico_arrow_box_prev.png)no-repeat center/contain;border:0;font-size:0;text-indent:-9999px}
.tea_con_dash_page .dash_con .schedule .top .date a.next{background-image:url(../../images/manager/default/ico_arrow_box_next.png);font-size:0;text-indent:-9999px}
.tea_con_dash_page .dash_con .schedule .top .tab_box_a{margin: 0;}
.tea_con_dash_page .dash_con .schedule table thead th{padding: 6px;font-size: 12px;text-align: center;}
.tea_con_dash_page .dash_con .schedule table tbody td{padding: 0;}
.tea_con_dash_page .dash_con .schedule table tbody td:not(:first-of-type){border-left: 1px solid #E5E7EB}
.tea_con_dash_page .dash_con .schedule .box{min-height: 192px;padding: 6px 8px;}
.tea_con_dash_page .dash_con .schedule .box .day{width: 22px;height: 22px;border: 1px solid #E5E7EB;border-radius: 50%;color: #111927;font-size: 12px;text-align: center;}
.tea_con_dash_page .dash_con .schedule .box .calenderList{margin-top: 8px;}
.tea_con_dash_page .dash_con .schedule .box .calenderList li{padding: 6px;background-color: #F3F4F6;}
.tea_con_dash_page .dash_con .schedule .box .calenderList li:not(:first-of-type){margin-top: 4px;}
.tea_con_dash_page .dash_con .schedule .box .calenderList li .title{line-height:12px;margin-left: -6px;padding-left: 6px;border-left: 1.2px solid #2D7ABA;color: #3E4551;font-size: 10px;font-weight: 400;}
.tea_con_dash_page .dash_con .schedule .box .calenderList li .title b{display: inline-block;margin-right: 2px;color: #111927;font-size: 10px;font-weight: 500;}
.tea_con_dash_page .dash_con .schedule .box .calenderList li span{display: block;line-height: 14px;margin-top: 2px;color: #5E6772;font-size: 10px;font-weight: 400;}
.tea_con_dash_page .dash_con .schedule .box.disabled .day{opacity: .3;}
.tea_con_dash_page .dash_con .schedule .box.disabled{filter: grayscale(1);}
.tea_con_dash_page .dash_con .schedule .box .calenderList li.dat{background-color: #F8F2F2;}
.tea_con_dash_page .dash_con .schedule .box .calenderList li.dat .title{border-color: #A3555B;}
.tea_con_dash_page .dash_con .schedule .box .calenderList li.tofel{background-color: #FDF3EC;}
.tea_con_dash_page .dash_con .schedule .box .calenderList li.tofel .title{border-color: #ED8343;}
.tea_con_dash_page .dash_con .schedule .box .calenderList li.more{display: inline-block;width: auto;padding: 2px 4px;color: #1F2A37;font-size: 12px;font-weight: 400;opacity: .7;} */

.tea_con_view_page .img{width: 72px;height: 72px;border: 1px solid #E5E7EB;border-radius: 22px;overflow: hidden;}
.tea_con_view_page .img img{width:100%;height: 100%;object-fit: cover;}
/* .tea_con_view_page .dot_list li{margin-left: 20px;color: #171717;font-size: 14px;list-style: disc;}
.tea_con_view_page .dot_list li:not(:first-of-type){margin-top: 6px;} */
.tea_con_view_page .view_list .sub_list dt{margin-right:4px;padding-top:0;line-height:18px;color: #9DA4AE;font-size:16px;font-weight: 500;}
.tea_con_view_page .view_list .sub_list dt:not(:first-of-type){margin-left: 16px;}
.tea_con_view_page .view_list .sub_list dd{line-height:18px;color: #111927;font-size: 16px;font-weight: 400;}
.tea_con_view_page .sub_item{margin-top: 24px;padding: 12px;border-radius: 4px;background-color: #F3F4F6;}
.tea_con_view_page .btn_view{height: 24px;line-height: 24px;margin-left: 16px;padding: 0 8px;border-radius: 2px;font-size: 12px;}
.tea_con_view_page .contract_layer .btn_file{margin-bottom:24px}
.tea_con_view_page .contract_layer .btn_file span{display:inline-block;line-height:20px;padding-right:28px;background:url(../../images/manager/default/ico_file_upload_white.png)no-repeat right/20px}
.tea_con_view_page .layer .input-box{width: 100%;margin-top: 8px;padding: 16px;background-color: #F9FAFB;}
.tea_con_view_page .layer .input-box .tbl_list>li:not(:first-of-type){margin-top: 16px;}
.tea_con_view_page .layer .input-box .tbl_list>li .tbl_con{min-height: auto;padding: 0;}
.tea_con_view_page .layer .input-box .tbl_list .attach_area li.pdf .con{padding: 0 0 0 40px;}
.tea_con_view_page .layer .js-toggle-con{display: none;}
.tea_con_view_page .layer .js-toggle-con.on{display: block;}
.tea_con_view_page .test_info_layer .tbl_con.test{display: block}
.tea_con_view_page .test_info_layer .test_list li{display: flex;justify-content: space-between}
.tea_con_view_page .test_info_layer .test_list li:not(:first-child){margin-top: 8px}
.tea_con_view_page .test_info_layer .test_list li select{width: 119px}
.tea_con_view_page .test_info_layer .test_list li input{width: calc(100% - 127px)}
.tea_con_view_page .test_info_layer .btn_tel_add{margin-top: 20px}

.tea_pay_con_page .tea_pay_layer.layer .layer_con>.con{background: #F3F4F6}
.tea_pay_con_page .tea_pay_layer .price{display: flex;align-items: center;justify-content: center;margin-top: 20px;padding: 16px;background-color: #F4F9FF;}
.tea_pay_con_page .tea_pay_layer .price dl{display: flex;}
.tea_pay_con_page .tea_pay_layer .price dl dt{margin-right: 16px;color: #6C727E;font-size: 16px;font-weight: 600;}
.tea_pay_con_page .tea_pay_layer .price dl dd{color: #171717;font-size: 14px;font-weight: 400;}
.tea_pay_con_page .tea_pay_layer .price span{margin: 0 20px;color: #6C727E;font-size: 16px;font-weight: 600;}
.tea_pay_con_page .tea_pay_layer .price .total{color: #2E90FA;font-weight: 600;}

.tea_pay_con_page .tea_pay_add_layer.layer .layer_con>.con{background: #F3F4F6}
.tea_pay_con_page .tea_pay_add_layer.layer .layer_con>.con>.view_list{margin-top: 24px}
.tea_pay_con_page .tea_pay_add_layer.layer .layer_con>.con>.view_list dd select{width: 116px;margin-right: 8px}
.tea_pay_con_page .tea_pay_add_layer .list_table .write td{padding: 6px 10px}
.tea_pay_con_page .tea_pay_add_layer .list_table .write td input{height: 36px;line-height: 36px;border: 0;padding: 0 10px;font-size: 14px}
.tea_pay_con_page .tea_pay_add_layer .list_table .write td select{height: 36px;line-height: 36px}
.tea_pay_con_page .tea_pay_add_layer .list_table .write td span{display: inline-block;height: 36px;line-height: 36px}

.tea_pay_con_page .tea_pay_add_layer .btn_tea_pay_add{width: 100%;margin: 20px 0}
.tea_pay_con_page .tea_pay_add_layer .price{padding: 16px;background-color: #F4F9FF}
.tea_pay_con_page .tea_pay_add_layer .price dl{display: flex;align-items: center;justify-content: space-between}
.tea_pay_con_page .tea_pay_add_layer .price dl:not(:first-child){margin-top: 20px}
.tea_pay_con_page .tea_pay_add_layer .price dl dt{color: #6C727E;font-size: 16px;font-weight: 600}
.tea_pay_con_page .tea_pay_add_layer .price dl dd{color: #171717;font-size: 16px;font-weight: 500;text-align: right}
.tea_pay_con_page .tea_pay_add_layer .price .total{color: #2E90FA;font-weight: 600}

.time_seup_con_page .btn_area{justify-content: center;margin-top: 0}

.docu_mag_list_page .btn-area{display:flex;gap:16px;justify-content:center;align-items:center}

/* Member - Member - member_view_page Start */
.member_view_page .search_con{display:flex;align-items:end;flex-wrap:wrap;position:relative}
.member_view_page .search_con .search_area{overflow-y:auto;max-height:100px;width:255px;height:max-content;background:#fff;border:1px solid #D2D6DB;border-radius:6px;box-shadow:0px 1px 3px 0px rgba(10, 14, 21, 0.1);z-index:10}
.member_view_page .search_con .search_area .list{padding:6px 16px;border-bottom:1px solid #D2D6DB}
.member_view_page .search_con .search_area .list .name{color:#111927;font-size:16px;font-weight:500;line-height:20px}
.member_view_page .search_con .search_area .list .team{color:#6C727E;font-size:14px;line-height:16px}
.member_view_page .search_con .result_area{display:flex;align-items:center;flex-wrap:wrap;margin-top:10px;gap:10px}
.member_view_page .search_con .result_area .list{display:flex;align-items:center;padding:0 12px;line-height:32px;border:1px solid #D2D6DB;border-radius:20px}
.member_view_page .search_con .result_area .list .name{color:#111927;font-size:14px;font-weight:500}
.member_view_page .search_con .result_area .list .team{margin-left:4px;color:#6C727E;font-size:12px}
.member_view_page .search_con .result_area .list .remove{display:block;margin-left:8px;width:16px;height:16px;background:url(../../images/manager/default/ico_join_close.png) no-repeat 0 center;background-size:16px;text-indent:-9999px}
/* Member - Member - member_view_page End */

/* 모바일 */
body.app{background-color: #fff;color: #0D0C11;}
.app #wrap{min-width:auto;max-width:100%;min-height: 100dvh;height: -webkit-fill-available}
/* .app #container{width: 100%;margin: 0;padding-top: calc(env(safe-area-inset-top) + 60px)} */
/* .app #contents{padding: 20px} */

.app .login_page{display: flex;justify-content: center;align-items: center;height: 100dvh;background: url(../../images/manager/app/login_bg.png)no-repeat top/cover}
.app .login_page .loginArea .loginContent{width:316px;max-height: 100dvh;overflow-y: auto}
.app .login_page .loginArea .loginContent .login_title{gap:0 8px}
.app .login_page .loginArea .loginContent .login_title em{color:#8E618A;font-size:18px;font-weight:700}

.app .page_title{position: fixed;top: 0;right: 0;left: 0;height: 52px;line-height: 52px;padding:0 16px;border-bottom: 1px solid #E5E7EB;background: #fff;z-index:1000}
.app .page_title h2{color: #384250;font-size: 18px;font-weight: 600;}

.app .write_table.search_table td:last-of-type .tbl_con{padding-right:0}

.app .stu_class_list_page .stu_con_list{display:flex;flex-wrap: wrap;padding-top: 16px;}
.app .stu_class_list_page .stu_con_list li{display:flex;justify-content: space-between;align-items: center;width: 100%;height:34px;line-height: 34px;padding:0 12px 0 38px;border-radius: 4px;background:#F7FAFD url(../../images/manager/default/ico_class_medi.png)no-repeat 8px/18px;}
.app .stu_class_list_page .stu_con_list li:not(:first-of-type){margin-top: 8px;}
.app .stu_class_list_page .stu_con_list li .title span{color: #2D7ABA;font-size: 14px;font-weight: 500;}
.app .stu_class_list_page .stu_con_list li .title span:not(:first-of-type){margin-left:1px;padding-left:11px;background:url(../../images/manager/default/ico_class_arrow_blue.png) no-repeat left/10px}
.app .stu_class_list_page .stu_con_list li .info .date{display: inline-block;margin-right: 8px;color: #6C727E;font-size: 10px;}
.app .stu_class_list_page .stu_con_list li .info .name{color: #111927;font-size: 14px;font-weight: 500;}
.app .stu_class_list_page .stu_con_list li.uff{border-color:#E8D6D7;background-image:url(../../images/manager/default/ico_class_uff.png);background-color:#F8F2F2}
.app .stu_class_list_page .stu_con_list li.uff .title span{color: #A3555B}
.app .stu_class_list_page .stu_con_list li.uff .title span:not(:first-of-type){background-image:url(../../images/manager/default/ico_class_arrow_purple.png)}

.app .stu_class_write_page .table_top{padding: 12px;background-color: #F6F2F6;}
.app .stu_class_write_page .table_top .date{display: flex;align-items: center;color: #8E618A;font-size: 18px;font-weight: 600;}
.app .stu_class_write_page .table_top .date .time{display: inline-block;margin-left: 8px;color: #384250;font-size: 14px;font-weight: 500;}
.app .stu_class_write_page .table_top .price{margin-top: 4px;padding-left: 21px;background:url(../../images/manager/default/ico_krw.png) no-repeat left/16px;color: #384250;}
.app .stu_class_write_page .table_top .price b{display: inline-block;margin-left: 5px;font-weight: 600;}

.app .stu_class_write_page .list_table{border: 0;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB;border-radius: 0;}
.app .stu_class_write_page .list_table thead tr th{color:#9DA4AE;text-align:center;padding:0 10px;height:32px;font-size:12px;font-weight:500;white-space:nowrap}
.app .stu_class_write_page .list_table tbody tr td em{vertical-align:middle}
.app .stu_class_write_page .list_table tbody tr td,
.app .stu_class_write_page .list_table tfoot tr td{border-top:1px solid #E5E7EB;color:#111927;padding:0 10px;height:48px;white-space:nowrap}

.app .stu_class_write_page .list_table tbody tr td .btn_arrow{width: 20px;height: 20px;background: url(../../images/manager/default/ico_class_list_arrow.png) center no-repeat;text-indent: -9999px;overflow: hidden}

.app .stu_class_write_page .btn_plus{padding-right: 20px;background:url(../../images/manager/default/ico_class_plus.png) no-repeat right/20px;color: #8E618A;text-indent:-9999px}
.app .stu_class_write_page .btn_plus.text{padding-right:28px;text-indent:0}
.app .stu_class_write_page .btn_plus.text span{padding-left:0;}

.app .stu_class_write_page .total{display: flex;justify-content: flex-end;padding: 0 16px;background-color: #F3F4F6;}
.app .stu_class_write_page .total li{display: flex;align-items: center;padding: 12px 16px;}
.app .stu_class_write_page .total li span{display: block;margin-right: 4px;color: #6C727E;font-size: 12px;font-weight: 500;}
.app .stu_class_write_page .total li b{color: #111927;font-size: 14px;font-weight: 600;}

.app .stu_class_write_page .time_layer .layer_con{width: 320px;}
.app .stu_class_write_page .time_layer .layer_con>.con{height: auto;padding: 0;}
.app .stu_class_write_page .time_layer .text_input input{text-align: right;}
.app .stu_class_write_page .time_layer ul li{padding: 16px;}
.app .stu_class_write_page .time_layer ul li:not(:first-of-type){border-top: 1px solid #D2D6DB;}
.app .stu_class_write_page .time_layer .tbl_tit{min-height:26px;padding:0 10px 8px 0;font-size:16px;font-weight:600;color:#6C727E}
.app .stu_class_write_page .time_layer .tbl_tit label{font-size:16px;font-weight:600;color:#6C727E}
.app .stu_class_write_page .time_layer .tbl_con p{margin: 8px 0 16px;color: #111927;font-size: 16px;font-weight: 400;}
.app .stu_class_write_page .time_layer .tbl_con .design_input label{height: 40px;line-height: 38px;padding:0;border: 1px solid #D2D6DB;border-radius: 6px;background-color: #fff;color: #6C727E;font-size: 14px;font-weight: 500;text-align: center;}
.app .stu_class_write_page .time_layer .tbl_con .design_input input:checked+label{border-color: #E5E7EB;background-color: #F3F4F6;color: #4D5761;}
.app .stu_class_write_page .time_layer .btn_area{justify-content: flex-end;margin:0;padding: 12px 24px 16px;border-top: 1px solid #E5E7EB;}

.app .stu_class_write_page .feedback_layer{}
.app .stu_class_write_page .feedback_layer .layer_con>.con{padding:16px}
.app .stu_class_write_page .feedback_layer .feedback_area .title{margin-bottom:8px;color:#6C727E;font-size:16px;font-weight:600}
.app .stu_class_write_page .feedback_layer .feedback_area .area{overflow:hidden auto;padding:12px 16px;height:170px;border:1px solid #D2D6DB;border-radius:6px}
.app .stu_class_write_page .feedback_layer .btn_area{justify-content: flex-end;margin:0;padding: 12px 24px 16px;border-top: 1px solid #E5E7EB;}

.app .stu_class_write_page .schedule_layer{}
.app .stu_class_write_page .schedule_layer .layer_con>.con{padding:16px}
.app .stu_class_write_page .schedule_layer .schedule_area .title{margin-bottom:8px;color:#6C727E;font-size:16px;font-weight:600}
.app .stu_class_write_page .schedule_layer .schedule_area .area .date_area{display:flex;flex-direction:column;gap:8px 0;}
.app .stu_class_write_page .schedule_layer .schedule_area .area .date_area .date_form{display:flex;align-items:center;}
.app .stu_class_write_page .schedule_layer .schedule_area .area .date_area .date_form span{margin-right:8px;}
.app .stu_class_write_page .schedule_layer .schedule_area .area .date_area .date_form input{width:100%}
.app .stu_class_write_page .schedule_layer .schedule_area .area .date_area .select_form{display:flex;align-items:center;gap:0 8px}
.app .stu_class_write_page .schedule_layer .schedule_area .box:not(:first-of-type){margin-top:24px}
.app .stu_class_write_page .schedule_layer .btn_area{justify-content: flex-end;margin:0;padding: 12px 24px 16px;border-top: 1px solid #E5E7EB;}

.app .stu_class_write_page .class_view_layer .class_view_top p strong em{font-weight:600}
.app .stu_class_write_page .class_view_layer.layer .layer_outer .layer_inner .layer_con>.con{max-height:calc(100vh + 140px) !important;height:calc(100vh + 140px) !important}
.app .stu_class_write_page .class_view_layer .flex_box{display:flex;}
.app .stu_class_write_page .class_view_layer .feedback_box{padding:0;border:1px solid #E5E7EB;border-radius:8px}
.app .stu_class_write_page .class_view_layer .feedback_box .title{padding:12px 16px;border-bottom:1px solid #E5E7EB;}
.app .stu_class_write_page .class_view_layer .feedback_box .title p{color:#6C727E;font-size:16px;font-weight:500;}
.app .stu_class_write_page .class_view_layer .feedback_box textarea{padding:12px 16px !important;font-size:16px;border-radius:0;}
.app .stu_class_write_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}
.app .stu_class_write_page .class_view_layer .class_view_bottom .agree{border-radius: 8px;background: #fff;padding: 20px}


/* app */
.app .tab_box_a.col2{display:flex;flex-wrap: nowrap;width: calc(100% - 32px);margin: 0 auto 16px;}
.app .tab_box_a.col2 li{width:100%}
.app .tab_box_a.col2 li a{justify-content:center;height:40px;line-height:40px;font-size:16px}
.app .tab_box.none-icon{margin-bottom:0;padding: 0 16px}
.app .tab_box.none-icon li a{padding: 12px 8px;background:none}
.app .tab_box.scroll{overflow-x:auto}
.app .tab_box.scroll li{flex-basis:0;white-space:nowrap}
.app .tab_box.sub{padding:0}
.app .tab_box.sub li a{padding: 14px 16px;font-size: 14px;font-weight: 500;}
.app .tab_box.sub li.on a{color:#111927;font-weight:600}
.app .tab_box.sub li.on a:after{display:none}
.app .scroll_box{overflow-x:auto}
.app .ellipse-one{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.app .bt_none{border-top:0}
.app .under_b{text-decoration:underline;}

.app .stu_class_con_page .class_status{width:100%}
.app .stu_class_con_page .class_status .btn_status_toggle{border-left:0}

.app .section.line{position:relative;margin:0;padding:20px 16px;border-radius:0;border-bottom:10px solid #F3F4F6;box-shadow:none}
.app .section.line::after{position:absolute;left:0;bottom:9px;width:100%;height:1px;background-color:#D2D6DB}
.app .section.line:last-of-type{border-bottom:0}
.app .section.line:last-of-type::after{display:none;}
.app .section.line .section_title{margin: 0 -16px;padding:0 16px 20px;border:0}
.app .section.line .section_title h3{font-weight:500 !important;}

.app .write_table .tbl_tit{font-weight:500}

.app .view_list.app dt{width:116px}
.app .view_list.app dd{width: calc(100% - 116px);gap:8px;;font-weight:300}
.app .view_list.app dd p{display: flex;gap:4px;width:100%;word-break:break-all}
.app .view_list.app dd p .text{flex-shrink:0;}
.app .view_list.app+.view_list{margin-top:20px;padding-top:20px;border-top:1px solid #E5E7EB}
.app #contents.stu-default-con-page{padding:16px 0 0;}
.app .stu-consulting-con-page .view_list.app dt{width:52px}
.app .stu-consulting-con-page .view_list.app dd{width:calc(100% - 52px)}

.app .stu-feedback-con-page .tab_box_a.col2{width:100%}
.app .stu-feedback-con-page .btn-feedback{width:20px;height:20px;background:url(../../images/manager/app/ico_arrow_gray.png) no-repeat center/20px;text-indent:-9999px;overflow:hidden}
.app .stu-feedback-con-page .tbl_con.reset{justify-content:flex-end;padding:0}
.app .stu-feedback-con-page .tbl_con.reset .btn_reset{line-height:32px}
.app .stu-feedback-con-page .list_top select{height:32px;line-height:30px}

/* .app .layer{display:none;position:fixed;top: var(--safe-top);bottom: 0;left:0;right:0;background:rgba(0,0,0,0.5);z-index:9000;}
.app .layer__table{display:table;width:100%;height:100%;}
.app .layer__table-cell{display:table-cell;width:100%;vertical-align:middle;}
.app .layer__content{position:relative;padding: 68px 20px calc(100px + env(safe-area-inset-bottom));margin:0 auto;background:#fff;height:100%;min-height:100%;width:100%;max-width: 100vw;overflow-y:auto;}
.app .layer__top{position:fixed;top:var(--safe-top);left:0;right:0;width:100%;border-bottom: 1px solid #E0E0E0;background:#fff;z-index:9001;}
.app .layer__top .close{position:absolute;top:50%;right:20px;width:24px;height:24px;margin-top: -12px;background:url(../../images/manager/app/ico_layer_close.png) no-repeat center/24px;text-indent:-9999px;overflow:hidden}
.app .layer__title{height:48px;line-height:48px;padding: 0 64px;font-size:20px;font-weight:500;color:#212121;text-align:center;}
.app .layer__con-area{position:relative;} */

/* 영문 페이지 */
.app .stu-eng .btn--plus{width:calc(100% - 32px);height:40px;line-height:40px;margin:20px 16px 0;padding:0 16px;background-color: #52525B;}
.app .stu-eng .btn--plus span{padding-left:24px;background:url(../../images/manager/app/ico_plus_white.png) no-repeat left/16px;color: #fff;font-size: 14px;font-weight: 500;}
.app .stu-eng .section_title .btn--write{display:inline-block;width:20px;height:20px;background:url(../../images/manager/app/ico_write.png) no-repeat center/20px;text-indent:-9999px;overflow:hidden;}
.app .stu-eng .view_list.app dl{flex-wrap: wrap}
.app .stu-eng .view_list.app dt{width:112px;margin-right:0}
.app .stu-eng .view_list.app dd{width:calc(100% - 112px)}
.app .stu-eng .view_list.app .w100{width:100%}
.app .stu-eng .view_list.app dd.w100{margin-top:8px;}
.app .stu-eng .view_list.app dd.w100 p{flex-wrap: wrap}
.app .stu-eng .view_list.app dd p .w100{margin-top:4px;}
.app .stu-eng .view_list.app .box-item{display: flex;flex-wrap: wrap;width:100%;margin-top: 20px;padding:4px 8px;background-color: #FAFAFA}
.app .stu-eng .view_list.app .box-item b{width:100%;margin-bottom:4px;color:#6C727E;font-size: 12px;font-weight: 500;}
.app .stu-eng .view_list.app .box-item em{flex-shrink: 0;margin-right: 4px;color: #9DA4AE;font-size: 16px;font-weight: 500;}
.app .stu-eng .list_table tbody th{background-color:#F9FAFB}

/* app - Teacher Tea_con Start*/
/* .app #contents.teacher-dash-con-page{padding-top:16px !important}
.app .teacher-dash-con-page .status_board{display:flex;flex-wrap:wrap;gap:8px;}
.app .teacher-dash-con-page .status_board li{width:100%;padding:16px;border-radius:8px;background-color:#fff;box-shadow:0px 1px 3px 0px rgba(10, 14, 21, 0.1),0px 3px 8px 0px rgba(10, 14, 21, 0.1)}
.app .teacher-dash-con-page .status_board li:first-of-type,.app .teacher-dash-con-page .status_board li:nth-of-type(2){width:calc(50% - 4px)}
.app .teacher-dash-con-page .status_board li:first-of-type strong,.app .teacher-dash-con-page .status_board li:nth-of-type(2) strong{padding:34px 0 0;line-height:16px}
.app .teacher-dash-con-page .status_board li strong{display:block;padding-left:34px;line-height:28px;color:#111927;font-size:13px;font-weight:500}
.app .teacher-dash-con-page .status_board li.ico_status_class strong{background:url(../../images/manager/app/ico_status_class.png) no-repeat 0 0/28px}
.app .teacher-dash-con-page .status_board li.ico_status_student strong{background:url(../../images/manager/app/ico_status_student.png) no-repeat 0 0/28px}
.app .teacher-dash-con-page .status_board li.ico_status_time strong{background:url(../../images/manager/app/ico_status_time.png) no-repeat 0 0/28px}
.app .teacher-dash-con-page .status_board li.ico_status_total strong{background:url(../../images/manager/app/ico_status_total.png) no-repeat 0 0/28px}
.app .teacher-dash-con-page .status_board li p{display:flex;align-items:end;margin-top:8px;font-size:18px;font-weight:700;line-height:28px;color:#111927}
.app .teacher-dash-con-page .status_board li p em{margin-left:4px;line-height:22px;font-size:12px;font-weight:500;color:#009170}
.app .teacher-dash-con-page .status_board li p em.minus{color:#2D7ABA}

.app .teacher-dash-con-page .comm_area .section.class_area .design_calendar{margin-top:0 !important} */

.app #contents.tea-con-view-page{padding-top:0}
.app .tea-con-view-page .view_list .img{width: 72px;height: 72px;border: 1px solid #E5E7EB;border-radius:22px;overflow: hidden;}
.app .tea-con-view-page .view_list .img img{width:100%;height:100%;object-fit: cover}
.app .tea-con-view-page .view_list .sub_list{padding:12px;background-color:#F3F4F6;}
.app .tea-con-view-page .view_list .sub_list dd{gap:16px 0}
.app .tea-con-view-page .view_list .sub{display: block;}
.app .tea-con-view-page .view_list .sub .sub_list{width:calc(100% + 140px);margin-top:20px;margin-left: -140px}
.app .tea-con-view-page .view_list .btn{display: inline-block;margin-left:16px;height:24px;line-height:22px;padding:0 8px;border:1px solid #D2D6DB;border-radius:2px;background-color:#fff;color:#6C727E;font-size:12px;font-weight:500}
.app .tea-con-view-page .section.line .dot_list li:not(:first-of-type){margin-top:6px}
/* app - Teacher Tea_con End*/

.layer--feedback-layer .layer__content{background-color:#F3F4F6}
.layer--feedback-layer .info{margin-bottom: 20px;;padding:20px;border-radius:8px;background-color:#fff;}
.layer--feedback-layer .info dl{display: flex;justify-content: space-between;}
.layer--feedback-layer .info dl:not(:first-of-type){margin-top: 12px;}
.layer--feedback-layer .info dl dt{color:#6C727E;font-size: 16px;font-weight: 600;}
.layer--feedback-layer .info dl dd{color: #111927;font-size: 16px;}
.layer--feedback-layer .feedback{border: 1px solid #E5E7EB;border-radius:8px;overflow:hidden;}
.layer--feedback-layer .feedback__title{padding:12px 16px;border-bottom: 1px solid #E5E7EB;background-color: #F9FAFB;color: #6C727E;font-size: 16px;;font-weight: 500;}
.layer--feedback-layer .feedback__con{padding:12px 16px;line-height:1.5;background-color: #fff;color: #384250;font-size: 16px;}

/* app-form 추가 */
.appForm .app-form-header{position:fixed;top:var(--safe-top);left:0;width:100%;background:#fff;box-sizing:border-box;z-index:1000}
.appForm .app-form-header .inner{padding:0 16px;background-color:#fff;}
.appForm .app-form-header .inner .top{display:flex;align-items:center;justify-content:space-between;height:56px;}
.appForm .app-form-header .inner h1{display:flex;gap:6px;align-items:center;line-height:32px;padding-left:24px;background:url(../../images/manager/app/mb_form_header_logo.png) no-repeat left/36px;font-size:18px;font-weight:700;}
.appForm .app-form-header .inner h1 span{color:#5F415C;font-size:18px;font-weight:800}
.appForm .app-form-header .inner h1 em{color:#6C727E;font-size:18px;font-weight:800}
.appForm .app-form-header .inner .btn{display:block;width:73px;height:32px;line-height:30px;border:1px solid #D2D6DB;border-radius:6px;background-color:#fff;color:#6C727E;font-size:14px;font-weight:500}
.appForm .app-form-header .period{display:flex;align-items:center;height:28px;padding:0 10px;background-color:#FCEDED;}
.appForm .app-form-header .period p{padding-left:28px;background:url(../../images/manager/app/ico_alert.png) no-repeat left/16px;color:#E14D4D;font-size:12px;font-weight:500}

.appForm #container{padding-top:54px !important}
#contents.app-form-page{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
.app-form-page .app-form{}
.app-form-page .app-form--step{position:relative;margin:0 -16px 0px;padding:20px 16px;border-bottom:10px solid #F3F4F6}
.app-form-page .app-form--step::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:#D2D6DB}
.app-form-page .app-form--step .app-form__progress{}
.app-form-page .app-form--step .app-form__progress .step-title{display:flex;gap:0 5px;margin-bottom:8px;padding-left:28px;background:url(../../images/manager/app/ico_note.png) no-repeat left/20px}
.app-form-page .app-form--step .app-form__progress .progress-bar{position:relative;width:100%;height:10px;border-radius:80px;background-color:#E5E7EB;overflow:hidden}
.app-form-page .app-form--step .app-form__progress .progress-bar span{position:absolute;top:0;left:0;width:auto;height:100%;background-color:#A984A7;text-indent:-9999px;overflow:hidden;z-index:1}
.app-form-page .app-form--step .app-form__progress select{margin-top:20px}
.app-form-page .app-form--step .step-list{display:none}
.app-form-page .app-form__title{display:flex;align-items:center;margin-bottom:20px;font-size:20px;font-weight:700}
.app-form-page .app-form__title span{height:24px;line-height:24px;margin-right:8px;padding:0 10px;border-radius:80px;background:linear-gradient(to bottom, #A984A7 0%, #8E618A 100%);color:#fff;font-size:14px;font-weight:500}
.app-form-page .app-form .s-input-box{display:flex;gap:8px;width:100%}
.app-form-page .app-form .s-input-box select{width:119px}
.app-form-page .app-form .s-input-box input{width:calc(100% - 127px)}
.app-form-page .app-form .pc-s-input-box{display:flex;gap:8px;width:100%}
.app-form-page .app-form .pc-s-input-box .etc-input{margin-top:0}
.app-form-page .app-form .i-check-box{display:flex;gap:8px;align-items:center;width:100%}
.app-form-page .app-form .i-check-box input{flex-grow:1}
.app-form-page .app-form .i-check-box .design_input{flex-shrink:0;min-width:0}
.app-form-page .app-form .form{padding:20px 0}
.app-form-page .app-form .form:not(:last-of-type){border-bottom:1px solid #E5E7EB}
.app-form-page .app-form .form:last-of-type{padding-bottom:0}
.app-form-page .app-form .form:first-of-type{padding-top:0}
.app-form-page .app-form .form>ul{display:flex;flex-wrap:wrap;gap:16px}
.app-form-page .app-form .form>ul:not(:first-of-type){margin-top:16px}
.app-form-page .app-form .form ul{width:100%;}
.app-form-page .app-form .form ul li{margin-top:0}
.app-form-page .app-form .form ul li.flex-box{display:flex;flex-wrap:wrap;gap:20px 12px}
.app-form-page .app-form .form ul li.flex-box>div{width:100%}
.app-form-page .app-form .form .sub-list{padding:20px 12px;border-radius:12px;background-color:#F3F4F6}
.app-form-page .app-form .form .sub-list>ul:not(:first-of-type){margin-top:20px}
.app-form-page .app-form .form .sub-list>ul{gap:20px;}
.app-form-page .app-form .form>strong{display:block;margin-bottom:20px;font-size:18px;font-weight:700}
.app-form-page .app-form .form .etc-input {display:none}
.app-form-page .app-form .form .etc-selected+.etc-input {display:block}
.app-form-page .app-form .form .form__content{flex-wrap:wrap;gap:8px}
.app-form-page .app-form .form .form__content>p{width:100%;margin-top:0;padding:0;color:#9DA4AE;font-size:12px}
.app-form-page .app-form .form .form__content .date_area{display:flex;width:100%;gap:8px}
.app-form-page .app-form .form .form__content .date_area .date_form{width:100%}
.app-form-page .app-form .form .form__content .date_area span{display:block;flex-shrink:0;line-height:44px}
.app-form-page .app-form .form .form__content.box-slash{flex-wrap: nowrap}
.app-form-page .app-form .form .form__content.box-slash span{display: block;line-height: 44px;padding-left: 10px;text-align: center}
.app-form-page .app-form .form .form__content.box-tilde{flex-wrap: nowrap}
.app-form-page .app-form .form .form__content.box-tilde span{display: block;line-height: 44px;padding: 0 10px;text-align: center}
.app-form-page .app-form .form .detail-box{display:none;margin-top:20px}
.app-form-page .app-form .form .detail-box>ul{gap:20px}
.app-form-page .app-form .form .detail-box>ul:not(:first-of-type){margin-top:20px}
.app-form-page .ecs-item,
.app-form-page .edu-item{position: relative;margin-bottom: 20px}
.app-form-page .ecs-item:not(:first-of-type),
.app-form-page .edu-item:not(:first-of-type){border-top: 1px solid #E5E7EB;margin: 30px 0;padding-top: 20px}
.app-form-page .ecs-item hr,
.app-form-page .edu-item hr{ margin: 30px 0 20px 0;border: 0;border-top: 1px dashed #ddd}
.app-form-page .disabled-input{background-color: #f3f4f6 !important;color: #a0aebf !important;pointer-events: none}
.app-form-page .step-list a.disabled-link{color: #ccc !important;cursor: not-allowed}

.app-form-page .app-form .btn--plus{margin-top:20px}
.app-form-page .app-form .count-text{position:relative;width:100%}
.app-form-page .app-form .count-text textarea{height:172px;border: 1px solid #D2D6DB;border-radius:6px;}
.app-form-page .app-form .count-text .count{position: absolute;right:3px;bottom:6px;font-size: 10px;color: #6C727E;}
.app-form-page .app-form .attach_area li .btn{height:auto;background:none}
/* .app-form-page .app-form .form .form__content--{} */
.app-form-page .app-form .form .form__content--radio{display:flex;gap:24px 16px;height:auto;padding:12px 0}
.app-form-page .app-form .form .form__content--radio .design_input{margin:0}
.app-form-page .button-content{display:flex;gap:0 8px;width:100%;}
.app-form-page .button-content--fixed{position:fixed;bottom:0;left:0;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom));background-color:#fff}
.app-form-page .btn{display:block;width:100%;height:44px;line-height:44px;border-radius:6px;background-color:#8E618A;color:#fff;font-size:16px;font-weight:500}
.app-form-page .btn--line{line-height:42px;border:1px solid #D2D6DB;background-color:#fff;color:#6C727E}
.app-form-page .btn--plus{height:40px;line-height:38px;border:1px dashed #D2D6DB;background-color:#fff;text-align:center}
.app-form-page .btn--plus span{display:inline-block;padding-left:28px;background:url(../../images/manager/app/ico_plus_gray.png) no-repeat left/20px;color:#6C727E;font-size:16px}
.app-form-page .item-wrap{display:flex;flex-direction:column;gap:50px 0}

#contents.app-form-ok-page{height:100%;padding-top:120px;background-color:#F3F4F6}
.app-form-ok-page .ok-con{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:364px;margin:0 auto;padding:32px;border-radius:12px;background-color:#fff}
.app-form-ok-page .ok-con .logo{width:100%;max-width:328px;height:95px;line-height:95px;margin:0 auto;background:url(../../images/manager/app/form_ok_logo.png) no-repeat left/111px;color:#384250;font-size:33px;font-weight:800;text-align:center}
.app-form-ok-page .ok-con p{margin-top:24px;color:#384250;font-size:14px}

.kor-basic-con-page .app-form .s-input-box select{width:150px}
.kor-ecs-highschool-con-page .app-form .form:first-of-type,
.eng-ecs-highschool-con-page .app-form .form:first-of-type{margin-bottom:20px}
.eng-ecs-highschool-con-page .form:nth-of-type(2){padding-top:0 !important}
.kor-ecs-con-page .sub-list-area .sub-list{margin-top:20px;padding-bottom: 20px !important}
.kor-ecs-uni-con-page .app-form .form:first-of-type, .eng-ecs-uni-con-page .app-form .form:first-of-type{margin-bottom:20px;padding-top:20px}


/* app 디자인 교체 */
/* app 공통 사항 START */
.app:not(.appForm) .form ul li:not(:first-of-type){margin-top:20px}
.app:not(.appForm) .form ul{padding-top:20px}
.app:not(.appForm) .form ul:not(:last-of-type){padding-bottom:20px;border-bottom: 1px solid #EAEAEF;}
.app .form .form_tit label{color:#0D0C11;font-size:13px;font-weight:500}
.app .form .form_content{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.app .form .form_content input[type='text'],
.app .form .form_content input[type='password'],
.app .form .form_content input[type='month']{height:48px;line-height:48px;border: 1px solid #E1E1E5}
.app .form .form_content p{padding:0;color: #8D8D91;}
.app .form .form_content.row{flex-direction:row}
.app .form .form_content.error input[type='text'],
.app .form .form_content.error input[type='password'],
.app .form .form_content.error input[type='month']{border-color: #FF345C;color: #FF345C;}
.app .form .form_content.error p{color: #FF345C;}
.app .form .form_content.success input[type='text'],
.app .form .form_content.success input[type='password'],
.app .form .form_content.success input[type='month']{border-color: #227AE5;color: #227AE5;}
.app .form .form_content.success p{color: #227AE5;}
.app .form .form_content .count{position:relative;width: 100%;}
.app .form .form_content .count input{padding-right:100px}
.app .form .form_content .count .time{position: absolute;top:50%;right:15px;color:#FF345C;font-size: 15px;transform: translateY(-50%);}

.app .design_input.box{width: 100%;}
.app .design_input.box label{height: 37px;line-height:37px;padding:0;border: 1px solid #E1E1E5;border-radius: 300px;color: #8D8D91;font-size: 14px;font-weight: 500;text-align: center;}
.app .design_input.box input:checked+label{border-color: #2D2D2F;color: #2D2D2F;}

.app .app_page_title{padding:10px 0 20px;}
.app .app_page_title h2{display: block;font-size: 20px;font-weight: 600;text-align: center;}
.app .app_page_title p{margin-top: 10px;color: #8D8D91;font-size: 14px;text-align: center;}

.app #contents.bottom_btn_contents{padding-bottom:calc(115px + env(safe-area-inset-bottom))}
/* app 공통 사항 END */

/* APP login start */
.app .login-page{display:flex;justify-content:center;align-items:center;height:100dvh;background:url(../../images/manager/app/login_bg.png)no-repeat top/cover}
.app .login-page .login_area{position:relative;display:flex;flex-direction:column;align-items:center;max-width:350px;padding:35px 20px;border-radius:10px;background-color:#fff;overflow:hidden}
.app .login-page .login_area .login_logo{width:94px;margin-bottom:10px}
.app .login-page .login_area .login_logo img{width:100%}
.app .login-page .login_area .login_title{margin-bottom:20px;color:#0D0C11;font-size:20px;font-weight:600}
.app .login-page .login_area .form .form__content{margin-top:8px}
.app .login-page .login_area .form ul li:not(:first-of-type){margin-top:15px}
.app .login-page .login_area .login_menu{display:flex;justify-content:flex-end;gap:20px;width:100%;margin-top:20px}
.app .login-page .login_area .login_menu li a{padding-right:15px;background:url(../../images/manager/app/ico_login_menu_arrow.png)no-repeat right/4px;color:#646466;font-size:13px;font-weight:500}
.app .login-page .login_area .button_content{display:flex;justify-content:space-between;gap:10px;width:calc(100% + 40px);margin:20px -20px 0;padding:10px 10px 0;border-top:1px solid #E1E1E5}
.app .login-page .login_area .button_content .btn{flex-basis:50%}

/* APP - Join Start */
.app .join-agree-page{display:flex;flex-direction:column;height:calc(100vh - env(safe-area-inset-top) - 52px);padding:10px 20px 0}
.app .join-agree-page .agree_area{flex-shrink:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;}
.app .join-agree-page .agree_type .type_list{display: flex;flex-direction: column;gap:20px;}
.app .join-agree-page .agree_type .type_list .design_input{}
.app .join-agree-page .agree_type .type_list .design_input label{height: 90px;padding:20px;border: 1px solid #D6D6D9;border-radius: 6px;background:url(../../images/manager/app/ico_agree_check_arrow.png)no-repeat calc(100% - 20px) center/18px;}
.app .join-agree-page .agree_type .type_list .design_input input:checked+label{border-color: #774671;}
.app .join-agree-page .agree_type .type_list .design_input label span{display:block;padding-left: 65px;line-height:50px;background:url(../../images/manager/app/ico_join_agree_01.png)no-repeat left/50px;}
.app .join-agree-page .agree_type .type_list .design_input label span.ico_02{background-image:url(../../images/manager/app/ico_join_agree_02.png)}
.app .join-agree-page .agree_check{display: flex;justify-content: space-between;align-items: center;}
.app .join-agree-page .agree_check .design_input label{height:24px;line-height:24px;padding-left:34px;background:url(../../images/manager/app/ico_join_agree_check.png)no-repeat left/24px;font-size: 13px;}
.app .join-agree-page .agree_check .layer_btn{background-color:transparent;text-decoration: underline;}
.app .layer.law_layer .layer_outer .layer_inner .layer_con{background-color: #F7F7FA;}
.app .layer.law_layer .layer_outer .layer_inner .layer_con .layer_top{}
.app .layer.law_layer .layer_outer .layer_inner .layer_con .layer_top h2{line-height:58px;font-size:14px;font-weight:500}
.app .layer.law_layer .layer_outer .layer_inner .layer_con .layer_top .layer_close{right: auto;left: 20px;width: 20px;height: 20px;background:url(../../images/manager/app/ico_law_layer_close.png) no-repeat left center/12px}
.app .layer.law_layer .law_area_text ul{display: flex;flex-direction: column;gap:30px 0;}
.app .layer.law_layer .law_area_text ul li{display: flex;flex-direction: column;gap:10px 0;}
.app .layer.law_layer .law_area_text ul li strong{display: block;font-size: 15px;font-weight: 500;}
.app .layer.law_layer .law_area_text ul li p{color: #646466;font-size: 15px;}

.app .join-write-page .app_page_title{margin:0 -20px;border-bottom: 1px solid #EAEAEF;}
.app .layer.ok_layer .layer_outer{align-items: flex-end;padding:0;}
.app .layer.ok_layer .layer_outer .layer_inner{position: relative;z-index: 10;}
.app .layer.ok_layer .layer_outer .layer_inner .layer_con{height: auto;border-radius:10px 10px 0 0;}
.app .layer.ok_layer .layer_outer .layer_inner .layer_con .con{padding: 35px 20px 0;text-align: center;}
.app .layer.ok_layer .con .logo{width: 94px;margin: 0 auto 20px;}
.app .layer.ok_layer .con .logo img{width: 100%;}
.app .layer.ok_layer .con strong{display: block;line-height: 1.4;font-size: 20px;font-weight: 600;}
.app .layer.ok_layer .con strong+p{margin-top: 10px;color: #8D8D91;}
.app .layer.ok_layer .con .info{margin-top: 20px;padding:15px;border-radius:6px;background-color: #F3F3F7;color: #8D8D91;}
.app .layer.ok_layer .con .info p span{display: block;margin-top: 10px;color: #0D0C11;font-size: 18px;}
.app .layer.ok_layer .con .button_content{margin: 45px -20px 0;padding:10px 10px calc(35px + env(safe-area-inset-bottom));border-top:1px solid #E1E1E5}
.app .layer.ok_layer .layer__bg{position:absolute;top: 0;right: 0;bottom:0;left:0;z-index:1;}
/* APP - Join End */

/* APP - IDPW Start */
.app .idpw-search-page{border-top: 1px solid #EAEAEF}
.app .idpw-search-page .type_list .design_input label{height: 99px;line-height: 1.4;padding:10px;border: 1px solid #D6D6D9;border-radius: 6px;}
.app .idpw-search-page .type_list .design_input input:checked+label{border-color: #774671;}
.app .idpw-search-page .type_list .design_input label span{display:block;padding-top: 60px;background:url(../../images/manager/app/ico_join_agree_01.png)no-repeat top/50px;font-size: 16px;}
.app .idpw-search-page .type_list .design_input label span.ico_02{background-image:url(../../images/manager/app/ico_join_agree_02.png)}
.app .idpw-search-page .form:not(:first-of-type){margin-top:20px;padding-top:20px;border-top: 1px solid #EAEAEF;}
.app .idpw-search-page .form ul{padding-top:0}
.app .pw-chance-page .app_page_title{margin:0 -20px;border-bottom: 1px solid #EAEAEF;}
/* APP - IDPW End */

/* APP - dash 공통(비주얼, 기본 정보, 수업 정보) */
.app #contents.dash-con-page{padding:0}
.app .dash-con-page .dashboard{position:relative;padding:30px 0;}
.app .dash-con-page .dashboard:not(:last-of-type){border-bottom: 10px solid #F3F3F7;}
.app .dash-con-page .dashboard:not(:last-of-type)::after{position: absolute;bottom:0;right:0;left:0;width:100%;height:10px;border-top: #E1E1E5 solid #E1E1E5;border-bottom: #E1E1E5 solid #E1E1E5}
.app .dash-con-page .dashboard .dashboard_title{display: flex;justify-content: space-between;align-items: center;padding:0 20px 15px;border-bottom:1px solid #EAEAEF}
.app .dash-con-page .dashboard .dashboard_title h3{line-height:21px;padding-left:28px;background:url(../../images/manager/app/ico_board_title_stats.png) no-repeat left/20px;font-size: 18px;font-weight: 600;}
.app .dash-con-page .dashboard.info .dashboard_title h3{background-image:url(../../images/manager/app/ico_board_title_info.png)}
.app .dash-con-page .dashboard.class .dashboard_title h3{background-image:url(../../images/manager/app/ico_board_title_class.png)}
.app .dash-con-page .dashboard.student .dashboard_title h3{background-image:url(../../images/manager/app/ico_board_title_student.png)}
.app .dash-con-page .dashboard.notice .dashboard_title h3{background-image:url(../../images/manager/app/ico_board_title_notice.png)}
.app .dash-con-page .dashboard .dashboard_title p{color: #8D8D91;font-size: 13px;font-weight: 400;}
.app .dash-con-page .dashboard .dashboard_title a{width: 20px;height: 20px;background:url(../../images/manager/app/ico_board_plus.png) no-repeat right/12px;text-indent: -9999px;overflow: hidden;}
.app .dash-con-page .dashboard .dashboard_con{padding:15px 20px}
.app .dash-con-page .banner{position: relative;padding:59px 20px 0;}
.app .dash-con-page .banner::before{content: '';position: absolute;top: 0;right: 0;left: 0;height: 90%;background: radial-gradient(77% 77% at 69% 23%, #383338 0%, #151215 100%);z-index: -1;}
.app .dash-con-page .banner .banner_item{display:flex;align-items:center;justify-content: center;padding:30px 10px;border: 1px solid #ffffff;border-radius:10px;background:url(../../images/manager/app/board_banner_thumb.jpg) no-repeat center/cover;color:#fff;}
.app .dash-con-page .banner .banner_item .con{display:flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 33px;background:url(../../images/manager/app/ico_board_banner_arrow.png) no-repeat bottom/18px}
.app .dash-con-page .banner .banner_item .con .category{height:20px;line-height:20px;margin-bottom:15px;padding:0 10px;border-radius:30px;background-color:#525359;color: #fff;font-size: 10px;}
.app .dash-con-page .banner .banner_item .con .title{line-height:30px;font-size: 25px;font-weight: 700;}
.app .dash-con-page .banner .banner_item .con p{margin-top: 10px;line-height:14px;font-size: 12px;font-weight: 500;}
.app .dash-con-page .status_board{display:flex;gap:10px;margin:-15px -20px;padding:15px 0 15px 20px;overflow-x:auto}
.app .dash-con-page .status_board li{display: flex;flex-direction: column;align-items: flex-start;flex-shrink:0;width:210px;padding:15px;border-radius:10px;box-shadow: 0px 4px 15px 0px #00000026;}
.app .dash-con-page .status_board li strong{display: block;padding-top:40px;background:url(../../images/manager/app/ico_status_class.png) no-repeat top left/30px}
.app .dash-con-page .status_board li.ico_status_student strong{background-image:url(../../images/manager/app/ico_status_student.png)}
.app .dash-con-page .status_board li.ico_status_time strong{background-image:url(../../images/manager/app/ico_status_time.png)}
.app .dash-con-page .status_board li.ico_status_total strong{background-image:url(../../images/manager/app/ico_status_total.png)}
.app .dash-con-page .status_board li p{margin-top:10px;font-size: 14px;font-weight: 600;}
.app .dash-con-page .status_board li p b{display: inline-block;margin-right: 2px;font-size: 22px;}
.app .dash-con-page .status_board li p em{display: block;margin-top: 8px;padding:4px 8px;border-radius: 100px;background-color: #77467133;;color: #774671;font-size: 12px;font-weight: 500;}
.app .dash-con-page .status_board li p em.minus{background-color: #FFEBEF;color: #FF345C;}
.app .dash-con-page .info{padding:30px 20px}
.app .dash-con-page .box{border: 1px solid #EAEAEF;border-radius:10px;}
.app .dash-con-page .box .dashboard_title{padding-top: 20px;}
.app .dash-con-page .info .view_list dl{justify-content: space-between;}
.app .dash-con-page .info .view_list dl:not(:first-of-type){margin-top: 10px;}
.app .dash-con-page .info .view_list dl dt{color: #8D8D91;font-size: 14px;font-weight: 400;}
.app .dash-con-page .info .view_list dl dd{color: #0D0C11;font-size: 14px;font-weight: 400;}
.app .dash-con-page .info .view_list.name{margin-bottom: 20px;padding:16px 15px;border: 1px solid #E5DBE4;border-radius: 6px;background-color: #F1ECF1;}
.app .dash-con-page .info .view_list.name dl dt{color: #774671;font-size: 14px;font-weight: 400;}
.app .dash-con-page .info .view_list.name dl dd{color: #774671;font-size: 16px;font-weight: 500;}

/* 768px 이상 해상도 */
@media (min-width:768px) {
    /* .appForm .app-form-header{position:fixed;top:var(--safe-top);left:0;padding:0 16px;width:100%;background:#fff;border-bottom:1px solid #D2D6DB;box-sizing:border-box;z-index:1000} */
    .appForm .app-form-header .inner{padding:0 16px}
    .appForm .app-form-header .inner .top{width:1200px;margin:0 auto;height:56px}
    .appForm .app-form-header .inner h1{gap:8px;padding-top:9px;padding-left:32px;background-image:url(../../images/manager/app/pc_form_header_logo.png);background-size:48px}
    .appForm .app-form-header .inner h1 span{font-size:22px}
    .appForm .app-form-header .inner .btn{width:81px;height:36px;line-height:34px}
    /* .appForm .app-form-header .period{height:28px;padding:0 10px;background-color:#FCEDED} */
    .appForm .app-form-header .period p{width:1200px;margin:0 auto;font-size:14px}
    .appForm #wrap{background-color:#F3F4F6 !important}
    .appForm #container{max-width:1200px  !important;padding-top:93px  !important}
    #contents.app-form-page{padding:16px 0 142px}
    .app-form-page{display:flex;align-items: flex-start;justify-content:space-between;gap:0 24px}
    .app-form-page .app-form{border-radius:12px;background-color:#fff}
    .app-form-page .app-form--step{order:2;width:308px;margin:0;padding:0 0 12px;border-bottom:0}
    .app-form-page .app-form--step::after{display:none}
    .app-form-page .app-form--step .app-form__progress{margin:0;padding:24px}
    .app-form-page .app-form--step .app-form__progress .step-title{display:flex;gap:0 5px;padding-left:28px;background:url(../../images/manager/app/ico_note.png) no-repeat left/20px}
    .app-form-page .app-form--step .app-form__progress .progress-bar{width:100%;height:10px;border-radius:80px;background-color:#E5E7EB}
    .app-form-page .app-form--step .app-form__progress .progress-bar span{position:absolute;top:0;left:0;width:auto;height:100%;background-color:#A984A7;text-indent:-9999px;overflow:hidden}
    .app-form-page .app-form--step .app-form__progress select{display:none}
    .app-form-page .app-form--step .step-list{display:block;counter-reset:my-counter}
    .app-form-page .app-form--step .step-list li{counter-increment:my-counter;position:relative;height:46px;line-height:46px;padding-left:42px;white-space:nowrap}
    .app-form-page .app-form--step .step-list li::before{content:counter(my-counter);position:absolute;top:50%;left:16px;width:18px;height:18px;line-height:18px;margin-top:-9px;border:1px solid #D2D6DB;border-radius:50%;color:#9DA4AE;font-size:12px;font-weight:500;text-align:center}
    .app-form-page .app-form--step .step-list li::after{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background-color:#fff}
    .app-form-page .app-form--step .step-list li.on{background-color:#F6F2F6}
    .app-form-page .app-form--step .step-list li.on::before{border-color:#8E618A;background-color:#8E618A;color:#fff;font-weight:700}
    .app-form-page .app-form--step .step-list li.on::after{background-color:#8E618A}
    .app-form-page .app-form--con{padding:24px;order:1;width:868px}
    .app-form-page .app-form .pc-s-input-box select{flex-shrink:1;width:174px}
    .app-form-page .app-form .pc-s-input-box--half select{width:calc(50% - 4px)}
    .app-form-page .app-form .pc-s-input-box--half input{width:calc(50% - 4px)}
    .app-form-page .app-form .pc-s-input-box--100 select{width:100%}
    .app-form-page .app-form__title{margin-bottom:24px}
    .app-form-page .app-form .form>strong{margin-bottom:24px}
    .app-form-page .app-form .form>ul:not(:first-of-type){margin-top:20px}
    .app-form-page .app-form .form ul{gap:20px}
    .app-form-page .app-form .form ul li{width:calc(50% - 10px)}
    .app-form-page .app-form .form ul li.w100{width:100%}
    .app-form-page .app-form .form ul li.w155{width:155px}
    .app-form-page .app-form .form ul li.w33{width:calc((100% - 40px)/3)}
    .app-form-page .app-form .form ul li.flex-box>div:first-of-type{width:calc(42% - 6px)}
    .app-form-page .app-form .form ul li.flex-box>div:last-of-type{width:calc(58% - 6px)}
    .app-form-page .app-form .count-text textarea{height:259px}
    .app-form-page .app-form .form ul.added{margin-top:24px}
    .app-form-page .university_global{display: none}
    .app .app-form-page .button-content--fixed{justify-content:flex-end;padding-right: 16px}
    .app .app-form-page .button-content--fixed .btn{width:auto;padding:0 24px}

    .app-form-ok-page .ok-con{width:364px;margin:0 auto;padding:32px;border-radius:12px;background-color:#fff;}
    .app-form-ok-page .ok-con .logo{max-width:none}
    .app-form-ok-page .ok-con p{font-size:16px}

    .kor-academic-con-page .app-form--con{padding:0;background-color:transparent}
    .kor-academic-con-page .app-form--con .app-form__title{padding:24px;border-radius:12px;background-color:#fff}
    .kor-academic-con-page .app-form--con .form{padding:24px !important;border-radius:12px;background-color:#fff}
    .kor-academic-con-page .app-form--con .form:not(:first-of-type){margin-top:40px;}
    .kor-academic-con-page .app-form--con .form>strong{padding-left:10px;border-left:5px solid #8e618a}

    .kor-ecs-con-page .sub-list-area .sub-list{margin-top:24px}

    /* app 디자인 교체 */
    /* app 공통 사항 START */
    .app:not(.appForm) .button-content--fixed{right:auto;left:50%;width:375px;transform: translateX(-50%);}
    /* app 공통 사항 END */
}

@media (min-width:1200px) {
    .app-form-page .button-content--fixed{padding-right: calc(16px + (50% - 600px))}
}