#container{padding: 120px 0;}
.sub_content{padding: 60px 0 0;}
.sub_tab{padding-bottom: 60px;}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="email"],
input[type="tel"] {border: 0; border: 1px solid #DDDDDD; padding: 10px;border-radius: 10px; height: 40px;}  

.login_wrap{height: 100vh; display: flex; flex-direction: column; justify-content: center;text-align: center;}
.login_wrap .tit{font-size: 2.5rem;}
.login_wrap .desc{font-size: 1.125rem;}
.login .box .login_wrap{max-width: 1280px; width: 100%; margin: 60px auto 0;background: #F7FBFE;}
.login_form {max-width: 600px; margin: 0 auto; padding: 40px;     width: 100%;}
.login_form input{width: 100%; border-color: #d5d5d5; border-radius: 10px;}
.login_form .gu {margin-bottom: 20px;}
.login_form .gu div{margin-bottom: 10px; font-size: 1.25rem; font-weight: 700; text-align: left;}
.login_form .find{display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.login_form .btn{margin-top: 40px;}
.login_form .btn .main_color{width: 100%; background: #9533E7;text-align: center; color:#fff; display: block;padding: 16px 0; border-radius: 10px; font-size: 1.125rem;}
.login_form .join{margin-top: 20px;}
.login_form .verify{display: flex;gap: 10px; align-items: center;}
.login_form .verify button{max-width: 150px; border-radius: 10px; height: 50px; line-height: 50px;}
.login_form .comnt{margin-top: 30px; font-size: 1rem;}
.login_form .password{position: relative;}
.login-eye {background: inherit;width: inherit; border: inherit; position: absolute;right: 15px;top: 50%;height: 36px;padding: 0;}
.login-eye img{vertical-align: middle;}

.content_wrap{padding-top: 120px; height: 100vh;}

.content_wrap .content_top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.content_wrap .content_top .down_btn{color: #9533E7; border: 1px solid #9533E7; padding: 8px 20px; border-radius: 10px; display: flex; align-items: center; gap: 3px;}
.content_wrap .content_top .down_btn::before{content: ''; background: url(/img/ico_down-4c68f19d779322139d54a34124f292c6.png) no-repeat; width: 24px; height: 24px; display: block;margin-top: -3px;}
.content_wrap .content_top .down_btn:hover{color: #fff; background: #9533E7;}
.content_wrap .content_top .down_btn:hover::before{content: ''; background: url(/img/ico_down_w-e9a0048f97acd2eec8823ab5f494fdce.png) no-repeat; width: 24px; height: 24px; display: block;margin-top: -3px;}

.content_wrap .content_top .tit{font-size: 1.5rem; font-weight: 600;}

input[type="date"]{padding: 10px 0px 10px 35px; position: relative;}
input[type="date"]:after{content: ''; background: url(/img/ico_select_arr-5619ee297797dfe795a440057bcacc6f.png) no-repeat; width: 24px; height: 24px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}
input[type="date"] {background:url('/img/icon_input_date-7173f339f241230d12953634e91832b9.png') no-repeat #fff calc(100% - 5px) 50%/20px auto; cursor: pointer; background-position: 10px;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {opacity: 0;}

.tab_wrap{display: flex; align-items: center; gap: 10px;margin-top: 10px;}
.tab_list{display: flex; align-items: center;border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}
.tab_list li{width: 60px; height: 40px;line-height: 40px;border-right: 1px solid #ddd; display: flex; flex-direction: column; align-items: center; cursor: pointer;}
.tab_list li.on{background: #9533E7; color: #fff;}
.tab_list li:last-child{border-right: 0;}

.guide_list{display: flex; margin-left: auto; gap: 10px;align-items: center;}
.guide_list div{display: flex; align-items: center; gap: 3px;flex-shrink: 0;}
.guide_list label{width: 100%; display: flex; align-items: center;gap: 3px;}
.guide_list label:first-child div{color: #E73336;}
.guide_list .chk_box {width: 20px;height:20px;flex-shrink: 0; position: relative;background: url(/img/guide_icon01-2b692cc93764865f5ff706a53a46cf49.png) no-repeat; background-size: cover;}
.guide_list input:checked + .chk_box::after {content: '';position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;background: url(/img/guide_icon02-74e2f3b4ef3253da223099df43d23d76.png) no-repeat;transform: translate(-50%, -50%);}

.content_table{margin-top: 20px; height:60vh; overflow: auto;}
.content_table table{width: 100%; border-collapse: separate;border-spacing: 5px;}
.content_table table th{border: 1px solid #ddd;margin: 10px; border-radius: 5px;text-align: center;padding: 10px 0;vertical-align: middle;}
.content_table table td{border: 1px solid #ddd;margin: 10px; border-radius: 5px;text-align: center;padding: 10px 0;vertical-align: middle;}
.content_table table tbody td .gu{font-size: 0.875rem; line-height: 1.2; margin-bottom: 2px;}
.content_table table tbody td .date{font-size: 0.75rem;}
.content_table table tbody th{font-size: 15px;}
.content_table table tbody td.all{background: #F7EEFF;}
.content_table table tbody td.consult{background: #eef7ff;}
.content_table table tbody td.experience{background: #eefeff;}
.content_table table tbody td.training{background: #fffeee;}
.content_table table tbody td.meeting{background: #ffeef4;}
.content_table table tbody td.others{background: #f1ffee;}

.content_table table tbody td.unassigned div{color: #E73336;}
.content_table table tbody tr th.disabled{background: #F3F3F3;}
.content_table table tbody tr td.disabled{background: #F3F3F3; color: #8A8A8A;}
.content_table table tbody td.disabled div{color: #8A8A8A;}

.setting_wrap{height: inherit;}
.setting_wrap .content_top{border: 1px solid #ddd;padding: 30px; border-radius: 10px; display: inherit;}
.setting_wrap .content_top .set_tit{display: flex; align-items: center; justify-content: space-between;}
.setting_wrap .content_top .set_tit a{color: #fff; background: #9533E7;min-width: 120px;text-align: center;border-radius: 5px;height: 40px;line-height: 40px;}
.setting_wrap .content_top .date_input{margin-top: 20px;display: flex; align-items: center; gap: 60px;}
.setting_wrap .content_top .date_apply{display: flex; align-items: center; gap: 10px;}
.setting_wrap .content_top .date_apply .period{display: flex; align-items: center; gap: 10px;}
.setting_wrap .content_top .date_open{display: flex; align-items: center; gap: 10px;}
.setting_wrap .content_top .date_close{display: flex; align-items: center; gap: 10px;}
.setting_wrap .content_top select{min-width: 170px;}

.mes_txt{text-align: right;color: #8A8A8A;font-size: 0.875rem;margin-top:10px}

.setting_box{border: 1px solid #ddd; border-radius: 10px;padding: 30px;margin-bottom: 20px;}
.setting_box.time_setting{margin-bottom: 40px;}
.setting_box .set_tit{display: flex;align-items: center; justify-content: space-between;}
.setting_box .set_tit .tit{font-size: 1.5rem; font-weight: 600;}
.setting_box .add_btn{ color: #fff;background: #9533E7;min-width: 120px;text-align: center;border-radius: 5px;height: 40px;line-height: 40px; display: flex; align-items: center;justify-content: center; gap: 3px;}
.setting_box .add_btn::before{content: ''; background: url(/img/ico_plus-a7648995e5fc13ed60c461f2666944d1.png) no-repeat; width: 20px; height: 20px;display: block;margin-top: -2px; background-size: cover;}
.setting_box .imposs_btn{ color: #fff;background: #9533E7;min-width: 140px;text-align: center;border-radius: 5px;height: 40px;line-height: 40px; display: flex; align-items: center;justify-content: center; gap: 3px;}
.setting_box .imposs_btn::before{content: ''; background: url(/img/ico_plus-a7648995e5fc13ed60c461f2666944d1.png) no-repeat; width: 20px; height: 20px;display: block;margin-top: -2px; background-size: cover;}


.set_table table{width: 100%;font-size: 15px;margin-top: 20px;}
.set_table table thead tr{background: #F9F7FB; border-top: 1px solid #E9E9E9;}
.set_table table thead tr th{padding: 15px 0;}
.set_table table tbody tr{border-bottom: 1px solid #E9E9E9;}
.set_table table tbody tr:first-child{border-top: 1px solid #E9E9E9; }
.set_table table tbody tr td{padding: 15px 0; text-align: center;vertical-align: middle;}
.set_table table tbody tr td .btn{display: flex; align-items: center; justify-content: center; gap: 10px;}
.set_table table tbody tr td .btn img{display: block;}
.set_table table tbody tr td .color{display: flex; align-items: center; justify-content: center; gap: 5px;}
.set_table table tbody tr td .color_box{ background-color: #9533E7; width: 15px; height: 15px;border-radius: 3px;margin-top: -2px;}
.set_table table tbody tr td div{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.set_table table tbody tr .drag {cursor: grab;text-align: center;color: #999;user-select: none;}
.set_table table tbody tr .drag img{vertical-align: middle;pointer-events: none;}
.set_table table tbody tr .drag:active {cursor: grabbing;}

.sortable-ghost {opacity: .3;}
.sortable-chosen {background: #f5f5f5;}

.inner.popup{max-width: 600px;}
.pop_wrap{display: flex; flex-direction: column; justify-content: center;text-align: center; width: 600px;}
.pop_wrap .pop_top .tit{font-size: 1.25rem; color: #fff;font-weight: 600;}
.pop_wrap .pop_top{background: #9533E7; display: flex; align-items: center; justify-content: space-between;padding: 20px 30px;border-top-left-radius: 10px; border-top-right-radius: 10px;}
.pop_wrap .pop_top .btn{vertical-align: middle;}
.pop_wrap .pop_top .btn img{display: block; vertical-align: middle;}

.popup_form {padding: 30px;}
.popup_form .tit{font-size: 1.25rem; text-align: left; font-weight: 600;margin-bottom: 30px; display: flex;justify-content: space-between; align-items: center;}
.popup_form input{width: 100%; border-color: #ddd; border-radius: 5px;}
.popup_form select{width: 100%; border-color: #ddd; border-radius: 5px; height: 50px;}
.popup_form textarea{width: 100%; border-color: #ddd; border-radius: 5px; height:120px; padding: 15px;}
.popup_form textarea::placeholder{color: #aaa;}
.popup_form input[disabled]{background-color: #F3F3F3;border-color: #ddd; color: #8a8a8a;}
.popup_form input:disabled::placeholder{color: #8A8A8A;}
.popup_form select[disabled]{opacity: 1; background-color: #F3F3F3; border-color: #ddd; color: #8a8a8a;}
.popup_form .gu {margin-bottom: 15px; display: flex; align-items: center; gap: 20px;}
.popup_form .gu.textarea{align-items: start;}
.popup_form .gu.textarea > div{margin-top: 10px;}
.popup_form .gu div{font-size: 1rem; font-weight: 600; text-align: left; min-width: 110px;}
.popup_form .gu input{height: 50px;}
.popup_form .find{display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.popup_form .btn{margin-top: 30px;}
.popup_form .btn .main_color{background: #9533E7;text-align: center; color:#fff; display: block;padding: 16px 0; border-radius: 10px; font-size: 1.125rem;}
.popup_form .join{margin-top: 20px;}
.popup_form .verify{display: flex;gap: 10px; align-items: center;}
.popup_form .verify button{max-width: 150px; border-radius: 10px; height: 50px; line-height: 50px;}
.popup_form .comnt{margin-top: 30px; font-size: 1rem;}
.popup_form .gu .w-50{width: 50%; display: flex;align-items: center;gap: 20px;}
.popup_form .gu .w-50 div{min-width: 80px;}
.popup_form.w-80 .gu div{min-width: 80px;}

.popup_form .btn{display: flex; align-items: center; justify-content: right; gap: 10px;}
.cancel_btn{ color: #9533E7;background: #fff;border:1px solid #9533E7; min-width: 120px;text-align: center;border-radius: 5px;height: 40px;line-height: 40px;}
.save_btn{ color: #fff;background: #9533E7;min-width: 120px;text-align: center;border-radius: 5px;height: 40px;line-height: 40px;}

.color_picker_wrap {display: flex;align-items: center;gap: 10px;}
.color_chip {width: 50px;height: 50px;overflow: hidden;border: 1px solid #ddd; flex-shrink: 0; border-radius: 5px;}
.color_picker {width: 100%;height: 100%;padding: 0;border: 0;outline: 0;background: none;appearance: none;-webkit-appearance: none;cursor: pointer;}
.color_picker::-webkit-color-swatch-wrapper {padding: 0;}
.color_picker::-webkit-color-swatch {border: none;}
.color_picker_box{display: flex; align-items: center; gap: 10px;width: 100%;}

.radio_wrap,
.booth_check_wrap {display: flex;flex-wrap: wrap;gap: 10px 20px;}
.target_radio,
.booth_check {display: flex;align-items: center;gap: 6px;cursor: pointer;}
.target_radio input,
.booth_check input {display: none;}
.radio_box,
.check_box {width: 18px;height: 18px;border: 1px solid #ddd;position: relative;}
.radio_box {border-radius: 50%;}
.check_box {border-radius: 4px;}
.booth_check_wrap span,
.radio_wrap span{font-weight: 400;}
.target_radio input:checked + .radio_box{border-color: #9533E7;}
.target_radio input:checked + .radio_box::after {content: '';width: 10px;height: 10px;background: #9533E7;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.booth_check input:checked + .check_box {background: #9533E7;border-color: #9533E7;}
.booth_check input:checked + .check_box::after {content: '';width: 4px;height: 7px;border: solid #fff;border-width: 0 2px 2px 0;position: absolute;left: 5px;top: 2px;transform: rotate(45deg);}