/* 로그인 */ .login_wrap .login_section { position: relative; width: 100%; height: 100vh; background: url(../img/login_bg.jpg) no-repeat center / cover; display: flex; align-items: center; justify-content: center; padding: 6.25rem;} .login_wrap .login_section .login_box { position: relative; display: flex; width: 100%; max-width: 1280px; height: 100%; background: var(--basic-white); border-radius: 2.5rem; overflow: hidden;} .login_wrap .login_section .leftbox { position: relative; width: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.5rem; padding: 4rem; background: var(--basic-white);} .login_wrap .login_section .leftbox .titbox{width: 100%; max-width: 450px; display: flex; flex-direction: column; gap: 0.75rem;} .login_wrap .login_section .leftbox .titbox .tit{font:var(--36_title_sb); line-height: 122%; letter-spacing: -0.02em; color: var(--basic-black)} .login_wrap .login_section .leftbox .titbox .desc{font:var(--16_body_normal_r);line-height: 150%; color: var(--basic-darkgray)} .login_wrap .login_section .leftbox .form{width: 100%; max-width: 450px; display: flex; flex-direction: column; gap: 1.5rem;} .login_wrap .login_section .leftbox .form .input_wrap{ display: flex; flex-direction: column ; gap: 1rem;} .login_wrap .login_section .leftbox .form .input_box{gap: 0.5rem;} .login_wrap .login_section .leftbox .form .button_box .button {height: 3.75rem;} .login_wrap .login_section .rightbox { position: relative; width: 50%; display: flex; flex-direction: column; justify-content: space-between; padding: 4rem; background: linear-gradient(to top, #005ad3, #2f88ff);} .login_wrap .login_section .rightbox .logobox { width: 10rem; filter: invert(10) brightness(10); display: flex; align-items: center; justify-content: center; margin-left: auto;} .login_wrap .login_section .rightbox .txtbox { display: flex; flex-direction: column; gap: 1rem;} .login_wrap .login_section .rightbox .txtbox .img { width: 12rem; margin-bottom: -1rem; margin-left: -1rem;} .login_wrap .login_section .rightbox .txtbox .tit { font: var(--36_title_sb); line-height: 1; letter-spacing: 0.1em; color: var(--basic-white);} .login_wrap .login_section .rightbox .txtbox .desc { font: var(--14_label_read_r); line-height: 1.4; font-weight: 300; line-height: 1.5; color: var(--basic-white);} /* 로그인 인증 모달*/ #certification_modal .modal_box {width: 31.25rem;} #certification_modal .form_box .w160 { flex: unset; width: 10rem;} #certification_modal .form_box #user_emailPw {display: none;} #certification_modal .form_box #user_emailPw.show {display: block;} /* 대시보드 */ .dashboard_wrap .ds_sec{display: flex; flex-wrap:wrap; gap: 1.25rem;} .dashboard_wrap .ds_sec .card_box { width: 100%; display: flex; flex-wrap:wrap; gap: 1.25rem;} .dashboard_wrap .ds_sec .card_box.wid40 {width: calc((100% - 1.25rem * 1)*0.4);} .dashboard_wrap .ds_sec .card_box.wid50 {width: calc((100% - 1.25rem * 1)/2);} .dashboard_wrap .ds_sec .card_box.wid60 {width: calc((100% - 1.25rem * 1)*0.6);} .dashboard_wrap .ds_sec .card {width: 100%; border: 1px solid transparent; border-radius: 0.875rem; box-shadow: var(--box-shadow); background: var(--basic-white); transition: all 0.4s ease;} .dashboard_wrap .ds_sec .card:hover {border-color:#1f88f0; box-shadow:0 0 16px rgba(31,136,240,.2);} .dashboard_wrap .ds_sec .card.wid16 {width: calc((100% - 1.25rem * 5)/6);} .dashboard_wrap .ds_sec .card.wid20 {width: calc((100% - 1.25rem * 4)/5);} .dashboard_wrap .ds_sec .card.wid25 {width: calc((100% - 1.25rem * 3)/4);} .dashboard_wrap .ds_sec .card.wid33 {width: calc((100% - 1.25rem * 2)/3);} .dashboard_wrap .ds_sec .card.wid50 {width: calc((100% - 1.25rem * 1)/2);} .dashboard_wrap .ds_sec .card .card_link{width: 100%; display: flex; flex-direction: column; gap: 1rem; padding: 1.25rem 1.5rem; } .dashboard_wrap .ds_sec .card .card_head{position: relative; width: 100%;} .dashboard_wrap .ds_sec .card .card_head .tit{font: var(--15_body_normal_m); color: var(--basic-darkgray);} .dashboard_wrap .ds_sec .card .card_head .view_btn { font: var(--14_label_normal_m); text-transform: uppercase; display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.313rem 0.875rem; background: var(--brand-primary); color: var(--basic-white); border-radius: 6.25rem;} .dashboard_wrap .ds_sec .card .card_body{display: flex; align-items: center; justify-content: space-between;} .dashboard_wrap .ds_sec .card .card_body .cont{display: flex; flex-direction: column;} .dashboard_wrap .ds_sec .card .card_body .cont .result{font: var(--24_title_m); letter-spacing: -0.025em; color: var(--basic-darkgray);} .dashboard_wrap .ds_sec .card_box .card .card_body .cont .result {font: var(--18_headline_sb); color: var(--brand-primary); word-break: keep-all;} .dashboard_wrap .ds_sec .card .card_body .cont .result.type_info {color: var(--state-info);} .dashboard_wrap .ds_sec .card .card_body .cont .result.type_error {color: var(--state-error);} .dashboard_wrap .ds_sec .card .card_body .cont .result.weather_ver {display: flex; align-items: center; gap: 1rem;} .dashboard_wrap .ds_sec .card .card_body .cont .result.weather_ver .icon { width: 4.5rem; aspect-ratio: 1 / 1; display: flex;} .dashboard_wrap .ds_sec .card .card_body .cont .result.weather_ver .city{font:var(--16_body_normal_m); color: var(--basic-darkgray); display: flex; flex-direction: column;} .dashboard_wrap .ds_sec .card .card_body .cont .result.desc_ver {font:var(--16_body_normal_r); letter-spacing: 0; display: flex; flex-direction: column; gap: 0.125rem;} .dashboard_wrap .ds_sec .card .card_body .cont .result.desc_ver > li{display: flex; align-items: center; gap: 0.5rem;} .dashboard_wrap .ds_sec .card .card_body .cont .result.desc_ver > li .tit{color: var(--basic-middlegray);} .dashboard_wrap .ds_sec .card .card_body .cont .result.desc_ver > li .desc { color: var(--brand-primary); font-weight: 600;} .dashboard_wrap .ds_sec .card .card_body .more { display: flex;align-items: center; gap: 0.25rem; line-height: 1; font-weight: 500; margin-top: 0.5rem; color: var(--basic-darkgray); font: var(--14_label_normal_r);} .dashboard_wrap .ds_sec .card .card_body .cont .desc .badge{display: inline-flex; align-items: center; margin-top: 0.5rem; font:var(--12_caption_r); border-radius: 0.313rem; font-weight: 500;} .dashboard_wrap .ds_sec .card .card_body .graphic{display: flex; justify-content: flex-end;} .dashboard_wrap .ds_sec .card .card_body .graphic.chart_graphic .echart_custom{width: 8rem; aspect-ratio: 1/0.4;} .dashboard_wrap .ds_sec .card .card_body .graphic.icon_graphic .icon{width: 4.5rem;} .dashboard_wrap .ds_sec .card .card_body .graphic.temperature_graphic {display: flex; flex-direction: column; align-items: center; text-align: center; color: var(--brand-hover);} .dashboard_wrap .ds_sec .card .card_body .graphic.temperature_graphic .now {font-size: 1.75rem; font:var(--28_title_sb); } .dashboard_wrap .ds_sec .card .card_body .graphic.temperature_graphic .today {font:var(--14_label_read_m); color: var(--basic-middlegray);} .dashboard_wrap .ds_sec .card .card_body .graphic [class^="ph"].icon { background: var(--primary-primary200); width: 3rem; aspect-ratio: 1 / 1; font-size: 1.8rem; color: var(--brand-primary); display: flex; align-items: center; justify-content: center; border-radius: 50%;} .dashboard_wrap .ds_sec2 .card .calender_box {height: 100%;} .dashboard_wrap .ds_sec3 .card .card_head {display: flex; align-items: center ; justify-content: space-between;} .dashboard_wrap .ds_sec3 .card .card_body {display: flex; align-items: center ; justify-content: space-between; height: 26.25rem; overflow: auto;} .dashboard_wrap .ds_sec3 .card .card_body::-webkit-scrollbar {display: none;} .dashboard_wrap .ds_sec3 .chartbox {width: 100%; height: 100%;} .dashboard_wrap .ds_sec3 .chartbox .echart_custom{position: relative; width: 100%; height: 100%;} .dashboard_wrap .ds_sec3 .api_box { width: 100%; height: 100%; display: flex; flex-direction: column; border-top: 1px solid var(--basic-border);} .dashboard_wrap .ds_sec3 .api_box .item { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.625rem 1.25rem; border-bottom: 1px solid var(--basic-border);} .dashboard_wrap .ds_sec3 .api_box .item .txtbox{display: flex; flex-direction: column; gap: 0.25rem; flex: 1; overflow: hidden;} .dashboard_wrap .ds_sec3 .api_box .item .txtbox .tit{font:var(--16_body_normal_m); color: var(--basic-darkgray); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .dashboard_wrap .ds_sec3 .api_box .item .txtbox .desc { font: var(--14_label_normal_r); color: var(--basic-middlegray);} .dashboard_wrap .ds_sec3 .api_box .item .txtbox .desc .state {color: var(--brand-primary);} .dashboard_wrap .ds_sec3 .api_box .item .btnbox { display: flex; align-items: center; gap: 1rem;} .dashboard_wrap .ds_sec3 .api_box .item .btnbox .badge { width: 6.25rem; height: 2rem; border-radius: 0.5rem; cursor: pointer;} .dashboard_wrap .ds_sec3 .api_box .item .btnbox .select_box{ width: 6.25rem; } /* 대시보드 - 일정 추가 모달 */ #addSchedule_modal .modal_box {width: 31.25rem;} /* 대시보드 - 일정 수정 모달 */ #editSchedule_modal .modal_box {width: 31.25rem;} /* 대시보드 - 일정 상세 모달 */ #viewSchedule_modal .modal_box {width: 31.25rem;} #viewSchedule_modal .form_infobox { display: flex; flex-direction: column; gap: 1rem;} #viewSchedule_modal .form_infobox .item { font: var(--15_body_normal_r); display: flex; align-items: flex-start; gap: 1rem;} #viewSchedule_modal .form_infobox .item .tit { width: 4rem; font-weight: 600; color: var(--brand-hover);} #viewSchedule_modal .form_infobox .item .desc { flex: 1; word-break: keep-all; color: var(--basic-darkgray);} /* TKTRAVEL Income & Tourboss Income */ .income_wrap .income_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;} .income_wrap .income_head .select_form {display: flex; align-items: center; gap: 1rem} .income_wrap .income_head .select_box {display: flex; align-items: center; gap: 1rem; font:var(--14_label_read_r); color: var(--basic-darkgray);} .income_wrap .income_head .select_box .select_year{width: 5.5rem;} .income_wrap .income_head .select_box .select_month{width: 4rem;} .income_wrap .income_head .datebox { display:flex; align-items: center; gap: 2rem;} .income_wrap .income_head .datebox {font:var(--24_title_m); color: var(--brand-hover);} .income_wrap .income_head .datebox .prev-month, .income_wrap .income_head .datebox .next-month { font-size: 2.5rem; color: var(--brand-hover); cursor: pointer;} .income_wrap .income_head .datebox .date { font-size: 1.5rem; font-weight: 500;} .income_wrap .income_head .rightbox {gap: 1rem;} .income_wrap .income_head .total_box {display: flex; align-items: center; gap: 1rem;} .income_wrap .income_list { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 2.5rem 1.5rem; margin-bottom: auto;} .income_wrap .income_list .card { width: calc((100% - 1.5rem * 4) / 5); border-radius: 1rem; overflow: hidden; box-shadow: var(--box-shadow); border: 1px solid var(--basic-border);} .income_wrap .income_list .card .card_header { padding: 0.5rem 1rem; display: flex; justify-content: space-between; align-items: center; gap: 0.125rem; background: var(--primary-primary200); color: var(--brand-primary);} .income_wrap .income_list .card .card_header .tit { font: var(--18_headline_m); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; text-align: center;} .income_wrap .income_list .card .card_header .desc { font: var(--15_body_normal_m);} .income_wrap .income_list .card .card_body { display: flex; align-items: center; justify-content: space-between; text-align: center; gap: 0.5rem; font: var(--16_body_normal_r); padding: 1.25rem 0;} .income_wrap .income_list .card .card_body .conts {width: 100%; display: flex; justify-content: space-between;} .income_wrap .income_list .card .card_body .conts .result { width: 50%; display: flex; flex-direction: column; align-items: center; gap: 0.313rem; color: var(--basic-darkgray);} .income_wrap .income_list .card .card_body .conts .result .desc { color: var(--basic-black);} .income_wrap .income_list .card .card_body .conts .result .desc.blue { color: var(--brand-primary);} .income_wrap .income_list .card .card_body .conts .barLine { width: 1px; height: 2.5rem; background: var(--basic-border);} /* 회사소개 및 업무 메뉴얼 */ .manual_wrap .manual{position: relative;} .manual_wrap .manual .tab_swiper { padding: 1.25rem 2rem; width: calc(100% + 2rem * 2); margin: -1.25rem -2rem;} .manual_wrap .manual .tab_nav {height: auto;} .manual_wrap .manual .tab_nav .link {padding: 0.625rem 1.5rem;} .manual_wrap .manual .manual_conts .tab_cont {background: var(--basic-white); border-radius: 1.25rem; box-shadow: var(--box-shadow); border: 1px solid var(--basic-border); min-height: 37.5rem; overflow: hidden;} .manual_wrap .manual .manual_conts .titbox { display: flex; align-items: center; justify-content: center; text-align: center; gap: 0.875rem; font: var(--24_title_sb); color: var(--brand-hover); width: 100%; padding: 1.5rem 2rem; background: var(--basic-border2);} .manual_wrap .manual .manual_conts .titbox .num { width: 1.8em; font-size: 0.8em; line-height: 1; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; background: var(--brand-hover); color: var(--basic-white); border-radius: 50%;} .manual_wrap .manual .manual_conts .contbox{padding: 2.5rem 2rem;display: flex;flex-direction: column; gap: 2.5rem;} .manual_wrap .manual .manual_conts .tab_cont .img {width: 100%; max-width: 1180px; margin: 0 auto; display: block;} /* 인트라넷 > 인트라넷 > 근무 달력 - 일정 추가 모달 */ #writeSchedule_modal .modal_box {width: 31.25rem;} /* 인트라넷 > 인트라넷 > 근무 달력 - 연차 신청 모달 */ #memberWorking_modal .modal_box {width: 62.5rem;} #memberWorking_modal .modal_box .modal_body {min-height: 25rem;} /* 인트라넷 > 인트라넷 > 휴가신청 - 휴가신청 서명 모달*/ #intraVacationSign_modal .modal_box {width: 31.25rem;} #intraVacationSign_modal .modal_box .sigCanvas {width: 100%; aspect-ratio: 1/0.8; border: 1px solid var(--basic-border); border-radius: 1rem; background: var(--basic-white);} /* 인트라넷 > 인사관리 > 인사관리 */ .intra_wrap .lv_info { display: flex; gap: 2rem; margin-bottom: 2.5rem;} .intra_wrap .lv_info .item { width: calc((100% - 2rem * 2) / 3); padding: 2.5rem 2rem; display: flex; flex-direction: column; align-items: center; gap: 0.5rem; text-align: center; background: var(--basic-white); border-radius: 1rem; box-shadow: var(--box-shadow);} .intra_wrap .lv_info .item .icon { width: 3rem; margin-bottom: 0.5rem;} .intra_wrap .lv_info .item .tit { font: var(--20_heading_sb); color: var(--basic-black);} .intra_wrap .lv_info .item .tit .num { color: var(--brand-primary);} .intra_wrap .lv_info .item .desc { font: var(--15_body_read_m); color: var(--basic-darkgray);} /* 인트라넷 > 인사관리 > 인사관리 - 사이트 관리자 등록 모달 */ #writePersonnel_modal .modal_box {width: 56.25rem;} #writePersonnel_modal .input_file_box .file_preview {justify-content: flex-start;} #writePersonnel_modal .input_file_box .file_preview .img {width: auto; max-height: 8rem;} /* 인트라넷 > 인사관리 > 인사관리 - 사이트 관리자 수정 모달 */ #editPersonnel_modal .modal_box {width: 56.25rem;} #editPersonnel_modal .input_file_box .file_preview {justify-content: flex-start;} #editPersonnel_modal .input_file_box .file_preview .img {width: auto; max-height: 8rem;} /* 인트라넷 > 인사관리 > 인사관리 - 권한관리 모달 */ #personnelAuthority_modal .modal_box {width: 62.5rem;} /* 인트라넷 > 인사관리 > 연차관리 */ .content_tbl .tbl tbody tr td .vacation_btn.hide {display: none;} .content_tbl .tbl tbody tr td .vacationApply_edit {display: none;} .content_tbl .tbl tbody tr td .vacationApply_edit.show {display: flex;} /* 인트라넷 > 인사관리 > 연차관리 - 근태현황 모달 */ #attendanceStatus_modal .modal_box {width: 62.5rem;} #attendanceStatus_modal .tbl thead tr th, #attendanceStatus_modal .tbl tbody tr th, #attendanceStatus_modal .tbl tbody tr td {padding-left: 0.5rem; padding-right: 0.5rem;} #attendanceStatus_modal .tbl tbody tr td .tbl_btnbox button { display: flex; align-items: center; justify-content: center; } #attendanceStatus_modal .tbl tbody tr td .tbl_btnbox button [class^="ph"] { font-size: 1.25rem; color: var(--brand-hover);} /* 인트라넷 > 인사관리 > 연차관리 - 휴가월차현황 모달 */ #vacationStatus_modal .modal_box {width: 62.5rem;} #vacationStatus_modal .form_box + .form_box {margin-top: 1.25rem;} #vacationStatus_modal .tbl thead tr th, #vacationStatus_modal .tbl tbody tr th, #vacationStatus_modal .tbl tbody tr td {padding-left: 0.5rem; padding-right: 0.5rem;} #vacationStatus_modal .tbl tbody tr td .tbl_btnbox button { display: flex; align-items: center; justify-content: center; } #vacationStatus_modal .tbl tbody tr td .tbl_btnbox button [class^="ph"] { font-size: 1.25rem; color: var(--brand-hover);} /* 예약달력(일별) */ .content_tbl .tbl tbody tr td .bustour {display: block; overflow: hidden; text-overflow: ellipsis;} .content_tbl .tbl tbody tr td .bustour .tit {overflow: hidden; text-overflow: ellipsis;;} .content_tbl .tbl tbody tr td .carinfo {display: block; overflow: hidden; text-overflow: ellipsis;} .content_tbl .tbl tbody tr td .carinfo .time {margin-right: 0.25rem;} .content_tbl .tbl tbody tr td .carinfo .type {color: var(--brand-hover); margin-right: 0.25rem;} .content_tbl .tbl tbody tr td .carinfo .desc {color: var(--basic-darkgray); flex: 1;} /* 예약달력 - 일정 추가 및 수정 모달 */ .tourRegister_modal .modal_box {width: 93.75rem;} .tourRegister_modal .tbl tbody tr td {height: 3.813rem;} .tourRegister_modal .tbl tbody tr td .input_box textarea.height1 {height: calc(3.813rem*3 - 0.75rem*2 - 1px);} .tourRegister_modal .tbl tbody tr td .input_box textarea.height2 {height: calc(3.813rem*2 - 0.75rem*2 - 1px);} .tourRegister_modal .tbl tbody tr td[data-th*="투어"][data-th*="입금영수증"] { height: 16.719rem; vertical-align: baseline;} .tourRegister_modal .tbl tbody tr td[data-th*="버스회사"] .select_box { min-width: 7.5rem;} .tourRegister_modal.edit_ver .tbl tbody tr td[data-th*="투어"][data-th*="입금영수증"] { height: 12.906rem;} .tourRegister_modal.edit_ver .tbl tbody tr td .calender_btn {max-width: 10rem;} /* 예약관리 > 예약관리&리스트 */ .tbl.reservation_list {min-width: 106.25rem;} .tbl.reservation_list tbody tr td.td_state.state_received { background: var(--badge-gr-bg);color: var(--badge-gr-color);} .tbl.reservation_list tbody tr td.td_state.state_confirmed { background: var(--badge-nv-bg);color: var(--badge-nv-color);} .tbl.reservation_list tbody tr td.td_state.state_confirmed2 { background: var(--badge-pp-bg); color: var(--badge-pp-color);} .tbl.reservation_list tbody tr td.td_state.state_cancel {background: var(--badge-re-bg); color: var(--badge-re-color);} .tbl.reservation_list tbody tr td.td_state.state_deposited {background: var(--badge-or-bg); color: var(--badge-or-color);} .tbl.reservation_list tbody tr td.td_state.state_event {background: var(--badge-ye-bg); color: var(--badge-ye-color);} .tbl.reservation_list tbody tr td .tbl_reserve_date .icon{ width: 1rem;} .tbl.reservation_list tbody tr td .tbl_customer_info .state{display: flex; align-items: center; gap: 0.25rem;} .tbl.reservation_list tbody tr td .tbl_customer_info .state .icon { max-height: 1.125rem; max-width: 3.125rem; object-fit: contain;} .tbl.reservation_list tbody tr td .tbl_product_info .tbl_title {cursor: pointer; align-items: flex-end;} .tbl.reservation_list tbody tr td .tbl_product_info .tbl_title .badge {margin-bottom: 0.2em;} .tbl.reservation_list tbody tr td .tbl_product_info .mail_btn .icon {font-size: 1.25em;} .tbl.reservation_list tbody tr td .tbl_product_info .opt_cont { display: flex; align-items: flex-start; gap: 0.5rem; padding: 0.5rem 0.75rem; background: var(--basic-pale); margin-top: 0.5rem; border-radius: 0.25rem; border: 1px solid var(--basic-border2); font: var(--12_caption_r); color: var(--basic-darkgray); display: none; transition: none;} .tbl.reservation_list tbody tr td .tbl_product_info .opt_cont.show {display: flex;} .tbl.reservation_list tbody tr td .tbl_product_info .opt_cont .tit { display: flex; align-items: center; gap: 0.25rem; font-weight: 600;} .tbl.reservation_list tbody tr td .tbl_product_info .opt_cont .tit .icon { font-size: 1rem; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; line-height: 1; color: var(--brand-hover); margin-top: 0.125rem;} .tbl.reservation_list tbody tr td .tbl_product_info .opt_cont .descbox{display: flex; flex-direction: column; gap: 0.25rem;} .tbl.reservation_list tbody tr td .tbl_b2c_price .badge {text-transform: unset;} .tbl.reservation_list tbody tr td .tbl_memo .input_box {gap: 0.25rem;} .tbl.reservation_list tbody tr td .tbl_memo .input_box textarea.input_text { padding: 0.25rem;} .tbl.reservation_list tbody tr td .tbl_memo .input_box .save_btn {width: 100%; display: none;} .tbl.reservation_list tbody tr td .tbl_memo .input_box textarea.input_text:focus + .save_btn {display: flex;} .tbl.reservation_list tbody tr td .tbl_product_info .naver_check {pointer-events: none; gap: 0.25rem;} .tbl.reservation_list tbody tr td .tbl_departure_info .date, .tbl.reservation_list tbody tr td .tbl_use_datetime .date, .tbl.reservation_list tbody tr td[data-th="*입실일"], .tbl.reservation_list tbody tr td[data-th="퇴실일"] {white-space: nowrap;} /* 예약달력 > 예약관리&리스트 - 알림톡발송내역 모달 */ .entryStatus_modal .modal_box {width: 50rem;} .entryStatus_modal .form_box { gap: 0;} .entryStatus_modal .info_box {display: flex;flex-direction: column; gap: 0.375rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--basic-border); padding-bottom: 1.5rem;} .entryStatus_modal .info_box .item { display: flex; align-items: flex-start; gap: 1rem; font: var(--14_label_normal_r);} .entryStatus_modal .info_box .item .tit { font-weight: 600; color: var(--brand-hover); width: 6.25rem;} .entryStatus_modal .info_box .item .desc { flex: 1;} /* 예약관리 > 여행상품예약 수정 & 수동예약 모달*/ .reservation_modal .modal_box {width: 86.25rem;} .reservation_modal .modal_box .modal_body {align-items: unset; padding-top: 0;} .reservation_modal .modal_top { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--basic-border); width: calc(100% + 1.875rem * 2); margin: 0 -1.875rem; padding: 1rem 1.875rem; position: sticky; top: 0; z-index: 10; background: var(--basic-white);} .reservation_modal .modal_top .leftbox{flex: 1;} .reservation_modal .modal_top .reserveinfo { display: flex; align-items: center; gap: 1rem; font: var(--15_body_normal_r); color: var(--basic-darkgray);} .reservation_modal .modal_top .reserveinfo .title{font-weight: 600;} .reservation_modal .modal_top .reserveinfo .descbox {display: flex; align-items: center; gap: 0.875rem; border: 1px solid var(--basic-border2); padding: 0.5rem 0.75rem; background: var(--basic-bg2); border-radius: 0.5rem;} .reservation_modal .modal_top .reserveinfo .descbox .item { display: flex; align-items: center; gap: 0.375rem;} .reservation_modal .modal_top .reserveinfo .descbox .item .desc { font-weight: 500; color: var(--brand-hover);} .reservation_modal .tab_wrap {gap: 2rem;} .reservation_modal .tab_navbox .tab_nav { font: var(--15_body_normal_r); max-width: calc(100% / 6);} .reservation_modal .tab_navbox .tab_nav.on {font-weight: 600;} .reservation_modal .tab_navbox .tab_nav .link {padding: 1rem 0;} .reservation_modal .tbl_wrap {gap: 2rem;} .reservation_modal .tbl tbody tr th, .reservation_modal .tbl tbody tr td {padding: 0.625rem 0.75rem;} .reservation_modal .selectProduct_tbl1 .tbl_inline {gap: 1rem;} .reservation_modal .selectProduct_tbl1 .tbl_inline.column_ver {gap: 0.75rem 1rem;} .reservation_modal .selectProduct_tbl1 .tbl_inline .input_box {width: auto; flex:unset} .reservation_modal .selectProduct_tbl1 .tbl_inline .input_box.full {flex: 1;} .reservation_modal .selectProduct_tbl1 .tbl_inline .select_box.full { width: 100%;} .reservation_modal .selectProduct_tbl1 .tbl_inline .input_box.wid180 {width: 100%; max-width: 15rem;} .reservation_modal .selectProduct_tbl1 .tbl_inline .day_input { max-width: 3.125rem;} .reservation_modal .selectProduct_tbl1 .tbl_inline .time_input { width: 3.125rem; text-align: center;} .reservation_modal .selectProduct_tbl1 .tbl_inline .place_select {width: 11.25rem;} .reservation_modal .selectProduct_tbl1 .tbl_inline .place_input {width: 5rem;} .reservation_modal .selectProduct_tbl1 .tbl_inline .people_input {max-width: 2.5rem; text-align: center;} .reservation_modal .selectProduct_tbl1 .tbl_inline .total_people {font-weight: 600; margin-left: 1.25rem;} .reservation_modal .selectProduct_tbl1 .calender_btn {max-width: 12rem;} .reservation_modal .reserveInfo_tbl1 .tbl_inline {gap: 1rem;} .reservation_modal .reserveInfo_tbl1 .tbl_inline .input_box {width: auto; flex:unset} .reservation_modal .reserveInfo_tbl1 .tbl_inline .input_box.full {flex: 1;} .reservation_modal .reserveInfo_tbl1 .calender_btn {max-width: 10rem;} .reservation_modal .reserveInfo_tbl1 .people_input {max-width: 2.5rem; text-align: center;} .reservation_modal .reserveInfo_tbl1 .color_wrap {gap: 1rem;} .reservation_modal .reserveProduct_tbl2 .people_input {max-width: 3.125rem;} .reservation_modal .reserveProduct_tbl2 .input_file_box .input_flex {flex: 1;} .reservation_modal .reserveProduct_tbl2 .tbl_morebtn { position: absolute; right: 0.25rem; bottom: 0; width: 1.875rem; aspect-ratio: 1 / 1; background: var(--brand-primary); font-size: 1.125rem; color: var(--basic-white); transition: var(--transition);} .reservation_modal .reserveProduct_tbl2 .hide_tr {display: none;} .reservation_modal .reserveProduct_tbl2 .hide_tr.show {display: table-row;} .reservation_modal .reserveProduct_tbl2 .tbl_morebtn.on {transform: rotate(-180deg);} .reservation_modal .reserveProduct_tbl4 tr:not(.total_tr, .sale_tr) td[data-th="B2C"], .reservation_modal .reserveProduct_tbl4 tr:not(.total_tr, .sale_tr) td[data-th="B2C 소계"] {background: #fffdf3;} .reservation_modal .reserveProduct_tbl4 tr.sale_tr td {background: #fff5f5;} .reservation_modal .reserveProduct_tbl4 tr.total_tr td {font-weight: 500; color: var(--brand-hover);} .reservation_modal .reserveProduct_tbl4 .tbl_picon {color: var(--brand-hover); font-size: 1.5rem;} .reservation_modal .reserveProduct_tbl4 .sale_inlne {justify-content: center;} .reservation_modal .reserveProduct_tbl4 .sale_inlne .input_box{flex:unset; width: auto;} .reservation_modal .reserveProduct_tbl4 .sale_inlne .sale_input1 { max-width: 1.875rem; padding: 0 0.25rem; text-align: center;} .reservation_modal .reserveProduct_tbl4 .total_tr {border-top: 2px solid var(--basic-lightgray);} .reservation_modal .reserveProduct_tbl4 .total_tr td {padding: 0.75rem;} .reservation_modal .macroLink_tbl1 .tbl_inline {gap: 1rem;} .reservation_modal .macroLink_tbl1 .tbl_inline .input_box {width: auto; flex:unset} .reservation_modal .macroLink_tbl1 .prd_input {max-width: 15rem;} .reservation_modal .macroLink_tbl1 .calender_btn {max-width: 10rem;} .reservation_modal .macroLink_tbl1 .people_input {max-width: 2.5rem; text-align: center;} .reservation_modal .macroLink_tbl1 .color_wrap {gap: 1rem;} .reservation_modal .payment_tbl1 .pay_info { align-items: flex-start;} .reservation_modal .payment_tbl1 .pay_info .note{margin-top: 1rem;} .reservation_modal .payment_tbl1 .total_tr {border-top: 2px solid var(--basic-lightgray);} .reservation_modal .payment_tbl1 .total_tr td {padding: 0.75rem;} .reservation_modal .tbl_top .status {display: flex; align-items: center; gap: 1rem;} .reservation_modal .tbl_top .status .tit{ font-weight: 500;} .reservation_modal .tbl_top .status .btnbox {display: flex; align-items: center; gap: 0.5rem;} .reservation_modal .tbl_top .status .btnbox .badge{padding: 0.188rem 0.5rem;} .reservation_modal .tbl_top .exec {display: flex; align-items: center; gap: 1rem;} .reservation_modal .tbl_top .exec .btnbox {display: flex; align-items: center; gap: 0.5rem;} .reservation_modal .tbl_top .exec .btnbox .badge{padding: 0.188rem 0.5rem;} .reservation_modal .reserveStatus_tbl1 tbody tr td { height: 3rem;} .reservation_modal .tbl_top .status .badge.type_re, .reservation_modal .tbl_top .exec .badge.type_re, .reservation_modal .reserveStatus_tbl1 .badge.type_re { background: none; border: 1px solid var(--badge-re-color);} .reservation_modal .tbl_top .status .badge.type_or, .reservation_modal .tbl_top .exec .badge.type_or, .reservation_modal .reserveStatus_tbl1 .badge.type_or{ background: none; border: 1px solid var(--badge-or-color);} .reservation_modal .tbl_top .status .badge.type_gr, .reservation_modal .tbl_top .exec .badge.type_gr, .reservation_modal .reserveStatus_tbl1 .badge.type_gr{ background: none; border: 1px solid var(--badge-gr-color);} .reservation_modal .tbl_top .status .badge.type_bl, .reservation_modal .tbl_top .exec .badge.type_bl, .reservation_modal .reserveStatus_tbl1 .badge.type_bl{ background: none; border: 1px solid var(--badge-bl-color);} .reservation_modal .tbl_top .status .badge.type_bk, .reservation_modal .tbl_top .exec .badge.type_bk, .reservation_modal .reserveStatus_tbl1 .badge.type_bk{ background: none; border: 1px solid var(--badge-bk-color);} .reservation_modal .reserveStatus_tbl1 .state_tr .state1, .reservation_modal .reserveStatus_tbl1 .state_tr .state2 { background: var(--badge-gr-bg); --radio-color: var(--badge-gr-color);} .reservation_modal .reserveStatus_tbl1 .state_tr .state3 { background: var(--badge-pp-bg); --radio-color: var(--badge-pp-color);} .reservation_modal .reserveStatus_tbl1 .state_tr .state4 { background: var(--badge-bl-bg); --radio-color: var(--badge-bl-color);} .reservation_modal .reserveStatus_tbl1 .state_tr .state5 { background: var(--badge-ye-bg); --radio-color: var(--badge-ye-color);} .reservation_modal .reserveStatus_tbl1 .state_tr .state6 { background: var(--badge-re-bg); --radio-color: var(--badge-re-color);} .reservation_modal .reserveStatus_tbl1 .state_tr .state7, .reservation_modal .reserveStatus_tbl1 .state_tr .state8 { background: var(--basic-white); --radio-color: var(--badge-bk-color);} .reservation_modal .reserveStatus_tbl1 .state_tr .radio_box{justify-content: center;} .reservation_modal .reserveStatus_tbl1 .state_tr .radio_box .input_radio { width: 0.875rem; height: 0.875rem;} .reservation_modal .reserveStatus_tbl1 .state_tr .radio_box .input_radio:checked {border-color: var(--radio-color);} .reservation_modal .reserveStatus_tbl1 .state_tr .radio_box .input_radio::before { background: var(--radio-color); width: 0.5rem;} .reservation_modal .reserveStatus_tbl1 .state_tr .radio_box .label_radio {color: var(--basic-black);} .reservation_modal .reserveStatus_tbl1 tbody tr .badge { font-weight: 400;} .reservation_modal .barcode_top { flex-direction: column; align-items: unset; gap: 1.5rem;} .reservation_modal .barcode_top .leftbox { background: var(--basic-bg2); padding: 0.75rem 1rem; border-radius: 0.5rem; border: 1px solid var(--basic-border2);} .reservation_modal .barcode_top .leftbox .tit { font-weight: 600; display: inline-flex; align-items: center; gap: 0.25rem;} .reservation_modal .barcode_top .leftbox .tit .icon {font-size: 1.45em; color: var(--brand-primary);} .reservation_modal .barcode_top .leftbox .url { color: var(--brand-hover); font-weight: 500; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .reservation_modal .barcode_top .leftbox .btnbox{display: flex; align-items: center; gap: 0.5rem;} .reservation_modal .barcode_top .rightbox .select_box { min-width: 6.25rem;} .reservation_modal .barcode_top .rightbox .btnbox { display: flex; align-items: center; justify-content: flex-end; gap: 0.5rem; flex: 1;} /* 예약관리 > 여행상품예약 > 회원검색 모달*/ #memberSearch_modal .modal_box {width: 50rem;} #memberSearch_modal .modal_searchbox .input_flex .input_text {max-width: 20rem;} #memberSearch_modal .tbl_box {max-height: 25rem;} #memberSearch_modal .tbl thead tr th, #memberSearch_modal .tbl tbody tr th, #memberSearch_modal .tbl tbody tr td {padding-left: 0.5rem; padding-right: 0.5rem;} #memberSearch_modal .tbl tbody tr td .tbl_btnbox button { display: flex; align-items: center; justify-content: center; } #memberSearch_modal .tbl tbody tr td .tbl_btnbox button [class^="ph"] { font-size: 1.25rem; color: var(--brand-hover);} /* 예약관리 > 여행상품예약 - 행사변경 모달*/ #eventChange_modal .modal_box {width: 62.5rem;} #eventChange_modal .tbl_top .select_box {max-width: 15rem;} #eventChange_modal .tbl_top .rightbox {gap: 1rem;} #eventChange_modal .tbl_top .controls {display: flex; align-items: center; gap: 0.5rem;} #eventChange_modal .tbl_top .controls .paging_btn { font-size: 1.25rem; display: flex; align-items: center; justify-content: center; color: var(--basic-middlegray); transition: var(--transition); border-radius: 50%;} #eventChange_modal .tbl_top .controls .paging_btn:hover { color: var(--basic-black);} #eventChange_modal .tbl_box {max-height: 25rem;} /* 예약관리 > 여행상품예약 - 입출금 수정 모달 */ #accountEdit_modal .modal_box {width: 37.5rem;} /* 예약관리 > 여행상품예약 - 메일&SMS&알림톡발송내역 모달 */ #historyMail_modal .modal_box, #historySms_modal .modal_box, #historyMailsms_modal .modal_box {width: 62.5rem;} #historyMail_modal .modal_box .tbl, #historySms_modal .modal_box .tbl, #historyMailsms_modal .modal_box .tbl {font: var(--13_label_r);} /* 예약관리 > 여행상품예약 - 메일 발송 모달 */ #mailSend_modal .modal_box {width: 62.5rem;} /* 예약관리 > 여행상품예약 - SMS 발송 모달 */ #smsSend_modal .modal_box {width: 31.25rem;} /* 예약관리 > 수동예약 > 상품선택 및 행사날짜 선택 모달 */ #reservationGoodDate_modal .modal_box {width: 75rem;} #reservationGoodDate_modal .modal_searchbox {margin-bottom: 2.5rem;} #reservationGoodDate_modal .modal_searchbox .select_box{ width: 100%; max-width: 10.625rem;} #reservationGoodDate_modal .modal_searchbox .select_box.lang_select{max-width: 6.25rem;} #reservationGoodDate_modal .modal_searchbox .input_text {flex: 1;} #reservationGoodDate_modal .tbl_top {min-height: 2.25rem;} #reservationGoodDate_modal .tbl_top .select_box {max-width: 15rem;} #reservationGoodDate_modal .tbl_top .rightbox {gap: 1rem;} #reservationGoodDate_modal .tbl_top .controls {display: flex; align-items: center; gap: 0.5rem;} #reservationGoodDate_modal .tbl_top .controls .paging_btn { font-size: 1.25rem; display: flex; align-items: center; justify-content: center; color: var(--basic-middlegray); transition: var(--transition); border-radius: 50%;} #reservationGoodDate_modal .tbl_top .controls .paging_btn:hover { color: var(--basic-black);} #reservationGoodDate_modal .tbl_box {max-height: 30rem;} #reservationGoodDate_modal .tbl {font:var(--12_caption_r)} #reservationGoodDate_modal .tbl tbody tr th, #reservationGoodDate_modal .tbl tbody tr td {height: 3.125rem;} #reservationGoodDate_modal .tbl tbody tr td.align_lef {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100px;} /* 예약관리 - 네이버 스마트스토어 오류 알럿 */ #naverSmartStoreErrorAlert { position: relative; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; padding: 1.25rem 1rem;} #naverSmartStoreErrorAlert .title { font: var(--20_heading_sb); color: var(--badge-gr-color); display: flex; align-items: center; gap: 0.25rem; margin-bottom: 0.75rem;} #naverSmartStoreErrorAlert .descbox { display: flex; flex-direction: column; gap: 0.625rem; font: var(--14_label_normal_r); color: var(--basic-darkgray);} #naverSmartStoreErrorAlert .descbox .desc.point { color: var(--brand-hover); font-weight: 500;} #naverSmartStoreErrorAlert .bottom {display: flex; align-items: center; gap: 0.5rem; font: var(--13_label_r); color: var(--basic-darkgray); margin-top: 1rem;} /* 견적/버스관리 > 견적서리스트 > 견적서리스트 */ .tbl_top .typebox .item[data-type="견적대기"] .color { background: var(--badge-gr-color);} .tbl_top .typebox .item[data-type="예약확정"] .color { background: var(--badge-nv-color);} .tbl_top .typebox .item[data-type="인보이스"] .color { background: var(--badge-pp-color);} .tbl_top .typebox .item[data-type="바우처"] .color { background: var(--badge-or-color);} .tbl_top .typebox .item[data-type="행사완료"] .color { background: var(--badge-ye-color);} .tbl_top .typebox .item[data-type="취소완료"] .color { background:var(--badge-re-color);} .tbl.estimate_list {min-width: 1600px;} .tbl.estimate_list tbody tr td.td_state.state_wait { background: var(--badge-gr-bg); color: var(--badge-gr-color);} .tbl.estimate_list tbody tr td.td_state.state_confirmed {background: var(--badge-nv-bg); color: var(--badge-nv-color);} .tbl.estimate_list tbody tr td.td_state.state_invoice { background: var(--badge-pp-bg); color: var(--badge-pp-color);} .tbl.estimate_list tbody tr td.td_state.state_voucher {background: var(--badge-or-bg); color: var(--badge-or-color);} .tbl.estimate_list tbody tr td.td_state.state_event_done { background: var(--badge-ye-bg); color: var(--badge-ye-color);} .tbl.estimate_list tbody tr td.td_state.state_cancel { background: var(--badge-re-bg); color: var(--badge-re-color);} .tbl.estimate_list tbody tr td .tbl_memo .input_box {gap: 0.25rem;} .tbl.estimate_list tbody tr td .tbl_memo .input_box textarea.input_text { padding: 0.25rem;} .tbl.estimate_list tbody tr td .tbl_memo .input_box .save_btn {width: 100%; display: none;} .tbl.estimate_list tbody tr td .tbl_memo .input_box textarea.input_text:focus + .save_btn {display: flex;} .tbl.estimate_list tbody tr td[data-th="행사일"] {white-space: nowrap;} /* 견적/버스관리 > 견적서리스트 > 견적서 등록 */ .estimate_wrap .content_write {position: relative;} .estimate_wrap .content_write .tab_navbox{justify-content: space-between; background: none;} .estimate_wrap .content_write .tab_navbox .leftbox{ position: relative; display: flex; flex: 1; } .estimate_wrap .content_write .tab_navbox .leftbox .tab_nav {flex: unset; } .estimate_wrap .content_write .tab_navbox .leftbox .tab_nav .link {padding: 1rem 2rem;} .estimate_wrap .content_write .tab_navbox .rightbox{position: relative; display: flex; gap: 0.5rem;} .estimate_wrap .estimate_write {position: relative; display: flex; align-items: flex-start; gap: 1.25rem;} .estimate_wrap .estimate_write .leftbox { flex: 1; width: calc(100% - 25rem - 1.25rem); gap: 2rem;} .estimate_wrap .estimate_write .leftbox .tbl tbody tr td .button {white-space: nowrap;} .estimate_wrap .estimate_write .rightbox { position: sticky; top: 9rem; width: 25rem; display: flex; flex-direction: column; gap: 1.25rem;} .estimate_wrap .estimate_write .rightbox .btn_box {display: flex; justify-content: space-between;} .estimate_wrap .estimate_write .rightbox .btn_box .button {margin-left: auto;} .estimate_wrap .estimate_screen { position: relative; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; padding: 2.5rem 2rem; display: flex; flex-direction: column; gap: 1.5rem;} .estimate_wrap .estimate_screen > .titlebox{margin-bottom: 1rem;} .estimate_wrap .estimate_screen > .titlebox .title { font: var(--56_display_b); color: var(--basic-black); text-align: center;} .estimate_wrap .estimate_screen > .topbox { display: flex; flex-direction: column; gap: 0.75rem;} .estimate_wrap .estimate_screen > .topbox .item { justify-content: flex-end;} .estimate_wrap .estimate_screen > .topbox .item .label_text { font: var(--16_body_normal_sb); width: 10rem;} .estimate_wrap .estimate_screen > .topbox .item .input_item { flex: 1; max-width: 14rem;} .estimate_wrap .estimate_screen .inovice_tbl1 tbody tr th {font-size: 1.2em;} .estimate_wrap .estimate_screen .inovice_tbl1 .input_box .label_text { width: 4rem; text-align: left; font-weight: 500;} .estimate_wrap .estimate_screen .inovice_tbl2 .tbl_btnbox .plus_btn, .estimate_wrap .estimate_screen .inovice_tbl2 .tbl_btnbox .minus_btn {width: 1.5rem; font-size: 0.75rem;} .estimate_wrap .estimate_screen .inovice_tbl2 .tbl_btnbox .minus_btn { background: var(--state-error);} .estimate_wrap .estimate_screen > .form_line { width: 100%; height: 1px; background: var(--basic-border);} .estimate_wrap .estimate_screen > .accountbox { display: flex; flex-direction: column; gap: 1.5rem;} .estimate_wrap .estimate_screen > .accountbox .account_top { flex-direction: row; align-items: center; justify-content: space-between;} .estimate_wrap .estimate_screen > .accountbox .account_top .title { font: var(--18_headline_sb); color: var(--basic-darkgray);} .estimate_wrap .estimate_screen > .accountbox .account_top .tab_navbox { flex: 1; justify-content: flex-end; gap: 0.5rem;} .estimate_wrap .estimate_screen > .accountbox .account_top .tab_navbox .tab_nav { flex: unset; font: var(--14_label_normal_r); border-radius: 0.375rem; background: var(--basic-white); border: 1px solid var(--brand-hover); font-weight: 500; height: auto;} .estimate_wrap .estimate_screen > .accountbox .account_top .tab_navbox .tab_nav.on { box-shadow: none; background: var(--brand-hover);} .estimate_wrap .estimate_screen > .accountbox .account_top .tab_navbox .tab_nav .link { padding: 0.375rem 1.25rem;} .estimate_wrap .estimate_screen > .accountbox .account_info { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem;} .estimate_wrap .estimate_screen > .accountbox .account_info .item { width: calc((100% - 1.5rem) / 2);} .estimate_wrap .estimate_screen > .accountbox .account_info .item .label_text { width: 8rem; font-weight: 500;} .estimate_wrap .estimate_screen > .accountbox .account_info .item .input_item { flex: 1;} .estimate_wrap .estimate_screen > .textareabox .label_text {font-weight: 600;} .estimate_wrap .estimate_screen > .logobox { display: flex; flex-direction: column; gap: 1rem; } .estimate_wrap .estimate_screen > .logobox .logo_select .label_text {font-weight: 600;} .estimate_wrap .estimate_screen > .logobox .logo_preview { position: relative; min-height: 8.75rem; border: 1px dashed var(--basic-border); padding: 1.25rem; text-align: center; border-radius: 0.375rem; display: flex; align-items: center; justify-content: center;} .estimate_wrap .estimate_screen > .logobox .logo_preview .txt { font: var(--14_label_normal_r); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: var(--basic-middlegray);} /* 견적/버스관리 > 견적서리스트 > 간편견적서 */ .easyEstimate_list { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 1.5rem 1rem;} .easyEstimate_cont { width: calc((100% - 1rem) / 2); position: relative; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; padding: 1rem;} .easyEstimate_list .easyEstimate_cont .input_box .input_text:read-only { border: unset; background: unset; padding:0} .easyEstimate_cont .tbl_top1 { border-bottom: 1px solid var(--basic-border); padding-bottom: 0.875rem; margin-bottom: 0.875rem;} .easyEstimate_cont .tbl_top1 .total {color: var(--brand-hover); font-weight: 600;} .easyEstimate_cont .tbl_top1 .total .pc {display: inline-block;} .easyEstimate_cont .tbl_top2 .button.hide {display: none;} .easyEstimate_cont .tbl_titbox { position: relative; padding: 0.75rem 1rem; background: var(--primary-primary900); border-radius: 0.625rem 0.625rem 0 0;} .easyEstimate_cont .tbl_titbox .input_box .input_text {font-weight: 600;} .easyEstimate_cont .tbl_titbox .input_box .input_text:read-only { color: var(--basic-white); text-align: center;} .easyEstimate_cont .tbl_schedulebox {position: relative; display: none;} .easyEstimate_cont .tbl_schedule { display: flex; background: var(--basic-white); border-left: 1px solid var(--basic-border); border-right: 1px solid var(--basic-border);} .easyEstimate_cont .tbl_schedule .item { width: 50%; border-right: 1px solid var(--basic-border2);} .easyEstimate_cont .tbl_schedule .item:last-child{ border-right: 0;} .easyEstimate_cont .tbl_schedule .item .head { padding: 0.875rem 1rem; font: var(--14_label_normal_r); font-weight: 600; letter-spacing: 0.01em; color: var(--brand-hover); text-align: center; background: var(--basic-bg2);} .easyEstimate_cont .tbl_schedule .item .body textarea.input_text {border-radius: 0; border: none; padding: 1rem;} .easyEstimate_cont .tbl_contbox { border-radius: 0 0 0.625rem 0.625rem; box-shadow: none;} .easyEstimate_cont .tbl_contbox .tbl thead tr th, .easyEstimate_cont .tbl_contbox .tbl tbody tr th {height: unset; padding: 0.75rem 0.5rem;} .easyEstimate_cont .tbl_contbox .tbl tbody tr td {height: unset;} .easyEstimate_cont .tbl_contbox .tbl tbody tr th .blue {color: var(--brand-primary);} .easyEstimate_cont .tbl_contbox .tbl tbody tr.total_tr th{ background: var(--primary-primary200);} .easyEstimate_cont .tbl_contbox .tbl tbody tr.total2_tr th{ background: var(--primary-primary300);} .easyEstimate_cont .tbl_contbox .tbl tbody tr td .input_box .input_text {height: 2rem;} /* 견적/버스관리 > 견적서리스트 > 간편견적서 - 간편 견적서 등록 모달 */ #addEasyEstimate_modal .modal_box {width: 50rem;} #addEasyEstimate_modal .easyEstimate_cont { width: 100%; padding: 0;} /* 견적/버스관리 > 버스정산관리 > 버스예약리스트 */ .tbl_top .typebox .item[data-type="미등록"] .color { background: var(--badge-ye-color);} .tbl_top .typebox .item[data-type="미정산"] .color { background:var(--badge-re-color);} .tbl_top .typebox .item[data-type="정산완료"] .color { background: var(--badge-bl-color);} .tbl.busReservation_list {min-width: 1600px;} .tbl.busReservation_list tbody tr td.td_state.state_unregistered { background: var(--badge-ye-bg); color: var(--badge-ye-color);} .tbl.busReservation_list tbody tr td.td_state.state_unsettled {background: var(--badge-re-bg); color: var(--badge-re-color);} .tbl.busReservation_list tbody tr td.td_state.state_settled{ background: var(--badge-bl-bg); color: var(--badge-bl-color);} .tbl.busReservation_list tbody tr.detail_tr {display: none;} .tbl.busReservation_list tbody tr.detail_tr td { background: var(--basic-pale);} .tbl.busReservation_list tbody tr.detail_tr.show {display: table-row;} .tbl.busReservation_list tbody tr .edit_open {cursor: pointer;} /* 견적/버스관리 > 버스정산관리 > 버스예약리스트 - 버스예약등록 모달 */ .busReservation_modal .modal_box {width: 62.5rem;} .busReservation_modal .tbl tbody tr td .calender_btn {max-width: 10rem;} .busReservation_modal .tbl tbody tr td .time_input { max-width: 8rem; text-align: center;} .busReservation_modal .tbl tbody tr td .tbl_inline.column_ver {gap: 0.5rem;} /* 견적/버스관리 > 버스정산관리 > 버스리스트&가격표 - 버스회사등록 모달 */ .busPrice_modal .modal_box {width: 62.5rem;} .busPrice_modal .tbl tbody tr td .tbl_inline {gap: 1rem;} /* 정산/수익 > 세무회계정산 > 월별매출정산서 - 작성요령 모달 */ #calculationGuide_modal .modal_box {width: 37.5rem;} #calculationGuide_modal .guide_box {display: flex; flex-direction: column; gap: 1rem;} #calculationGuide_modal .guide_box .title { font: var(--16_body_normal_sb); color: var(--basic-black);} #calculationGuide_modal .guide_box .descbox {display: flex; flex-direction: column; gap: 0.25rem;} #calculationGuide_modal .guide_box .descbox .desc{font:var(--14_label_normal_r); color: var(--basic-darkgray);} #calculationGuide_modal .guide_box .descbox .desc .bold{font-weight: 600;} #calculationGuide_modal .guide_box .descbox .desc .point{color: var(--brand-primary);} /* 정산/수익 > 세무회계정산 */ .tbl.calculation_list {min-width: 109.375rem;} .tbl.calculation_list.min_auto {min-width: 93.75rem;} .tbl.calculation_list .input_box .input_text.size_md {padding: 0 0.5rem;} .tbl.calculation_list tbody tr td .tbl_btnbox .icon_button {padding: 0; aspect-ratio: 1/1;} /* 정산/수익 > 세무회계정산 > 월별 사업소득원천징수 - 소득구분코드 모달 */ #incomeCode_modal .modal_box {width: 75rem;} #incomeCode_modal .income_box { display: flex; flex-wrap: wrap; border-top: 1px solid var(--basic-border2);} #incomeCode_modal .income_box .item { width: 25%; display: flex; gap: 0.5rem; border-bottom: 1px solid var(--basic-border2); border-right: 1px solid var(--basic-border2); border-left: 1px solid var(--basic-border2); font: var(--14_label_normal_r); color: var(--basic-darkgray);} #incomeCode_modal .income_box .item .code { width: 5rem; text-align: center; background: var(--primary-primary200); padding: 0.5rem; color: var(--brand-hover); font-weight: 600;} #incomeCode_modal .income_box .item .desc { flex: 1; padding: 0.5rem;} /* 상품관리 > 판매중 상품리스트 */ .tbl.goodAll_list {min-width: 100rem;} /* 상품관리 > 상품 목록 */ .tbl.good_list tbody tr td .tbl_img { width: 100%; max-width: 9.375rem;} .tbl.good_list tbody tr td .tbl_goodName {padding:0.5rem 0;} .tbl.good_list tbody tr td .tbl_goodName .icon_box{gap: 0.5rem;} .tbl.good_list tbody tr td .tbl_goodName .tbl_link { font: var(--16_body_normal_sb); color: var(--basic-darkgray);} .tbl.good_list tbody tr td .tbl_goodName .tbl_link:hover {color: var(--brand-primary);} .tbl.good_list tbody tr td .tbl_goodName .goodcheck_box {width: 100%; gap: 0.375rem 0.5rem; padding: 0.5rem 0.75rem; background: var(--basic-pale); margin: 0.25rem 0; border-radius: 0.375rem;} .tbl.good_list tbody tr td .tbl_goodName .goodcheck_box .check_box .input_check { width: 0.875rem; height: 0.875rem;} .tbl.good_list tbody tr td .tbl_goodName .goodcheck_box .check_box .input_check::before { width: 0.5rem;} .tbl.good_list tbody tr td .tbl_goodName .goodcheck_box .check_box .label_check { font: var(--12_caption_m); line-height: 1; gap: 0.125rem;} .tbl.good_list tbody tr td .tbl_goodName .goodcheck_box .check_box .label_check .badge { color: var(--basic-white); height: 1rem; font-size: 0.5rem;} .tbl.good_list tbody tr td .tbl_goodName .tbl_inline.bottom {gap: 0.75rem;} .tbl.good_list tbody tr td .tbl_goodName .tbl_inline.bottom .bar{ color: var(--basic-lightgray);} .tbl.good_list tbody tr td .tbl_goodName .tbl_inline.bottom .item {display: flex; align-items: center; gap: 0.375rem;} .tbl.good_list tbody tr td .tbl_goodName .tbl_inline.bottom .item > .icon { font-size: 0.875rem; color: var(--basic-middlegray);} .tbl.good_list tbody tr td .tbl_goodName .tbl_inline.bottom .location_box { display: flex; align-items: center; gap: 0.125rem; font: var(--12_caption_m); line-height: 1; color: var(--basic-darkgray);} .tbl.good_list tbody tr td .tbl_goodName .tbl_inline.bottom .location_box .icon { font-size: 0.8em;} .tbl.good_list tbody tr td .tbl_goodName .tbl_inline.bottom .partner_box { display: flex; align-items: center; flex-wrap: wrap; gap: 0.375rem;} .tbl.good_list tbody tr td .tbl_goodName .tbl_inline.bottom .partner_box .icon{height: 0.75rem;} /* 상품관리 > 상품 목록 > 상품 등록 & 상품 수정 */ .good_wrap .content_write {position: relative;} .good_wrap .content_write .tab_content {display: flex; flex-direction: column; gap: 2.5rem;} .good_wrap .content_write .tab_navbox{justify-content: space-between; background: none;} .good_wrap .content_write .tab_navbox .leftbox{ position: relative; display: flex; flex: 1; } .good_wrap .content_write .tab_navbox .leftbox .tab_nav {flex: unset; } .good_wrap .content_write .tab_navbox .leftbox .tab_nav .link {padding: 1rem 2rem;} .good_wrap .content_write .tab_navbox .rightbox{position: relative; display: flex; gap: 0.5rem;} .good_wrap .content_write .tab_contbox .tab_cont {display: block; animation: none;} .good_write {position: relative; width: 100%;} .good_write .form_box{gap: 2.5rem;} .good_write .content_wrap{ position: relative;} .good_wrap .content_tbl .tbl thead tr th, .good_wrap .content_tbl .tbl tbody tr th, .good_wrap .content_tbl .tbl tbody tr td {padding: 0.75rem;} /* 기본정보 */ .good_write_info .tbl_wrap.row_ver{flex-direction: row; gap: 1.5rem;} .good_write_info .tbl_wrap.row_ver .content_wrap {width: 50%;} .good_write_info .tbl_box .mx660{max-width: 41.25rem;} .good_write_info .tbl_box .mx220{max-width: 13.75rem;} .good_write_info .tbl_box .mx140{max-width: 8.75rem;} .good_write_info .tbl_box .mx40{max-width: 2.5rem;} .good_write_info .tbl_box .input_file_box .file_preview .img{max-width: 300px;} .good_write_info .tbl tbody tr .tbl_inline .select_box.w33 {max-width: 15rem;} .good_write_info .tbl tbody tr .tbl_inline .select_box .select.typeB {max-height: 16.625rem;} /* 갤러리 */ .good_write_gallery .gallery_upload { display: flex; flex-direction: column; gap: 2.5rem;} .good_write_gallery .gallery_upload .upload_box { position: relative; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; padding: 1.25rem 1rem;} .good_write_gallery .gallery_upload .upload_box .upload_btn { width: 100%; padding: 7rem 2rem; font: var(--30_title_r); font-weight: 300; border: 1px dashed var(--basic-border2); border-radius: 0.625rem; color: var(--basic-lightgray);} .good_write_gallery .gallery_wrap { position: relative; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; padding: 1.25rem 1rem;} .good_write_gallery .gallery_wrap .gallery_list { display: flex; flex-wrap: wrap; gap: 1.25rem;} .good_write_gallery .gallery_wrap .gallery_list > .item { width: calc((100% - 1.25rem * 7) / 8); display: flex; flex-direction: column; gap: 0.375rem;} .good_write_gallery .gallery_wrap .gallery_list > .item .input_box .input_text.number{width: 3.125rem; flex: unset; text-align: center;} .good_write_gallery .gallery_wrap .gallery_list > .item .imgbox {width: 100%; cursor: pointer; border-radius: 0.625rem; overflow: hidden;} .good_write_gallery .gallery_wrap .gallery_list > .item .imgbox .img{width: 100%; height: 100%; object-fit: cover;} /* 행사관리 */ .good_write_event { display: flex; align-items: flex-start; gap: 2rem;} .good_write_event .event_side { width: 25rem; display: flex; flex-direction: column; gap: 1.25rem;} .good_write_event .event_side .topbox { display: flex; gap: 0.5rem;} .good_write_event .event_side .topbox .button {flex: 1; white-space: nowrap;} .good_write_event .event_side .listbox { border: 1px solid var(--basic-border); border-radius: 0.375rem; display: flex; flex-direction: column; max-height: 28rem; overflow: auto;} .good_write_event .event_side .listbox .list_btn { width: 100%; background: var(--basic-white); color: var(--basic-darkgray); border-bottom: 1px solid var(--basic-border); height: unset; padding: 0.5rem 1rem; word-break: keep-all; text-align: left; justify-content: flex-start; border-radius: 0;} .good_write_event .event_side .listbox .list_btn:last-child {border-bottom: 0;} .good_write_event .event_side .listbox .list_btn.on { background: var(--brand-hover); color: var(--basic-white);} .good_write_event .event_side .codebox { position: relative; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; padding: 1.25rem 1rem; display: flex; flex-direction: column; gap: 0.625rem; max-height: 28rem; overflow: auto;} .good_write_event .event_side .codebox > .title { font: var(--18_headline_sb); color: var(--basic-darkgray);} .good_write_event .event_side .codebox .codelist { display: flex; flex-direction: column; gap: 0.5rem;} .good_write_event .event_side .codebox .codelist .item { font: var(--14_label_normal_r); color: var(--basic-darkgray); display: flex; align-items: center; justify-content: space-between; gap: 0.25rem;} .good_write_event .event_side .codebox .codelist .item .tit { flex: 1; word-break: keep-all;} .good_write_event .event_side .codebox .codelist .item .code { font-weight: 600; color: var(--brand-hover);} .good_write_event .event_side .notebox { position: relative; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; padding: 1.25rem 1rem;} .good_write_event .event_side .notebox .note{ font: var(--14_label_normal_r); color: var(--state-error); word-break: keep-all;} .good_write_event .event_calender {width: calc(100% - 2rem - 25rem); overflow: hidden;} .good_write_event .event_calender .calender_top .title { font: var(--18_headline_r);} .good_write_event .event_calender .calender_top .title .bold{font-weight: 600;} .good_write_event .event_calender .calender_top { margin-bottom: 1rem;} .good_write_event .event_calender .calender .cal_head { padding: 1.125rem 0; border-top: 1px solid var(--basic-border);} .good_write_event .event_calender .calender .week_day .day {display: flex; align-items: center; gap: 0.5rem;} .good_write_event .event_calender .calender .week_date .date {min-height: 8.5rem;} .good_write_event .event_calender .calender .week_date .date .events.price_event {cursor: pointer;} /* SEO관리 */ .good_write_seo .search_list {display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem;} .good_write_seo .search_list .item{display: flex; align-items: center; gap: 0.5rem; font-weight: 500;} .good_write_seo .search_list .item .icon { width: 1.125rem;} /* 후기관리 */ .good_write_review .tbl .select_box {min-width: 10rem;} .good_write_review .bo_view { position: relative; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; padding: 2.5rem 2rem; margin-top: 5rem;} .good_write_review .bo_view .bo_comment { margin-top: 0;} /* 상품관리 > 상품 목록 > 상품 등록 & 상품 수정 - 쿠팡 상품코드 모달 */ #coupangSearchProduct_modal .modal_box { width: 62.5rem;} #coupangSearchProduct_modal .modal_searchbox .input_flex .input_text { max-width: 20rem;} /* 상품관리 > 상품 목록 > 상품 수정 - 이미지 크게보기 모달 */ #galleryImg_modal .modal_box { width: 62.5rem;} #galleryImg_modal .img_area {width: 100%; display: flex; align-items: center; justify-content: center;} #galleryImg_modal .img_area .img { object-fit: contain;} /* 상품관리 > 상품 목록 > 상품 수정 - 행사명 및 API 연동관리 모달 */ .viewGoodDateType_modal .modal_box { width: 62.5rem;} .viewGoodDateType_modal .form_box {gap: 2.5rem;} .viewGoodDateType_modal .tbl .mx120 {max-width: 7.5rem;} .viewGoodDateType_modal .tbl .mx50 {max-width: 3.125rem;} .viewGoodDateType_modal .tbl .tbl_btnbox button { display: flex; align-items: center; justify-content: center;} .viewGoodDateType_modal .tbl .tbl_btnbox button [class^="ph"] { font-size: 1.25rem; color: var(--brand-hover);} /* 상품관리 > 상품 목록 > 상품 수정 -행사 수정 모달 */ .goodDateTypeEdit_modal .modal_box { width: 56.25rem;} .goodDateTypeEdit_modal .tbl .mn120{min-width: 7.5rem;} .goodDateTypeEdit_modal .tbl .mx100{max-width: 6.25rem;} .goodDateTypeEdit_modal .tbl .mx120{max-width: 7.5rem;} /* 상품관리 > 상품 목록 > 상품 수정 - 옵션코드검색 모달 */ #coupangSearchProductOption_modal .modal_box { width: 50rem;} /* 상품관리 > 상품 목록 > 상품 수정 - 그룹코드검색 모달 */ #searchGroupcode_modal .modal_box { width: 50rem;} /* 상품관리 > 상품 목록 > 상품 수정 - Esim 옵션ID 모달 */ #esimSearchProductOption_modal .modal_box { width: 37.5rem;} /* 상품관리 > 상품 목록 > 상품 수정 - 상태 변경 모달 */ #goodDateViewState_modal .modal_box { width: 30rem;} /* 상품관리 > 상품 목록 > 상품 수정 - 행사 일정등록 모달 */ .goodDate_modal .modal_box { width: 93.75rem;} .goodDate_modal .tbl .tbl_box {box-shadow: none; border-radius: 0.375rem;} .goodDate_modal .tbl .calender_btn { max-width: 10rem;} .goodDate_modal .tbl .equal_btn {font-size: 2rem; display: inline-flex; vertical-align: middle; color: var(--brand-hover); width: 2.25rem;} .goodDate_modal .tbl .mn160 {min-width: 10rem;} .goodDate_modal .tbl tbody tr th .tbl_inline .checkspace {width: 1.25rem; display: none;} .goodDate_modal .tbl .tbl_wrap.row_ver { width: 100%; align-items: flex-start; flex-direction: row; gap: 1.25rem;} .goodDate_modal .tbl .tbl_wrap.row_ver .tbl_box_list{width: 13.75rem; max-height: 62.5rem; overflow:auto;} .goodDate_modal .tbl .tbl_wrap.row_ver .tbl_box_cont{ max-width: calc(100% - 13.75rem - 1.25rem); flex: 1; max-height: 62.5rem; overflow:auto;} .goodDate_modal .tbl .tbl_wrap.row_ver .tbl_box_list.w30{width: 30%;} .goodDate_modal .tbl .tbl_wrap.row_ver .tbl_box_list.w40{width: 40%;} .goodDate_modal .tbl .tbl_wrap.row_ver .tbl_box_list.w50{width: 50%;} .goodDate_modal .tbl .tbl_wrap.row_ver .tbl_box_list.w60{width: 60%;} .goodDate_modal .tbl tbody tr th.bg_re { background: var(--badge-re-bg);} .goodDate_modal .tbl tbody tr th.bg_ye {background: var(--badge-ye-bg);} .goodDate_modal .tbl tbody tr td .tbl_btnbox button { display: flex; align-items: center; justify-content: center;} .goodDate_modal .tbl tbody tr td .tbl_btnbox button [class^="ph"] { font-size: 1.25rem; color: var(--brand-hover);} /* 상품관리 > 상품 목록 > 지도위치 모달 */ #goodMap_modal .modal_box { width: 56.25rem;} #goodMap_modal .tbl .mapbox {width: 100%; height: 25rem;} #goodMap_modal .tbl .mapbox iframe, #goodMap_modal .tbl .mapbox .map_canvas{width: 100% !important; height: 100% !important;} /* 상품관리 > 상품 목록 > 해시태그 등록 & 상품 노출 순서 변경 */ .goodAdd_write {display: flex; flex-direction: column; gap: 2.5rem;} .goodAdd_write .good_addbox { position: relative; background: var(--basic-white); border-radius: 1.25rem; box-shadow: var(--box-shadow); border: 1px solid var(--basic-border); padding: 2.5rem 2rem; overflow: hidden; display: flex; gap: 2.5rem;} .goodAdd_write .good_addbox > .item { width: calc((100% - 2.5rem) / 2);} .goodAdd_write .good_addbox > .bar {width: 1px; background: var(--basic-border);} .goodAdd_write .good_addbox .form {position: relative; width: 100%;} .goodAdd_write .good_addbox .form_tit {margin-bottom: 1rem;} .goodAdd_write .good_addbox .form_box { padding: 2rem; background: var(--basic-bg); border-radius: 0.875rem; margin-bottom: 1.25rem;} .goodAdd_write .good_addbox .form_box .top_check_wrap {justify-content: flex-end;} .goodAdd_write .good_addbox .form_box .input_box .label_text{width: 6rem; font-weight: 600;} .goodAdd_write .good_addbox .form_box.ver2 .input_box .label_text{min-width: 8rem;} .goodAdd_write .good_addbox .form_box .select_box {min-width: 6rem;} .goodAdd_write .good_addbox .form_box .count_input {width: 3rem;} .goodAdd_write .good_addbox .form_btnbox{display: flex; justify-content: center; gap: 0.5rem;} .goodAdd_write .good_addbox .form_btnbox .button {padding: 0 1.5rem;} .goodAdd_write .good_listbox { position: relative; border-top: 1px solid var(--basic-border); padding-top: 2.5rem; display: flex; flex-direction: column; gap: 2.5rem;} .goodAdd_write .good_listbox .listbox { position: relative; border-bottom: 1px solid var(--basic-border); padding-bottom: 2.5rem;} .goodAdd_write .good_listbox .listbox > .title{ font: var(--20_heading_sb); color: var(--basic-darkgray);} .goodAdd_write .good_listbox .listbox > .desc {font:var(--15_body_normal_r); color: var(--brand-hover); margin-top: 0.5rem;} .goodAdd_write .good_listbox .listbox > .desc .icon { width: 1.25rem; aspect-ratio: 1 / 1; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; border: 1px solid var(--basic-lightgray); background: var(--basic-white); border-radius: 50%; padding: 0.25rem; margin-bottom: 0.125rem;} .goodAdd_write .good_listbox .listbox .list { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 1.5rem; margin-top: 1rem;} .goodAdd_write .good_listbox .listbox .list > .item {width: calc((100% - 1.5rem * 4) / 5); border-radius: 1rem; overflow: hidden; box-shadow: var(--box-shadow); border: 1px solid var(--basic-border); background: var(--basic-white); padding: 1.25rem; display: flex; flex-direction: column; gap: 0.5rem; font: var(--14_label_normal_r); color: var(--basic-darkgray); transition: var(--transition);} .goodAdd_write .good_listbox .listbox .list.ver2 > .item {width: calc((100% - 1.5rem * 3) / 4);} .goodAdd_write .good_listbox .listbox .list.ver3 > .item {width: calc((100% - 1.5rem * 2) / 3);} .goodAdd_write .good_listbox .listbox .list.ver4 > .item {width: calc((100% - 1.5rem * 1) /2);} .goodAdd_write .good_listbox .listbox .list > .item:hover {background: var(--basic-bg2); border-color: var(--brand-hover);} .goodAdd_write .good_listbox .listbox .list > .item .topbox {position: relative; margin-bottom: 0.5rem;} .goodAdd_write .good_listbox .listbox .list > .item .topbox > .left{display: flex; flex-direction: column; gap: 0.125rem;} .goodAdd_write .good_listbox .listbox .list > .item .topbox > .left .tit { font: var(--18_headline_sb); color: var(--brand-hover);} .goodAdd_write .good_listbox .listbox .list > .item .topbox > .left .desc { font-weight: 500; color: var(--basic-black);} .goodAdd_write .good_listbox .listbox .list > .item .topbox > .right { position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: 0.25rem;} .goodAdd_write .good_listbox .listbox .list > .item .topbox > .right .icon{width: 1.5rem; aspect-ratio: 1 / 1; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; border: 1px solid var(--basic-lightgray); background: var(--basic-white); border-radius: 50%; padding: 0.25rem; margin-bottom: 0.125rem;} .goodAdd_write .good_listbox .listbox .list > .item .descbox { display: flex; align-items: center; gap: 0.5rem;} .goodAdd_write .good_listbox .listbox .list > .item .descbox .tit { font-weight: 600; width: 6.25rem;} .goodAdd_write .good_listbox .listbox .list > .item .descbox .desc {flex: 1;} .goodAdd_write .good_listbox .listbox .list > .item .bottombox{display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--basic-border); padding-top: 0.75rem; margin-top: 0.5rem;} .goodAdd_write .good_listbox .listbox .list > .item .btnbox{display: flex; align-items: center; gap: 0.5rem;} /* 상품관리 > 상품 노출 순서 변경 - 카테고리관리 모달 */ #categoryManage_modal .modal_box {width: 75rem;} #categoryManage_modal .goodAdd_write {width: 100%; gap: 2rem;} #categoryManage_modal .goodAdd_write .good_addbox { border: none; padding: 0; border-radius: 0; background: none; box-shadow: none; gap: 1.5rem;} #categoryManage_modal .goodAdd_write .good_listbox .listbox .list > .item .descbox .tit {width: 8rem;} /* 티켓 관리 > 티켓그룹 > 티켓그룹 */ .tbl.ticket_list {min-width: 100rem;} .tbl.ticket_list.min_auto {min-width: 93.75rem;} .tbl.ticket_list tbody tr td.td_state.state_unused { background: var(--badge-ye-bg);color: var(--badge-ye-color);} .tbl.ticket_list tbody tr td.td_state.state_sent { background: var(--badge-gr-bg);color: var(--badge-gr-color);} .tbl.ticket_list tbody tr td.td_state.state_used { background: var(--badge-bl-bg);color: var(--badge-bl-color);} .tbl.ticket_list tbody tr td.td_state.state_cancelled { background: var(--badge-re-bg);color: var(--badge-re-color);} /* 티켓 관리 > 티켓그룹 > 티켓그룹 - 티켓등록&수정 모달 */ .ticketWrite_modal .modal_box {width: 56.25rem;} .ticketWrite_modal .tbl .full {flex: 1;} .ticketWrite_modal .tbl .mx240 {max-width: 15rem;} .ticketWrite_modal .tbl .mx180 {max-width: 11.25rem;} /* 티켓 관리 > 티켓그룹 > 티켓그룹 - 수정이력 모달 */ #ticketHistory_modal .modal_box {width: 50rem;} /* 티켓 관리 > K-POP 티켓관리 > 티켓관리 - K-POP 수정이력 모달 */ #concertTicketHistory_modal .modal_box {width: 50rem;} /* 티켓 관리 > 대량검색관리 > 바코드검색 */ .tbl.ticketChecker_list .tbl tbody tr td .input_box { height: 100%; align-items: center;} .tbl.ticketChecker_list .tbl tbody tr td .input_box .input_status { text-align: center;} .tbl.ticketChecker_list .tbl tbody tr td .apply_btn { width: 2.5rem; font-size: 1.5rem;} /* 호텔 관리 > 상품 목록 */ .tbl.hotel_list tbody tr td .tbl_inline .partner{display: flex; align-items: center; gap: 0.25rem;} .tbl.hotel_list tbody tr td .tbl_inline .partner .icon { max-height: 1.125rem; max-width: 3.125rem; object-fit: contain;} /* 상세정보 */ .good_write_detail .tbl .radio_wrap.item10 .check_box { min-width: calc((100% - 1.25rem * 7) / 8);} .good_write_detail .tbl_box .mx300{max-width: 18.75rem;} /* 관광정보 */ .good_write_info {gap: 2.5rem;} /* 호텔 관리 > 상품 목록 > 상품 수정 - 상태 변경 모달 */ #hotelDateViewState_modal .modal_box { width: 30rem;} /* 실시간차량 > 상품등록 */ .tbl.vehicles_list tbody tr.tr_moreInfo {display: none;} .tbl.vehicles_list tbody tr.tr_moreInfo .tbl_box {box-shadow: none;} .tbl.vehicles_list tbody tr.tr_moreInfo.show {display: table-row} /* 실시간차량 > 차량관리 > 차량등록 모달 */ .car_modal .modal_box { width: 62.5rem;} .car_modal .tbl .mx240 {max-width: 15rem;} .car_modal .form_box {gap: 2.5rem;} .car_modal .car_line {width: 100%; height: 1px; background: var(--basic-border);} .car_modal .car_formbox {display: flex; flex-direction: column; gap: 1.5rem;} .car_modal .car_formbox .car_imgbox { display: flex; align-items: flex-start; gap: 2rem;} .car_modal .car_formbox .car_imgbox .file_preview {width: 10rem; display: flex; align-items: center; justify-content: center;} .car_modal .car_formbox .input_file_box { flex: 1;} /* 실시간차량 > 기사님관리 > 기사등록 모달 */ .caution_modal .modal_box { width: 50rem;} /* 실시간차량 > Q&A관리 > Q&A등록 모달 */ .qna_modal .modal_box { width: 50rem;} /* 회원/거래처 > 고객관리 > 고객리스트 */ .tbl.member_list.mn_1600 {min-width: 1600px;} .tbl.member_list .mx240 {max-width: 15rem;} /* 회원/거래처 > 고객관리 > 알림톡&LMS > 메시지 보기 모달 */ #viewMsg_modal .modal_box { width: 50rem;} /* 회원/거래처 > 거래처관리 > 거래처리스 > 거래처 등록 모달 */ .memberWrite_modal .modal_box { width: 75rem;} .memberWrite_modal .mn100 {min-width: 6.25rem; text-align: left;} .memberWrite_modal .mx240 {max-width: 15rem;} .memberWrite_modal .mb_zipno {max-width: 10rem;} /* 회원/거래처 > 거래처관리 > 거래처리스 > 거래처 공지 모달 */ #b2bNoticeMemo_modal .modal_box { width: 50rem;} /* 게시판관리 > 게시판 공통 > 상세보기 모달 */ .boardPreview_modal .modal_box { width: 50rem;} .boardPreview_modal .tbl tbody tr td .cmtlist {display: flex; flex-direction: column; gap: 0.5rem; padding: 0.5rem 0;} .boardPreview_modal .tbl tbody tr td .cmtitem {position: relative; padding-bottom: 0.5rem; border-bottom: 1px solid var(--basic-border);} .boardPreview_modal .tbl tbody tr td .cmtitem:last-child { padding-bottom: 0; border-bottom: 0;} .boardPreview_modal .tbl tbody tr td .cmtitem .top {display: flex; align-items: center; justify-content: space-between; gap: 0.675rem; } .boardPreview_modal .tbl tbody tr td .cmtitem .top .info {display: flex; align-items: center; gap: 0.5rem; color: var(--brand-hover);} .boardPreview_modal .tbl tbody tr td .cmtitem .top .info .bar { width: 1px; height: 0.675rem; background: var(--basic-lightgray);} .boardPreview_modal .tbl tbody tr td .cmtitem .top .sidebtns { display: flex; align-items: center; gap: 0.5rem;} .boardPreview_modal .tbl tbody tr td .cmtitem .bottom {text-align: left; color: var(--basic-darkgray);} /* 게시판관리 > 단체예약 - 요청세부내용 모달 */ .preview_modal .modal_box { width: 50rem;} .preview_modal .mx50 {max-width: 3.125rem;} /* 디자인/팝업 > 검색기능관리 > 검색기능 관리 */ .design_wrap .schmage_wrap { display: flex; gap: 1.25rem;} .design_wrap .schmage_box { position: relative; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; padding: 1.25rem 1.25rem 1.5rem; display: flex; flex-direction: column; gap: 1.25rem;} .design_wrap .schmage_box#topRankingSearchKeywordArea { width: 40%;} .design_wrap .schmage_box#hashTagRegArea { width: 60%;} .design_wrap .schmage_box .topbox .tit {font: var(--20_heading_sb); color: var(--basic-black);} .design_wrap .schmage_box .contbox { display: flex; flex-direction: column; align-items: center; gap: 1.5rem;} .design_wrap .schmage_box .contbox .sch_list { width: 100%; display: flex; flex-wrap: wrap; gap: 1.25rem;} .design_wrap .schmage_box .contbox .sch_list#sortable2 { gap: 2.5rem 1.25rem;} .design_wrap .schmage_box .contbox .sch_list .item { background: var(--basic-bg2); padding: 1.25rem; width: calc((100% - 1.25rem * 1) / 2); border-radius: 0.5rem; overflow: hidden; display: flex; align-items: flex-start; gap: 0.875rem;} .design_wrap .schmage_box .contbox .sch_list .item .sch_num { font: var(--14_label_normal_sb); width: 1.5rem; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--brand-hover); color: var(--basic-white); margin-top: 0.4em;} .design_wrap .schmage_box .contbox .sch_list .item .sch_cont { flex: 1; display: flex; flex-direction: column; gap: 0.5rem;} .design_wrap .schmage_box .contbox .sch_list .item .sch_cont .sch_cont_item { display: flex; align-items: center; gap: 0.5rem;} .design_wrap .schmage_box .contbox .sch_list .item .sch_cont .sch_cont_item .tit { min-width: 2.25rem; font: var(--14_label_normal_m);} .design_wrap .schmage_ox .contbox .sch_list .item .sch_cont .sch_cont_item .input_box { flex: 1;} /* 디자인/팝업 > 메인유튜브영상 - 유튜브영상등록 모달 */ .youtubeReg_modal .modal_box { width: 50rem;} /* 디자인/팝업 > 푸터아이콘관리 */ .footerReg_modal .modal_box { width: 50rem;} /* 디자인/팝업 > 푸터아이콘관리 - 푸터아이콘 등록 모달 */ .footerReg_modal .modal_box { width: 50rem;} /* 디자인/팝업 > 랜딩페이지관리 > 기획전수정 - 이벤트 상품 등록 모달 */ .eventGood_modal .modal_box { width: 50rem;} .eventGood_modal .mx240 { max-width: 15rem;} /* 디자인/팝업 > 팝업창관리 > 팝업창등록 */ .tbl.design_list .PCenter_2_show{display: none;} .tbl.design_list .PCenter_2_show.show{display: flex;} .tbl.design_list .PScroll_2_show{display: none;} .tbl.design_list .PScroll_2_show.show{display: flex;} .tbl.design_list .PType_1_show{display: none;} .tbl.design_list .PType_1_show.show{display: table-row;} .tbl.design_list .PType_1_show .info > li{position: relative; padding-left: 1em;} .tbl.design_list .PType_1_show .info > li::before {content: ""; width: 0.3em; height: 0.3em; border-radius: 50%; background:var(--basic-middlegray); position: absolute; left: 0; top: 0.5em;} .tbl.design_list .PType_2_show{display: none;} .tbl.design_list .PType_2_show.show{display: table-row;} .tbl.design_list #workSpace{ min-height: 20rem;} /* 디자인/팝업 > 팝업창관리 > 팝업창등록 - 팝업 이미지 관리 모달 */ #popupGallery_modal .modal_box { width: 75rem;} #popupGallery_modal .gallery_wrap { position: relative; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; padding: 1.25rem 1rem;} #popupGallery_modal .gallery_wrap .gallery_list { display: flex; flex-wrap: wrap; gap: 1.25rem;} #popupGallery_modal .gallery_wrap .gallery_list > .item { width: calc((100% - 1.25rem * 4) / 5); display: flex; flex-direction: column; gap: 0.375rem;} #popupGallery_modal .gallery_wrap .gallery_list > .item .input_box .input_text.number{width: 3.125rem; flex: unset; text-align: center;} #popupGallery_modal .gallery_wrap .gallery_list > .item .imgbox {width: 100%; cursor: pointer; border-radius: 0.625rem; overflow: hidden;} #popupGallery_modal .gallery_wrap .gallery_list > .item .imgbox .img{width: 100%; height: 100%; object-fit: cover;} /* 디자인/팝업 > 팝업창관리 > 직원생일 팝업 */ .design_wrap .popup_upload_wrap { position: relative; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; padding: 2rem 1.25rem;} .design_wrap .popup_upload_wrap .input_file_box { flex-direction: row; gap: 1.25rem;} .design_wrap .popup_upload_wrap .input_file_box .leftbox { width: 50%; display: flex; flex-direction: column; gap: 0.5rem; } .design_wrap .popup_upload_wrap .input_file_box .rightbox{ width: 50%; display: flex; flex-direction: column; gap: 0.5rem;} .design_wrap .popup_upload_wrap .input_file_box .label_text.size_title {margin-bottom: 1rem;} .design_wrap .popup_upload_wrap .input_file_box .no_img { width: 100%; height: 20rem; display: flex; align-items: center; justify-content: center; border: 1px dashed var(--basic-lightgray); border-radius: 0.625rem; font: var(--16_body_normal_r); color: var(--basic-lightgray);} /* 디자인/팝업 > 메인배너관리 > 배너목록 - 배너등록 모달 */ .homepageBanner_modal .modal_box { width: 50rem;} /* 기초설정 > 일반설정 > 회사정보 */ .setting_wrap .content_write .bo_write .form_box { padding: 2rem 0 3rem;} .setting_wrap .content_write .board .bo_btnbox {margin-top: 2.5rem;} .setting_wrap .tbl .tbl_btnbox .plus_btn, .setting_wrap .tbl .tbl_btnbox .minus_btn {width: 1.5rem; font-size: 0.75rem;} .setting_wrap .tbl .tbl_btnbox .minus_btn { background: var(--state-error);} .setting_wrap .tbl .mn50 {min-width: 4rem; text-align: left;} /* 기초설정 > 일반설정 > 회사정보 */ .setting_wrap .content_list_wrap .content_list_box .order_input {padding: 0 0.25rem;} /* 기초설정 > 상용구설정 > 알림톡 관리 */ .tbl.setting_list tbody tr td.td_state.state_received { background: var(--badge-gr-bg);color: var(--badge-gr-color);} .tbl.setting_list tbody tr td.td_state.state_confirmed { background: var(--badge-nv-bg);color: var(--badge-nv-color);} .tbl.setting_list tbody tr td.td_state.state_confirmed2 { background: var(--badge-pp-bg); color: var(--badge-pp-color);} .tbl.setting_list tbody tr td.td_state.state_cancel {background: var(--badge-re-bg); color: var(--badge-re-color);} .tbl.setting_list tbody tr td.td_state.state_deposited {background: var(--badge-or-bg); color: var(--badge-or-color);} .tbl.setting_list tbody tr td.td_state.state_event {background: var(--badge-ye-bg); color: var(--badge-ye-color);} /* 기초설정 > 시스템설정 > 서버용량관리 */ .serverLog_write {display: flex; flex-direction: column; gap: 2.5rem;} .serverLog_write .server_removebox { position: relative; background: var(--basic-white); border-radius: 1.25rem; box-shadow: var(--box-shadow); border: 1px solid var(--basic-border); padding: 2.5rem 2rem; overflow: hidden; display: flex; flex-direction: column; gap: 2.5rem;} .serverLog_write .server_removebox > .item {display: flex;flex-direction: column; gap:0.875rem;} .serverLog_write .server_removebox > .bar {width: 100%; height: 1px; background: var(--basic-border);} .serverLog_write .server_removebox .form_descbox { display: flex; flex-direction: column; gap: 0.375rem; font: var(--14_label_normal_r); color: var(--basic-darkgray); margin-bottom: 0.75rem;} .serverLog_write .server_removebox .form_descbox .desc.point{ color: var(--brand-primary);} .serverLog_write .server_removebox .form_item .form_titbox { font:var(--14_label_normal_r); color: var(--basic-darkgray); margin-bottom: 1rem;} .serverLog_write .server_removebox .form_item .form_titbox .tit {font:var(--16_body_normal_sb); color: var(--brand-hover);} .serverLog_write .server_removebox .form_item .form_titbox .desc {color: var(--basic-middlegray);} .serverLog_write .server_listbox { position: relative; display: flex; flex-direction: column; gap: 2rem;} .serverLog_write .server_listbox .listbox { position: relative; display: flex; flex-direction: column; gap: 0.875rem; border: 1px solid var(--basic-border); padding: 1rem 1.25rem 2rem; background: var(--basic-bg); border-radius: 0.875rem;} .serverLog_write .server_listbox .listbox > .desc { font: var(--14_label_read_m); color: var(--basic-middlegray); margin-top: 0.5rem; display: flex; align-items: center; justify-content: flex-end; gap: 0.75rem;} .serverLog_write .server_listbox .listbox > .desc .bar {color: var(--basic-lightgray);} .serverLog_write .server_listbox .listbox .list { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 1.25rem;;} .serverLog_write .server_listbox .listbox .list > .item {width: calc((100% - 1.25rem * 2) / 3); border-radius: 1rem; overflow: hidden; box-shadow: var(--box-shadow); border: 1px solid var(--basic-border); background: var(--basic-white); padding: 1rem; display: flex; flex-direction: column; gap: 0.5rem; font: var(--14_label_normal_r); color: var(--basic-darkgray); transition: var(--transition);} .serverLog_write .server_listbox .listbox .list > .item:hover {background: var(--basic-bg2); border-color: var(--brand-hover);} .serverLog_write .server_listbox .listbox .list > .item .descbox { display: flex; align-items: center; gap: 0.5rem;} .serverLog_write .server_listbox .listbox .list > .item .descbox .tit { font-weight: 600; width: 5rem;} .serverLog_write .server_listbox .listbox .list > .item .descbox .desc {flex: 1;} .serverLog_write .server_listbox .listbox .list > .item .bottombox{display: flex; align-items: center; justify-content: flex-end; border-top: 1px solid var(--basic-border); padding-top: 0.75rem; margin-top: 0.5rem;} .serverLog_write .server_listbox .listbox .list > .item .btnbox{display: flex; align-items: center; gap: 0.5rem;} /* 다크모드 */ /* 로그인 */ body.darkmode .login_wrap .login_section::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); mix-blend-mode: multiply;} body.darkmode .login_wrap .login_section .rightbox { background: linear-gradient(to top, #031d41, #042a5d);} /* 대시보드 */ body.darkmode .dashboard_wrap .ds_sec .card .card_body .graphic [class^="ph"].icon { background: var(--primary-primary700);} body.darkmode .dashboard_wrap .ds_sec .card .card_head .view_btn {color: var(--basic-black);} /* TKTRAVEL Income & Tourboss Income */ body.darkmode .income_wrap .income_list .card .card_header {color: var(--basic-black);} /* 회사소개 및 업무 메뉴얼 */ body.darkmode .manual_wrap .manual .manual_conts .titbox { background: var(--badge-bl-bg);} body.darkmode .manual_wrap .manual .manual_conts .titbox .num {color: var(--basic-black);} /* 예약관리 > 여행상품예약 수정 & 수동예약 모달*/ body.darkmode .reservation_modal .reserveProduct_tbl4 tr:not(.total_tr, .sale_tr) td[data-th="B2C"], body.darkmode .reservation_modal .reserveProduct_tbl4 tr:not(.total_tr, .sale_tr) td[data-th="B2C 소계"] { background: #2a261b;} body.darkmode .reservation_modal .reserveProduct_tbl4 tr.sale_tr td { background: #3a1e1e;} body.darkmode .reservation_modal .tab_navbox {background: var(--basic-pale);} body.darkmode .reservation_modal .tab_navbox::before { background: var(--basic-border);} /* 견적/버스관리 > 견적서리스트 > 간편견적서 */ body.darkmode .easyEstimate_cont .tbl_titbox { background: var(--badge-bl-bg);} body.darkmode .easyEstimate_cont .tbl_titbox .input_box .input_text:read-only {color: var(--basic-black);} /* 정산/수익 > 세무회계정산 > 월별 사업소득원천징수 - 소득구분코드 모달 */ body.darkmode #incomeCode_modal .income_box .item .code { background: var(--primary-primary100); color: var(--primary-primary700);} /* 행사관리 */ body.darkmode .good_write_event .event_side .listbox .list_btn.on {color: var(--basic-black);} /* 디자인/팝업 > 팝업창관리 > 직원생일 팝업 */ body.darkmode .design_wrap .popup_upload_wrap .input_file_box .no_img { background: var(--basic-bg);} /* 워크플로어 > 워크플로어 */ .workfloor_wrap .workfloor_tab_wrap { flex: 1; width: 70%;} .workfloor_wrap .workfloor_tab_wrap .workfloor_tab.tab_navbox { width: 100%; display: block;} .workfloor_wrap .workfloor_tab_wrap .workfloor_tab.tab_navbox .tab_nav { width: auto; font: var(--13_label_r);} .workfloor_wrap .workfloor_tab_wrap .workfloor_tab.tab_navbox .tab_nav .link { padding: 0.438rem;} .workfloor_wrap .tbl_top .mw120 {min-width: 7.5rem;} .workfloor_wrap .tbl_top .typebox .item[data-type="대기중"] .color { background: var(--badge-bk-color);} .workfloor_wrap .tbl_top .typebox .item[data-type="진행중"] .color { background: var(--badge-bl-color);} .workfloor_wrap .tbl_top .typebox .item[data-type="검토중"] .color { background: var(--badge-pp-color);} .workfloor_wrap .tbl_top .typebox .item[data-type="발주"] .color { background: var(--badge-or-color);} .workfloor_wrap .tbl_top .typebox .item[data-type="완료"] .color { background:var(--badge-gr-color);} .workfloor_wrap .tbl_top .typebox .item[data-type="보류"] .color { background: var(--badge-ye-color);} .workfloor_wrap .tbl_top .typebox .item[data-type="취소"] .color { background: var(--badge-re-color);} .workfloor_wrap .workflow_list { width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 1.5rem 1rem;} .workfloor_wrap .workflow_item { width: calc((100% - 1rem * 4) / 5); position: relative; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; padding: 1rem; display: flex; flex-direction: column; gap: 1rem;} .workfloor_wrap .workflow_item .topbox { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--basic-border); padding-bottom: 1rem;} .workfloor_wrap .workflow_item .topbox .leftbox { display: flex; align-items: center; gap: 0.5rem; flex: 1;} .workfloor_wrap .workflow_item .topbox .leftbox .profile { width: 2.5rem; aspect-ratio: 1 / 1; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden;} .workfloor_wrap .workflow_item .topbox .leftbox .profile .thum { width: 100%; height: 100%; object-fit: cover;} .workfloor_wrap .workflow_item .topbox .leftbox .name { font: var(--16_body_normal_sb); color: var(--basic-darkgray);} .workfloor_wrap .workflow_item .topbox .rightbox { display: flex; align-items: center; gap: 0.5rem;} .workfloor_wrap .workflow_item .topbox .rightbox .button { padding: 0 0.5rem; height: 2rem;} .workfloor_wrap .workflow_item .listbox { display: flex; flex-direction: column; gap: 0.75rem; height: 15rem; overflow: auto;} .workfloor_wrap .workflow_item .listitem { position: relative; display: flex; align-items: center; gap: 0.5rem;} .workfloor_wrap .workflow_item .listitem .work_box { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.375rem 0.75rem; border-radius: 0.375rem; font: var(--14_label_normal_m); cursor: pointer; overflow: hidden;} .workfloor_wrap .workflow_item .listitem .work_box[data-state="대기중"] {background: var(--badge-bk-bg); color: var(--badge-bk-color);} .workfloor_wrap .workflow_item .listitem .work_box[data-state="진행중"] {background: var(--badge-bl-bg); color: var(--badge-bl-color);} .workfloor_wrap .workflow_item .listitem .work_box[data-state="검토중"] { background: var(--badge-pp-bg); color: var(--badge-pp-color);} .workfloor_wrap .workflow_item .listitem .work_box[data-state="발주"] { background: var(--badge-or-bg); color: var(--badge-or-color);} .workfloor_wrap .workflow_item .listitem .work_box[data-state="완료"] { background: var(--badge-gr-bg); color: var(--badge-gr-color);} .workfloor_wrap .workflow_item .listitem .work_box[data-state="보류"] { background: var(--badge-ye-bg); color: var(--badge-ye-color);} .workfloor_wrap .workflow_item .listitem .work_box[data-state="취소"] { background: var(--badge-re-bg); color: var(--badge-re-color);} .workfloor_wrap .workflow_item .listitem .work_box .tit { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .workfloor_wrap .workflow_item .listitem .tooltip { position: absolute; right: 0; top: calc(100% + 0.5rem); width: calc(100% - 1.75rem); background: var(--basic-white); padding: 0.5rem; border: 1px solid var(--basic-border); font: var(--12_caption_r); color: var(--basic-darkgray); border-radius: 0.375rem; box-shadow: var(--box-shadow); transition: var(--transition); word-break: keep-all; z-index: 10; opacity: 0; pointer-events: none;} .workfloor_wrap .workflow_item .listitem:last-child .tooltip {top: auto; bottom: calc(100% + 0.5rem);} .workfloor_wrap .workflow_item .listitem.hover .tooltip {opacity: 1;} /* 워크플로어 > 워크플로어 > 업무 등록 모달 */ .workfloor_modal_modal .modal_box {width: 40rem;} .workfloor_modal_modal .form_box .w160 { flex: unset; width: 10rem;} /* 251210 캘린더 수정*/ .dashboard_wrap .calender .cal_head { position: sticky; top: 7.25rem; background: var(--basic-white); z-index: 15;} .dashboard_wrap .calender .cal_body .week_day { position: sticky; top: calc(7.25rem + 4.375rem); z-index: 10;} .reservation_wrap .calender.size_big, .intra_wrap .calender.size_big { overflow: unset} .reservation_wrap .calender.size_big .cal_head, .intra_wrap .calender.size_big .cal_head { position: sticky; top: 7.25rem; background: var(--basic-white); z-index: 15; border-radius: 1rem;} .reservation_wrap .calender.size_big .cal_body .week_day, .intra_wrap .calender.size_big .cal_body .week_day { position: sticky; top: calc(7.25rem + 6.5rem); z-index: 10;} /* 251215 수정작업*/ .calculation_wrap .calculation_listbox {max-height: 650px;} /* .calculation_wrap .calculation_listbox {max-height: 1024px;} */ /* 27인치*/ .calculation_wrap .calculation_listbox .tbl thead { position: sticky; top: 0; z-index: 10;} /* 25124 수정작업 */ .good_write_info .productInfoBox .productInfoField {display: none;} .good_write_info .productInfoBox .productInfoSaveBtn {display: none;} .good_write_info .productInfoBox.show .productInfoField {display: block;} .good_write_info .productInfoBox.show .productInfoAddBtn {display: none;} .good_write_info .productInfoBox.show .productInfoSaveBtn {display: flex;} .good_write_schedule .input_box .input_text.mx320 {max-width: 20rem;} .content_write .good_write_schedule .tbl_boxs {position: relative; width: 100%;} .content_write .good_write_schedule .tbl_boxs .sub_title{ font: var(--18_headline_sb); margin-bottom: 1rem;} /* 260105 수정작업 */ .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont {width: 100%;} .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver { flex-direction: row; flex-wrap: wrap; gap: 0.5rem;} .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li { width: calc((100% - 0.5rem) / 2); justify-content: space-between; padding: 0.563rem 0.875rem; border-radius: 0.375rem; font: var(--14_label_normal_r);} .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li.typeA { background: linear-gradient(135deg, #e8f0fb 0%, #f4f8ff 100%); --color: #2a79ed;} .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li.typeB { background: linear-gradient(135deg, #f6edff 0%, #fbf7ff 100%); --color: #7313d5;} .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li.typeC { background: linear-gradient(135deg, #ffebea 0%, #fff3f2 100%); --color: #f70000;} .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li.typeD { background: linear-gradient(135deg, #eefcef 0%, #f6fff7 100%); --color: #00bd0f;} .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li .txt {color: var(--color);} .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li .desc { position: relative; color: var(--color);} .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li .desc::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: var(--color); opacity: 0; transition: var(--transition);} .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li .desc:hover::after {opacity: 1;} body.darkmode .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li.typeA {background: linear-gradient(135deg, #162033 0%, #091631 100%); --color: #3672cb;} body.darkmode .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li.typeB {background: linear-gradient(135deg, #2e2243 0%, #22153d 100%); --color: #804ec3;} body.darkmode .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li.typeC {background: linear-gradient(135deg, #3a1b1b 0%, #230909 100%); --color: #cb2020;} body.darkmode .dashboard_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li.typeD {background: linear-gradient(135deg, #1d3a28 0%, #04210f 100%); --color: #34bd66;} /* 260106 추가작업 */ /* 인트라넷 > 인사관리 > 실적관리 */ .intra_wrap .content_title.flexible .employee_select, .intra_wrap .content_title.flexible .year_select {width: 7.5rem;} .intra_wrap .content_title.flexible .quarter_select {width: 12rem;} .intra_wrap .content_title.flexible .mob_filter_wrap {width: 100%;} .intra_wrap .content_title.flexible .intra_search { max-width: 800px;} .intra_wrap .intra_search .tbl .search_input { max-width: 16rem;} .intra_wrap .intra_search .tbl .tbl_inline {justify-content: flex-end;} .intra_wrap .lv_info.ver2 { margin-bottom: 2rem;} .tbl_top .title_size_bg .point {color: var(--brand-primary);} .tbl_top .employee_select, .tbl_top .year_select {width: 7.5rem;} .tbl_top .quarter_select {width: 12rem;} .content_tbl .tbl thead tr th[data-th="성명"], .content_tbl .tbl tbody tr td[data-th="성명"], .content_tbl .tbl thead tr th[data-th="1분기 KPI"], .content_tbl .tbl tbody tr td[data-th="1분기 KPI"], .content_tbl .tbl thead tr th[data-th="2분기 KPI"], .content_tbl .tbl tbody tr td[data-th="2분기 KPI"], .content_tbl .tbl thead tr th[data-th="3분기 KPI"], .content_tbl .tbl tbody tr td[data-th="3분기 KPI"], .content_tbl .tbl thead tr th[data-th="4분기 KPI"], .content_tbl .tbl tbody tr td[data-th="4분기 KPI"], .content_tbl .tbl thead tr th[data-th="연간 KPI"], .content_tbl .tbl tbody tr td[data-th="연간 KPI"] {border-width: 3px;} /* 260115 수정작업 */ .goodDate_modal .calender { width: 100%; max-width: 35rem;} .goodDate_modal .calender .cal_head { padding: 0.5rem 0 1.125rem;} .goodDate_modal .calender .cal_head .centerbox { gap: 1rem;} .goodDate_modal .calender .cal_head .centerbox .paging_btn { width: 1.5rem; font-size: 0.75rem;} .goodDate_modal .calender .cal_head .centerbox .cal_date { font: var(--20_heading_sb); gap: 0.5rem;} .goodDate_modal .calender .cal_body .week_date .date { min-height: unset; aspect-ratio: 1 / 0.8;} .goodDate_modal .calender .cal_body .week_date .date .top .num { width: 1.5rem;} .goodDate_modal .calender .note_txt { width: 100%; font: var(--14_label_normal_m); text-align: left; padding: 1rem 0 0.5rem; display: flex; align-items: center; gap: 0.375rem;} .goodDate_modal .calender .note_txt .ph { font-size: 1.25rem;} .good_write_qr .input_file_box .input_flex.column_ver {flex-direction: column; align-items: unset;} /* 260127 추가작업 */ /* 정산/수익 > 세무회계정산 > 월별매출정산서 - 매입자료 모달 */ #purchaseData_modal .modal_box {width: 37.5rem;} /* 위치 변경 */ /* .design_wrap .sidenav .side_cont .side_submenu {order: 3;} .design_wrap .sidenav .side_cont .side_submenu:nth-child(1), .design_wrap .sidenav .side_cont .side_submenu:nth-child(2) {order: 1;} .design_wrap .sidenav .side_cont .side_submenu.order3 {order: 2;} */ /* 디자인/팝업 > 메인MD상품관리 */ .design_wrap .mainmd_box { position: relative; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; padding: 1.25rem 1.25rem 1.5rem; display: flex; flex-wrap: wrap; gap: 2.5rem 1.25rem;} .design_wrap .mainmd_box .item { width: calc((100% - 1.25rem*2) / 3);display: flex; flex-direction: column; gap: 1rem;} .design_wrap .mainmd_box .item .top_banner { position: relative; aspect-ratio: 1 / 0.51679586; border-radius: 1rem; overflow: hidden;} .design_wrap .mainmd_box .item .top_banner .input {display: none;} .design_wrap .mainmd_box .item .top_banner .label { position: relative; background: var(--basic-white); width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; font: var(--18_headline_m); color: #ced9e6; border: 2px dashed var(--basic-border); text-align: center; border-radius: inherit; cursor: pointer;} .design_wrap .mainmd_box .item .top_banner .label .icon { font-size: 2.4rem; color: var(--basic-border2);} .design_wrap .mainmd_box .item .top_banner .preview { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none;} .design_wrap .mainmd_box .item .top_banner .delete_btn { position: absolute; right: 1rem; top: 1rem; font-size: 1.875rem; color: var(--basic-white); opacity: 0;} .design_wrap .mainmd_box .item .top_banner.attached .delete_btn {opacity: 1;} .design_wrap .mainmd_box .item .prd_list { display: flex; flex-direction: column; gap: 1rem;} .design_wrap .mainmd_box .item .prd_item { width: 100%; display: flex; align-items: center; gap: 1rem; border-bottom: 1px solid var(--basic-border); padding-bottom: 1rem;} .design_wrap .mainmd_box .item .prd_item .imgbox { position: relative; width: 7.5rem; aspect-ratio: 1 / 0.669014; display: flex; align-items: center; justify-content: center; border-radius: 0.625rem; overflow: hidden; background: var(--basic-pale); text-align: center; color: var(--basic-lightgray); font-size: 1.5rem;} .design_wrap .mainmd_box .item .prd_item .imgbox .img { width: 100%; height: 100%; object-fit: cover;} .design_wrap .mainmd_box .item .prd_item .txtbox { flex: 1; max-width: calc(100% - 7.5rem - 4.5rem - 2rem); display: flex; flex-direction: column; gap: 0.125rem; font: var(--15_body_normal_r); color: var(--basic-darkgray);} .design_wrap .mainmd_box .item .prd_item .txtbox .txtitem { display: flex; align-items: flex-start; gap: 0.5rem;} .design_wrap .mainmd_box .item .prd_item .txtbox .txtitem .tit { font-weight: 600; width: 3rem;} .design_wrap .mainmd_box .item .prd_item .txtbox .txtitem .desc {flex: 1;} .design_wrap .mainmd_box .item .prd_item .btnbox { width: 4.5rem; display: flex; flex-direction: column; gap: 0.25rem;} /* 디자인/팝업 > 메인MD상품관리 연동 모달 */ #mdPrdManage_modal .modal_box { width: 62.5rem;} #mdPrdManage_modal .modal_searchbox {margin-bottom: 2.5rem;} #mdPrdManage_modal .modal_searchbox .select_box{ width: 100%; max-width: 10.625rem;} #mdPrdManage_modal .modal_searchbox .select_box.lang_select{max-width: 6.25rem;} #mdPrdManage_modal .modal_searchbox .input_text {flex: 1;} #mdPrdManage_modal .tbl_cont {width: 100%;} #mdPrdManage_modal .tbl_top .select_box {max-width: 15rem;} #mdPrdManage_modal .tbl_top .rightbox {gap: 1rem;} #mdPrdManage_modal .tbl_top .controls {display: flex; align-items: center; gap: 0.5rem;} #mdPrdManage_modal .tbl_top .controls .paging_btn { font-size: 1.25rem; display: flex; align-items: center; justify-content: center; color: var(--basic-middlegray); transition: var(--transition); border-radius: 50%;} #mdPrdManage_modal .tbl_top .controls .paging_btn:hover { color: var(--basic-black);} #mdPrdManage_modal .tbl_box {max-height: 30rem;} #mdPrdManage_modal .tbl tbody tr td.align_lef {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100px;} #mdPrdManage_modal .tbl tbody tr td .badge {padding: 0.188rem 0.625rem;} #mdPrdManage_modal .pagination {margin-top: 1.25rem;} /* 260127 추가작업2 */ .calculation_wrap .calculation_listbox .tbl tbody tr .tbl_btnbox .button.ver2 {padding: 0 0.5rem;} /* 260128 추가작업 */ .calculation_wrap .calculation_listbox .tbl tbody tr .tbl_btnbox .button.ver2 {padding: 0 0.25rem;} /* 260204 수정작업 */ .dashboard_wrap .ds_sec .card .card_head .tit { display: flex; align-items: center; gap: 0.5rem;} .dashboard_wrap .ds_sec .card .card_head .tit .icon { width: 1.125rem;} /* 260209 수정작업 */ .estimate_wrap .estimate_write .rightbox .btn_box {margin-left: auto; gap: 0.75rem;} .estimate_wrap .estimate_write .rightbox .btn_box .button {margin-left: 0;} /* 260212 추가작업 */ .intra_wrap .request_list tbody tr td .imgbadge {height: 1.375rem;} .request_modal .modal_box { width: 62.5rem;} /* 260223 추가작업 */ .input_file_box .label_file { text-align: left;} .tbl.reservation_list tbody tr td .tbl_product_info .opt_cont { width: 100%;} .tbl.reservation_list tbody tr td .tbl_product_info .opt_cont .descbox {flex: 1;} /* 예약관리 > 예약관리&리스트 > 회원정보 팝업 */ .tbl.reservation_list tbody tr td .tbl_customer_info {position: relative;} .tbl.reservation_list tbody tr td .member_info_popup {top: 50%; left: 95%; transform: translateY(-50%); min-width: unset;width: fit-content;} .tbl.reservation_list tbody tr.line td .member_info_popup {display: none;} .tbl.reservation_list tbody tr td .member_info_popup .pop_body { display: flex; flex-direction: column; width: 100%; gap: 0.125rem;} .tbl.reservation_list tbody tr td .member_info_popup .pop_body .info_btn { display: flex; align-items: center; gap: 0.313rem; padding: 0 1rem; font:var(--14_label_normal_m); color: var(--basic-darkgray);} .tbl.reservation_list tbody tr td .member_info_popup .pop_body .info_btn.point { color: var(--brand-primary);} .tbl.reservation_list tbody tr td .member_info_popup .pop_body .info_btn i {font-size: 1rem;} /* 예약관리 > 예약관리&리스트 > 회원정보 모달 */ #memberInfo_modal .modal_box .modal_btnbox { margin-top: 4rem;} #memberInfo_modal .info_tbl_cont:not(.noflex) { display: flex; overflow: hidden; box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem;} #memberInfo_modal .info_tbl_item { flex: 1; display: flex; flex-direction: column;} #memberInfo_modal .info_tbl_item.send { width: 25%; flex: unset;} #memberInfo_modal .info_tbl_item .form_tit { font: var(--14_label_normal_sb); text-align: center; padding: 0.875rem; background: var(--basic-bg); border-bottom: 1px solid var(--basic-border2);} #memberInfo_modal .info_tbl_item.send .form_tit { border-right: 1px solid var(--basic-border2);} #memberInfo_modal .info_tbl_item .form_wrap { flex: 1; display: flex;} #memberInfo_modal .info_tbl_item .tbl_box { box-shadow: none; border-radius: 0; border-bottom: 0; border-left: 0; border-top: 0;} #memberInfo_modal .info_tbl_item:not(.send) .tbl_box:last-child { border-right: 0;} #memberInfo_modal .tab_customer .tbl_cont.customer_cont .contbox { display: flex; align-items: flex-start; gap: 0.875rem;} #memberInfo_modal .tab_customer .tbl_cont.customer_cont .contbox .profile_box { width: 12.5rem; border: 1px solid var(--basic-border); padding: 0.625rem; border-radius: 0.625rem;display: flex; flex-direction: column; gap: 1.5rem;} #memberInfo_modal .tab_customer .tbl_cont.customer_cont .contbox .profile_box .profile { width: 100%; } #memberInfo_modal .tab_customer .tbl_cont.customer_cont .contbox .profile_box .profile .input { display: none;} #memberInfo_modal .tab_customer .tbl_cont.customer_cont .contbox .profile_box .profile .label { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; background: var(--basic-bg2); border-radius: 0.625rem; text-align: center; font: var(--14_label_normal_m); color: var(--basic-lightgray); cursor: pointer; overflow: hidden;} #memberInfo_modal .tab_customer .tbl_cont.customer_cont .contbox .profile_box .profile .label img {width: 100%; height: 100%; object-fit: cover;} #memberInfo_modal .tab_customer .tbl_cont.customer_cont .contbox .profile_box .button { padding: 0; width: 100%;} #memberInfo_modal .tab_customer .tbl_cont.customer_cont .contbox .tbl_box { flex: 1;} #memberInfo_modal .tab_customer .tbl_cont.customer_cont .contbox .tbl_box .input_box .mx260 {max-width: 16.25rem;} #memberInfo_modal .tab_customer .tbl_cont .tbl_button {margin: 1rem auto 0; font: var(--14_label_normal_sb);} #memberInfo_modal .tab_sms .info_tbl_item .tbl_box .button {margin: 1rem auto 0; font: var(--14_label_normal_sb);} #memberInfo_modal .tab_mail .info_tbl_box .button { margin: 2rem auto 0; padding: 0 2.5rem;} /* 예약관리 > 예약관리&리스트 > 회원정보 모달 > 적립금입력 모달 */ #mileage_modal .modal_box .control_select {width: 4rem;} /* 260224 작업 */ .biz_wrap .header .h_top {height: 4.063rem;} .biz_wrap .header .h_top .h_sidebox .title_item {display: flex; align-items: center; gap: 1rem;} .biz_wrap .header .h_top .h_sidebox .title_item .title { display: flex; align-items: center; gap: 0.5rem; font: var(--14_label_normal_sb); color: var(--basic-darkgray);} .biz_wrap .header .h_top .h_sidebox .title_item .title .tit {color: var(--brand-hover);} .biz_wrap .header .h_top .h_sidebox .title_item .title .badge { color: #fff; border-color: #fff;} .biz_wrap .header .h_top .content_title .page_title, .biz_wrap .header .h_top .h_sidebox .title_item .title, .biz_wrap .header .h_top .h_sidebox .title_item .title .tit, .biz_wrap .header .h_top .h_sidebox .item > .btn, .biz_wrap .header .h_top .h_sidebox .darkmode_item .darkmode_btn { color:#fff; } .biz_wrap .header .h_top .h_sidebox .darkmode_item .darkmode_btn .arrow { background-image: url(../img/select_arrow_w.png);} .biz_wrap #app_popup {height: unset;} .biz_wrap .sidenav .side_cont .menu_list .side_item .side_link {cursor: pointer;} .biz_wrap .sidenav .side_cont .menu_list .side_item .side_link .title { flex: 1; display: flex; align-items: center; justify-content: flex-start; gap: 0.375rem;} .biz_wrap .sidenav .side_cont .menu_list .side_item .side_link .title .icon {font-size: 1.5rem;} .biz_wrap .sidenav .side_cont .menu_list .side_item .side_link .plus { position: relative; width: 0.75rem; aspect-ratio: 1 / 1;} .biz_wrap .sidenav .side_cont .menu_list .side_item .side_link .plus::before, .biz_wrap .sidenav .side_cont .menu_list .side_item .side_link .plus::after { content: ""; position: absolute; background: var(--basic-white);top: 50%; left: 50%; transform: translate(-50%, -50%); transition: var(--transition);} .biz_wrap .sidenav .side_cont .menu_list .side_item .side_link .plus::before { width: 100%; height: 2px;} .biz_wrap .sidenav .side_cont .menu_list .side_item .side_link .plus::after {width: 2px; height: 100%;} .biz_wrap .sidenav .side_cont .menu_list .side_item.show .side_link .plus::after { transform: translate(-50%, -50%) rotate(90deg);} .biz_wrap .sidenav .side_cont .menu_list .side_item .acc_cont {transition: none; gap: 0;display: none;} .biz_wrap .sidenav .side_cont .menu_list .side_item .acc_cont .side_item .side_link { padding-left: calc(0.875rem + 1.5rem + 0.625rem); font: var(--12_caption_r); font-weight: 400; line-height: 1.4; min-height: 2rem;} .biz_wrap .sidenav .side_cont .side_bottom { margin-top: auto; display: flex; flex-direction: column; gap: 0.313rem; padding-bottom: 0.5rem; opacity: 0; transition: var(--transition);} .biz_wrap.sideopen .sidenav .side_cont .side_bottom {opacity: 1;} .biz_wrap .sidenav .side_cont .side_bottom .badge_txt { font: var(--24_title_b); line-height: 1.1; color: var(--basic-white); letter-spacing: 0.2em; margin-bottom: 1rem; text-transform: uppercase; text-align: justify; width: 100%; padding: 1.5rem 1.25rem; display: flex; flex-direction: column; border-bottom: 1px solid rgba(255, 255, 255, 0.4);} .biz_wrap .sidenav .side_cont .side_bottom .badge_txt .color { font-weight: 900; display: inline-block;} .biz_wrap .sidenav .side_cont .side_bottom .tit { font: var(--24_title_sb); line-height: 1; color: var(--basic-white); padding: 0 1.25rem;} .biz_wrap .sidenav .side_cont .side_bottom .desc { font: var(--15_body_normal_r); line-height: 1.5; color: var(--basic-white); padding: 0 1.25rem;} .biz_wrap .content_search .tbl .tab_navbox.tabs_ver .tab_nav .link { padding: 0.438rem 0.875em;} .biz_wrap .content_searchwrap { display: flex; align-items: flex-start; gap: 0.625rem;} .biz_wrap .content_searchwrap .content_search { flex: 1;} .biz_wrap .content_searchwrap .content_search .tbl tbody tr td.more_hide {overflow: hidden;} .biz_wrap .content_searchwrap .content_search .tbl .calender_btn { max-width: 8.75rem;} .biz_wrap .content_searchwrap .content_search .tbl tbody tr td .select_box.w400 { width: calc((100% - 0.5rem) / 2 - 1.5rem); max-width: 25rem;} .biz_wrap .content_searchwrap .content_search.com_ver .tbl tbody tr td:last-child { border-right: 1px solid var(--basic-border2);} .biz_wrap .content_searchwrap .content_cominfo { width: 33%; max-width: 31.25rem; align-self: stretch; overflow: hidden; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; transition: background 0.4s ease, border 0.4s ease;} .biz_wrap .content_searchwrap .content_cominfo .com_infobox { display: flex; flex-direction: column; width: 100%; height: 100%; overflow: hidden; padding: 0.625rem;} .biz_wrap .content_searchwrap .content_cominfo .com_infobox .imgbox { width: 100%; padding: 0.5rem 0 1.25rem; display: flex; align-items: center; justify-content: center;} .biz_wrap .content_searchwrap .content_cominfo .com_infobox .imgbox img { max-height: 2rem;} .biz_wrap .content_searchwrap .content_cominfo .com_infobox .txtbox { flex: 1; overflow: auto; padding: 0.5rem; background: var(--basic-bg); border: 1px solid var(--basic-border2); text-align: left; font: var(--14_label_normal_r); color: var(--basic-darkgray); border-radius: 0.375rem;} .biz_wrap .content_searchwrap .content_cominfo .com_infobox .btnbox { display: flex; margin-top: 0.75rem; gap: 0.625rem;} .biz_wrap .content_searchwrap .content_cominfo .com_infobox .btnbox .button { flex: 1; padding: 0; font: var(--14_label_normal_m); height: 2.25rem; line-height: 1; gap: 0.4rem; border-radius: 0.375rem;} .biz_wrap .content_searchwrap .content_cominfo .com_infobox .btnbox .button .icon { width: unset; font-size: 1.125rem; margin-top: 0.125rem;} /* B2B */ .b2b_header { background: linear-gradient(45deg, #c04a88, #6549bd);} .b2b_header .h_top .leftbox .h_title .page_title .icon {background: #fff; color: #c04a88;} .b2b_header .h_top .h_sidebox .alarm_item .alarm_btn .num {background: #fff; color: #6549bd;} .b2b_sidenav .side_cont .side_bottom .badge_txt .color { color: #c04a88;} .b2b_sidenav .side_cont .menu_list .side_item::after { background: #c04a88;} /* 예약등록 및 수정 모달 */ #reservationWrite_modal .modal_box { width: 62.5rem;} #reservationEdit_modal .modal_box { width: 62.5rem;} .BizReservation_modal .tbl_warp { position: relative; display: flex; flex-direction: column; gap: 2rem;} .BizReservation_modal .tbl tbody tr td[data-th="예약가능 인원"] .tbl_inline .flex_auto {width: calc((100% - 2rem * 2) / 3);} .BizReservation_modal .tbl .tbl_top {margin-bottom: 0;} .BizReservation_modal .tbl .tbl_top .leftbox { gap: 1rem;} .BizReservation_modal .tbl .tbl_box { box-shadow: none; border-radius: 0.375rem;} /* 메일보내기 확인 모달 */ #reservationSend_modal .modal_box .modal_img { width: 3.75rem; aspect-ratio: 1 / 1; font-size: 3.5rem; color: var(--brand-primary);} /* 출발확정달력 */ .biz_wrap .calender .cal_head { gap: 2rem;} .biz_wrap .calender .cal_head .typebox { display: flex; align-items: center; gap: 0.75rem; background: var(--basic-white); padding: 0.75rem 1rem; border: 1px solid var(--basic-border2); border-radius: 0.5rem; font: var(--14_label_normal_r); color: var(--basic-darkgray); flex-wrap: wrap; gap: 1rem 1.25rem;} .biz_wrap .calender .cal_head .typebox .item { display: flex; align-items: center; gap: 0.25rem;} .biz_wrap .calender .cal_head .typebox .item .color{width: 1rem; aspect-ratio: 1/1; border-radius: 0.25rem;} .biz_wrap .calender .cal_head .typebox .item[data-type="출발확정"] .color { background: var(--pastel-ny); } .biz_wrap .calender .cal_head .typebox .item[data-type="출발예정"] .color { background: var(--pastel-gr); } .biz_wrap .calender .cal_head .typebox .item[data-type="출발불가"] .color { background: var(--pastel-re); } .biz_wrap .calender .cal_head .typebox .item[data-type="마감/공휴일"] .color { background: var(--pastel-ye); } .biz_wrap .calender .cal_head .typebox .item[data-type="객실마감"] .color { background: var(--pastel-pp); } .biz_wrap .calender .cal_head .typebox .item .txt{line-height: 1; white-space: nowrap;} .biz_wrap .calender.biz_calender .cal_body.cal_schedule .tbl_box { overflow: auto;} .biz_wrap .calender.biz_calender .cal_body.cal_schedule .tbl thead { border-bottom: 2px solid var(--basic-border2);} .biz_wrap .calender.biz_calender .cal_body.cal_schedule .tbl thead .th_day.red {color: var(--state-error);} .biz_wrap .calender.biz_calender .cal_body.cal_schedule .tbl thead .th_day.blue{color: var(--state-info);} .biz_wrap .calender.biz_calender .cal_body.cal_schedule .tbl tbody td { height: 3.125rem; } .biz_wrap .calender.biz_calender .cal_body.cal_schedule .tbl tbody .td_title {min-width: 20rem;} .biz_wrap .calender.biz_calender .cal_body.cal_schedule .tbl tbody .td_date {padding: 0; min-width: 2rem;} .biz_wrap .calender.biz_calender .cal_body.cal_schedule .tbl tbody .td_date .color { width: 100%; height: 100%; display: block; opacity: 0.7;} .biz_wrap .calender.biz_calender .cal_body.cal_schedule .tbl tbody .td_date .color[data-type="출발확정"] { background: var(--pastel-ny); } .biz_wrap .calender.biz_calender .cal_body.cal_schedule .tbl tbody .td_date .color[data-type="출발예정"] { background: var(--pastel-gr); } .biz_wrap .calender.biz_calender .cal_body.cal_schedule .tbl tbody .td_date .color[data-type="출발불가"] { background: var(--pastel-re); } .biz_wrap .calender.biz_calender .cal_body.cal_schedule .tbl tbody .td_date .color[data-type="마감/공휴일"] { background: var(--pastel-ye);} .biz_wrap .calender.biz_calender .cal_body.cal_schedule .tbl tbody .td_date .color[data-type="객실마감"] { background: var(--pastel-pp); } /* PMS */ .pms_header { background: linear-gradient(45deg, #3e7ef3, #6549bd);} .pms_header .h_top .leftbox .h_title .page_title .icon {background: #fff; color: #3e7ef3;} .pms_header .h_top .h_sidebox .alarm_item .alarm_btn .num {background: #fff; color: #6549bd;} .pms_header .h_top .h_sidebox .title_item .pms_text { display: flex; align-items: center; gap: 0.25rem; font: var(--14_label_normal_sb); color: #fff;} .pms_header .h_top .h_sidebox .title_item .pms_text .icon {animation: blink 1s step-end infinite; color: #fff; font-size: 1rem; margin-top: 0.125rem;} @keyframes blink { 50% { opacity: 0; }} .PMS_sidenav .side_cont .side_bottom .badge_txt .color { color: #3e7ef3;} .PMS_sidenav .side_cont .menu_list .side_item::after { background: #3e7ef3;} .pms_wrap .content_schresult .flex_area .rightbox .pms_text { display: flex; align-items: center; gap: 0.25rem; font: var(--14_label_normal_sb); margin-right: 0.5rem; color: var(--brand-primary);} .pms_wrap .content_schresult .flex_area .rightbox .pms_text .icon {animation: blink 1s step-end infinite; font-size: 1.125rem; margin-top: 0.125rem;} .pms_wrap .content_searchwrap .content_cominfo .com_infobox .imgbox img { max-height: 3.5rem;} /* 대시보드 */ .pms_wrap .ds_sec.gap0 .card:not(.no_graphic) .card_link { gap: 0;} .pms_wrap .ds_sec .card :not(.chart_ver2) .card_body .cont .result { font: var(--20_heading_b);} .pms_wrap .ds_sec .card .card_link.chart_ver2 { height: 100%; justify-content: space-between;} .pms_wrap .ds_sec .card .card_link.chart_ver2 .card_body .cont .result { font: var(--28_title_m);} .pms_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li { width: calc((100% - 0.5rem * 3) / 4); flex: 1; flex-direction: column; padding: 1rem;} .pms_wrap .ds_sec .card.no_graphic .card_body .cont .result.desc_ver > li .desc { font: var(--20_heading_sb);} .pms_wrap .ds_sec .card .card_link .card_head .tit.big { font: var(--18_headline_m);} .pms_wrap .ds_sec .card .card_link.chart_ver .card_head .tit { font: var(--18_headline_m);} .pms_wrap .ds_sec .card:not(.wid50, .wid25) .card_link.chart_ver .chartbox { position: relative; width: 100%; height: 30rem;} .pms_wrap .ds_sec .card .card_link.chart_ver .chartbox { position: relative; width: 100%; height: 100%;} .pms_wrap .ds_sec .card .card_link.chart_ver .chartbox .echart_custom {width: 100%; height: 100%;} .pms_wrap .ds_sec .card .card_link.chart_ver .chartbox .chart {width: 100%; height: 100%;} /* 예약관리 달력 */ .pms_wrap .calender.size_big .cal_head { top: 4.063rem; height: 6.875rem;;} .pms_wrap .calender.size_big .cal_body .week_day {top: calc(4.063rem + 6.875rem); } .pms_wrap .calender.ver2 .cal_head .leftbox .title { font: var(--20_heading_m); color: var(--basic-darkgray);} .pms_wrap .calender.ver2 .cal_head .rightbox .select_box { max-width: 10rem; width: 100%; flex: 1;} .pms_wrap .calender.ver2 .cal_body .week_date .date .events {cursor: pointer;} .pms_wrap .calender.ver2 .cal_body .week_date .date .events .working{cursor: inherit;} .pms_wrap .calender.ver2 .cal_body .week_date .date .events .working.done .icon{ color: var(--badge-gr-color);} .pms_wrap .calender.ver2 .cal_body .week_date .date .events .working.cancel .icon{ color: var(--badge-re-color);} .pms_wrap .calender.ver2 .cal_body .week_date .date .events .working.noshow .icon{ color: var(--badge-ye-color);} /* 통계 및 분석 */ .pms_wrap .ds_sec .card.wid_full {flex: 1;} .pms_wrap .ds_sec .card.wid_full .card_link { height: 100%;} .pms_wrap .ds_sec .card.wid_full .card_body {flex: 1;} .pms_wrap .ds_sec .card.wid_full .card_body .cont { height: 100%;} .pms_wrap .ds_sec .card.wid_full .card_body .cont .result.desc_ver { height: 100%;} .pms_wrap .ds_sec .card.wid_full .card_body .cont .result.desc_ver > li { justify-content: center; font: var(--20_heading_m); border-radius: 10rem;} .pms_wrap .ds_sec .card.wid_full .card_body .cont .result.desc_ver > li .txt {opacity: 0.8;} .pms_wrap .ds_sec .card.wid_full .card_body .cont .result.desc_ver > li .desc { font: var(--32_title_sb);} .pms_wrap .ds_sec .card.wid33 { width: calc((100% - 1.25rem * 2) / 3);} .pms_wrap .ds_sec .card.wid33 .card_link.chart_ver .chartbox { height: 10rem;} .pms_wrap .ds_sec .card.wid50 .card_link.chart_ver .chartbox { height: 20rem;} /* 카카오 알림톡 */ .pms_wrap .alarm_sec { display: flex; gap: 1.25rem;} .pms_wrap .alarm_sec .alarm_item { width: 25rem; position: relative; background: var(--basic-white); box-shadow: var(--box-shadow); border: 1px solid var(--basic-border2); border-radius: 0.625rem; padding: 0 2rem; display: flex; flex-direction: column; gap: 1.25rem; overflow: hidden;} .pms_wrap .alarm_sec .alarm_item.info { flex: 1; gap: 2.5rem;} .pms_wrap .alarm_sec .alarm_item .titbox { display: flex; flex-direction: column; gap: 1.5rem;} .pms_wrap .alarm_sec .alarm_item .titbox .tit { font: var(--24_title_sb); color: var(--basic-black); display: flex; align-items: center; gap: 0.5rem;} .pms_wrap .alarm_sec .alarm_item .titbox .tit .icon {width: 1.75rem; margin-bottom: 0.125rem;} .pms_wrap .alarm_sec .alarm_item .titbox .input_box { gap: 0.5rem;} .pms_wrap .alarm_sec .alarm_item .titbox .input_box .input_text { max-width: 120px;} .pms_wrap .alarm_sec .alarm_item .listbox { display: flex; flex-direction: column; gap: 0.625rem;} .pms_wrap .alarm_sec .alarm_item .listbox .number_list { display: flex; flex-direction: column; gap: 0.5rem; background: var(--basic-bg2); padding: 1.25rem; border-radius: 1rem;} .pms_wrap .alarm_sec .alarm_item .listbox .listitem { width: 100%; display: flex; align-items: center; gap: 1rem; font: var(--16_body_normal_r); color: var(--basic-darkgray);} .pms_wrap .alarm_sec .alarm_item .listbox .listitem .delete_btn { font-size: 1.25rem; line-height: 1; color: var(--brand-hover); margin-top: 0.125rem;} .pms_wrap .alarm_sec .alarm_item .listbox .title { font: var(--20_heading_b); line-height: 160%; color: var(--brand-hover);} .pms_wrap .alarm_sec .alarm_item .listbox .desc { font: var(--16_body_normal_r); line-height: 160%; word-break: keep-all; text-indent: -1em; padding-left: 1em; color: var(--basic-middlegray); margin-top: 1rem;} .pms_wrap .alarm_sec .alarm_item .line {width: 100%; height: 1px; background: var(--basic-border);} .pms_wrap .alarm_sec .alarm_item .desc_head { font: var(--24_title_sb); color: var(--brand-hover); text-align: center; background: var(--primary-primary200); padding: 1.25rem 2rem; width: calc(100% + 2rem*2); margin: 0 -2rem;} .pms_wrap .alarm_sec .alarm_item .desc_img {display: flex;align-items: center;justify-content: center; padding: 0 0 2rem;} .pms_wrap .alarm_sec .alarm_item .desc_img .img {width: 90%;} /* 260225 로그인 */ .biz_wrap .login_section .leftbox .descbox { width: 100%; max-width: 450px; font: var(--14_label_normal_r); line-height: 160%; color: var(--basic-middlegray);} .biz_wrap .login_section .leftbox .descbox .desc { display: flex; align-items: flex-start; gap: 0.625rem; word-break: keep-all;} .biz_wrap .login_section .leftbox .descbox .desc .icon { font-size: 1rem; margin-top: 0.1rem; color: var(--brand-primary);} .biz_wrap .login_section .leftbox .descbox .desc .txt {flex: 1;} .biz_wrap .login_section .leftbox .contact { display: flex; flex-direction: column; gap: 0.5rem; width: 100%; max-width: 450px;} .biz_wrap .login_section .leftbox .contact .item { width: 100%; display: flex; align-items: center; gap: 1rem; font: var(--13_label_m); color: var(--basic-darkgray);} .biz_wrap .login_section .leftbox .contact .item .icon { color: var(--primary-primary700); background: var(--primary-primary200); width: 1.875rem; aspect-ratio: 1 / 1; font-size: 1.25rem; display: flex; align-items: center; justify-content: center; border-radius: 0.4rem; opacity: 0.8;} .biz_wrap .login_section .leftbox .contact .item .txt .bold {font-weight: 700;} .biz_wrap .login_section .rightbox { background: linear-gradient(to top, #1154a7, #65b8ff);} .biz_wrap .login_section .rightbox .topbox { display: flex; align-items: flex-start; justify-content: space-between;} .biz_wrap .login_section .rightbox .topbox .badge { font: var(--16_body_normal_m); padding: 0.5rem 1.5rem; border-radius: 10rem; border: 1px solid var(--basic-white); color: #fff;} .biz_wrap .login_section .rightbox .txtbox .img { width: 14rem; margin-bottom: -4rem; margin-left: auto; margin-right: -1rem; filter: drop-shadow(0 0 1.5rem #1764c2) hue-rotate(-5deg); transform: rotate(10deg);} .biz_wrap .login_section .rightbox .txtbox .tit { text-transform: capitalize; letter-spacing: 0;} .biz_wrap .login_section .rightbox .txtbox .descwrap { display: flex; flex-direction: column; gap: 2rem; margin-top: 0.5rem; background: rgba(255, 255, 255, 0.1); padding: 2rem 1.5rem; border-radius: 1.25rem;} .biz_wrap .login_section .rightbox .txtbox .descbox { display: flex; flex-direction: column; gap: 0.25rem;} .biz_wrap .login_section .rightbox .txtbox .descbox .desc { position: relative; padding-left: 0.8rem;} .biz_wrap .login_section .rightbox .txtbox .descbox .desc::before { content: "•"; position: absolute; left: 0; top: 0; line-height: 1.2;} .b2b_wrap .login_section { filter: hue-rotate(130deg);} .pms_wrap .login_section { filter: hue-rotate(-5deg);} /* 상세검색 펼치기 버튼 — 검색줄 오른쪽 끝으로 밀어낸다 */ .btn_filter_toggle { margin-left: auto; } /* 펼침 상태 표시 : 아이콘만 뒤집는다 */ .btn_filter_toggle .ph { transition: transform .2s; } .btn_filter_toggle[aria-expanded="true"] .ph { transform: rotate(180deg); } /* 모바일에서는 오른쪽 정렬이 어색해 원래 흐름대로 */ @media screen and (max-width: 1080px) { .btn_filter_toggle { margin-left: 0; } } .c-entry-btn.entry_done { background: #333333; border-color: #333333; color: #ffffff; } .date.today { box-shadow: inset 0 0 0 2px rgb(255, 0, 0); background-color: rgb(255, 252, 221); } .tbl.reservation_list tbody tr.row_cancel td { text-decoration: line-through; color: #999999; } .tbl.reservation_list tbody tr.row_cancel td textarea, .tbl.reservation_list tbody tr.row_cancel td .badge { text-decoration: none; } .tbl.reservation_list tbody tr.line td .tbl_memo { position: relative; z-index: 1; background: var(--basic-bg); }