.ml_10 { margin-left: 10px; }
.number_spacing { letter-spacing: 0; }

.important { color: red; font-weight: 900; font-size: 18px; }

.wrap { float: left; min-width: 1835px; min-height: 100vh; background-color: #636363; }
.wrap .top { width: 100%; height: 61px; float: left; }
.wrap .top .top_left { width: 228px; height: 100%; float: left; background-color: #000000; text-align: center; }
.wrap .top .top_left > ul { width: 100%; height: 100%; }
.wrap .top .top_left > ul > li { width: 100%; height: 100%; }
.wrap .top .top_left > ul > li > a > img { width: 148px; }
::-webkit-scrollbar {
	width: 5px; /*스크롤바의 너비*/
}
::-webkit-scrollbar-thumb {
 background-color: #ccc; /*스크롤바의 색상*/
}
 
::-webkit-scrollbar-track {
  background-color: #fff; /*스크롤바 트랙 색상*/
}
.wrap .top .top_right { width: calc(100% - 228px); height: 100%; float: left; background-color: #fff; }
.wrap .top .top_right > .top_icons { width: auto; height: 100%; float: left; }
.wrap .top .top_right > .top_icons > div { width: 67px; height: 100%; float: left; border-right: 1px solid #e2e2e2; }
.wrap .top .top_right > .top_icons > div > ul { width: 100%; float: left; }
.wrap .top .top_right > .top_icons > div > ul > li { width: 100%; text-align: center; line-height: 61px; }
.wrap .top .top_right > .top_icons > div > ul > li > a { color: #000000; }

.wrap .top .top_right .top_notice { width:auto; height: 100%; float: left; font-size: 14px; padding-left: 25px; line-height: 61px; }

.wrap .top_etc { float: right; height: 61px; }
.wrap .top_etc .top_shortcuts { float: left; font-size: 13px; height: 100%; }
.wrap .top_etc .top_shortcuts ul { height: 100%; }
.wrap .top_etc .top_shortcuts ul > li { width: auto; height:100%; padding: 0 15px; border-left: 1px solid #e2e2e2; line-height: 61px; }
.wrap .top_etc .top_myInfo { float: right; width: 300px; height: 61px; border-left: 1px solid #e2e2e2;}
.wrap .top_etc .top_myInfo .propfile_img_wrap { width: 74px; height: 100%; float: left; text-align: center; }
.wrap .top_etc .top_myInfo .propfile_img_wrap > img { width: 40px; height: 40px; top: 50%; transform: translateY(-50%); border-radius: 50px; }
.wrap .top_etc .top_myInfo .propfile_info_wrap { width: 190px; float: left; font-size: 14px; padding: 10px 0px; }
.wrap .top_etc .top_myInfo .propfile_info_wrap .info_company { display: block; color:#8b8a8a; font-size: 12px; }
.wrap .top_etc .top_myInfo .propfile_info_wrap .info_name { display: block; font-weight:900; }
.wrap .top_etc .top_myInfo .logout_wrap { width: 30px; height: 100%; float: left; line-height: 61px; }

.wrap .top_menu { width: 100%; height: 103px; float: left; background-color: #252525; box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.46); z-index: 9; }
.wrap .top_menu .top_menu_list_wrap { width: 100%; float: left; }
.wrap .top_menu .top_menu_list_wrap > div { width: 400px; margin: 0 auto; }
.wrap .top_menu .top_menu_list_wrap > div > div { width: 100%; display: table; table-layout: fixed; };
.wrap .top_menu .top_menu_list_wrap > div > div > ul { display: table-cell; width: auto; }
.wrap .top_menu .top_menu_list_wrap > div > div > ul:hover { background-color: #000000; }
.wrap .top_menu .top_menu_list_wrap > div > div > ul.active { background-color: #000000; }
.wrap .top_menu .top_menu_list_wrap > div > div > ul > li { width: 100px; border-right: 1px solid #2f2f30; text-align: center; line-height: 21px; top: 50%; transform: translateY(-50%); }
.wrap .top_menu .top_menu_list_wrap > div > div > ul:last-child > li { border-right: 0; }
.wrap .top_menu .top_menu_list_wrap > div > div > ul > li > a { display:block; color: #ffffff; font-size: 14px; }
.wrap .top_menu .top_menu_list_wrap > div > div > ul > li > a .svg-inline--fa { font-size: 17pt; line-height: 16pt; }
.wrap .top_menu .top_menu_list_wrap > div > div > ul > li > a .red_circle { width: 20px; height: 20px; position: absolute; background-color: red; border-radius: 50px; bottom: 35px; right: 25px; z-index: 10; display: none; }
.wrap .top_menu .top_menu_list_wrap > div > div > ul > li > a .red_circle.active { display: block; }
.wrap .top_menu .top_menu_list_wrap > div > div > ul > li > a .white_cnt_txt { color: #fff; font-size: 12px; bottom: 2px; }

.wrap .left_menu { width: 228px; float: left; background-color: #636363; min-height: 100vh; }
.wrap .left_menu .left_menu_logo { width: 100%; height: 115px; float: left; color: #ffffff; background-color: #000000; text-align: center; font-size: 14pt; font-weight: 600; line-height: 115px; }
.wrap .left_menu .left_menu_logo.main_color { background-color: var(--main-bg-color); }
.wrap .left_menu .left_menu_logo.main_color > svg { font-size: 21px; }
.wrap .left_menu .left_menu_logo .logo_adresult { color: #CD3333; }
.wrap .left_menu .left_menu_list { width: 100%; height: auto; float: left; }
.wrap .left_menu .left_menu_list .sub_menu > li { width: 100%; height: 60px; background-color: #464646; font-size: 14px; font-weight: 900; padding-left: 25px; }
.wrap .left_menu .left_menu_list .sub_menu > li { border-bottom: 1px solid #595959; }
.wrap .left_menu .left_menu_list .sub_menu > li.active > a { color:#ff9090; }
.wrap .left_menu .left_menu_list .sub_menu > li.active > a > span { color:#ff9090; }
.wrap .left_menu .left_menu_list .sub_menu > li > a { color: #fff; display: block; height: 100%; line-height: 60px; }
.wrap .left_menu .left_menu_list .sub_menu > li > a > span { color: #fff; position: absolute; left: 175px; }
.wrap .left_menu .left_menu_list .sub_menu > li > a .secMenuStatus { font-size: 21px; margin-left: 1px; }
.wrap .left_menu .left_menu_list .sec_menu_wrap { width: 100%; height: auto; float: left; background-color: #6c6c6c; font-size: 12px; font-weight: 900; }
.wrap .left_menu .left_menu_list .sec_menu_wrap .sec_menu > li { width: 100%; height: 45px; color: #fff; padding-left: 40px; }
.wrap .left_menu .left_menu_list .sec_menu_wrap .sec_menu > li:not(:last-child) { border-bottom: 1px solid #787878 }
.wrap .left_menu .left_menu_list .sec_menu_wrap .sec_menu > li > a { display: block; height: 100%; line-height: 45px; color: #fff; }
.wrap .left_menu .left_menu_list .sec_menu_wrap .sec_menu > li.active > a { color: #ff9090; }

.wrap .contents_wrap { width: calc(100% - 228px); float: left; background-color: #dedede; min-height: 100vh; padding: 30px 23px;}

.login_back_wrap { width:100%; height: 100%; float: left; background-image: url("/_AdMin/asset/images/login_back.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center bottom; }
.login_back_wrap > div { width: 450px; margin: 0 auto; }
.login_back_wrap > div .login_wrap { width: 100%; height: 100vh; }
.login_back_wrap > div .login_wrap .login_box { width: 100%; background-color: rgba(0, 0, 0, 0.25); float: left; padding: 30px 45px; top: 50%; transform: translateY(-50%); }
.login_back_wrap > div .login_wrap .login_box .login_logo_wrap { width: 100%; float: left; }
.login_back_wrap > div .login_wrap .login_box .login_logo_wrap > ul { width: 100%; float: left; }
.login_back_wrap > div .login_wrap .login_box .login_logo_wrap > ul > li { width: 100%; float: left; text-align: center; }
.login_back_wrap > div .login_wrap .login_box .login_logo_wrap > ul > li > h3 { font-size: 18px; }
.login_back_wrap > div .login_wrap .login_box .login_form_wrap { width: 100%; float: left; text-align: center; margin-top: 20px; }
.login_back_wrap > div .login_wrap .login_box .login_form_wrap .login_chk_wrap { width:100%; float: left; }
.login_back_wrap > div .login_wrap .login_box .login_form_wrap .login_chk_wrap > span { font-size: 14px; font-weight: 600; }
.login_back_wrap > div .login_wrap .login_box .login_form_wrap .login_chk_wrap #writer { margin-left: 20px; }
.login_back_wrap > div .login_wrap .login_box .login_form_wrap .login_idPw_wrap { width: 100%; float: left; }
.login_back_wrap > div .login_wrap .login_box .login_form_wrap .login_idPw_wrap > input { margin-top: 10px; }
.login_back_wrap > div .login_wrap .login_box .login_btn_wrap { width: 100%; margin-top: 10px; float: left; }
.login_back_wrap > div .login_wrap .login_box .login_btn_wrap > button { width: 100%; height: 40px; background-color: #CD3301; color: #fff; font-weight: 900; margin-top: 10px; }
.login_back_wrap > div .login_wrap .login_box .login_save_wrap { width: 100%; float: left; margin-top: 10px; margin-bottom: 15px; padding-bottom: 15px; text-align: left; border-bottom: 1px solid rgba(0,0,0,0.22); }
.login_back_wrap > div .login_wrap .login_box .login_save_wrap > label { font-size: 10pt; color: #ccc; }
.login_back_wrap > div .login_wrap .login_box .login_save_wrap #message { width: 200px; height: 70px; position: absolute; background-color: #5a5a5d; padding: 0 10px; line-height: 65px; border: 1px solid #7f7f7f; }
.login_back_wrap > div .login_wrap .login_box .login_save_wrap #message > span { font-size: 14px; color: #fff; font-weight: 900; }

input[type="checkbox"] { display: none; }
label.save_login_label { font-size: 18px; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; }
label.save_login_label > .on { display: none; color: /*#3366CC;*/ #999999; color:#cd3301; font-size: 18px; }
label.save_login_label > .off { display: inline-block; color:#fff; font-size: 18px; }
input[type="checkbox"]:checked + label.save_login_label > .on { display: inline-block; }
input[type="checkbox"]:checked + label.save_login_label > .off { display: none; }

/* index */
.company_info_wrap { width: 100%; height: 90px; float: left; background-color: #fff; box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.1); }
.company_info_wrap .dash_info { width: 200px; height: 100%; background-color: var(--main-bg-color); text-align: center;}
.company_info_wrap .dash_contents { width: calc(100% - 200px); height: 100%; text-align: center;}
.company_info_wrap .dash_contents .dash_info_contents { width: 100%; height: 100%; float: left; }
.company_info_wrap .dash_contents .dash_info_contents > ul { line-height: 90px; }
.company_info_wrap .dash_contents .dash_info_contents > ul > li { font-weight: 900; font-size: 14px; margin-left: 15px; }
.company_info_wrap .dash_contents .dash_info_contents > ul > li .contour { margin-left: 15px; font-size: 12px; color:#333; }
.company_info_wrap .dash_info .dash_info_tit { width: 100%; height: 40px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.company_info_wrap .dash_info .dash_info_tit > span { color: #fff; font-size: 18px; font-weight: 900; top: 5px; }

/* index_box */
.dashboard_wrap { width: 100%; float: left; margin-top: 20px; }
.dashboard_wrap .dashboard_left_wrap { width: calc(100% - 420px); height: 700px; min-height: 100vh; float: left; }
.dashboard_wrap .dashboard_left_wrap .dashboard_left_contert { width: 100%; height: 1155px; float: left; background-color: #fff; box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.1); text-align: center; }
.dashboard_wrap .dashboard_left_wrap .dashboard_left_contert > span { width: 100%; float: left; font-size: 70px; color: #ccc; top: 50%; transform: translateY(-50%); }

.dashboard_wrap .dashboard_right_wrap { width: 400px; min-height: 100vh; float: right; }
.dashboard_wrap .dashboard_right_wrap .right_content { width: 100%; height: 100%; float: right; background-color: #fff; box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.1); }
.dashboard_wrap .dashboard_right_wrap .right_content > div { width: 100%; height: 100%; float: left; text-align: center; }
.dashboard_wrap .dashboard_right_wrap .right_content > div > span { width: 100%; float: left; font-size: 35px; color: #ccc; top: 50%; transform: translateY(-50%); }

/* index_프로필 영역 */
.dashboard_wrap .dashboard_right_wrap .content_1 { width: 400px; height: 345px; background-color: #464646; }
.dashboard_wrap .dashboard_right_wrap .content_1 .profile_first_wrap { width: 100%; height: 210px; float: left; padding-top: 40px; }
.dashboard_wrap .dashboard_right_wrap .content_1 .profile_first_wrap > ul .profile_image { width: 100%; height: 80px; border-radius: 80px; margin-bottom: 10px; }
.dashboard_wrap .dashboard_right_wrap .content_1 .profile_first_wrap > ul .profile_image > img { width: 80px; height: 80px; border-radius: 80px; margin-bottom: 10px; }
.dashboard_wrap .dashboard_right_wrap .content_1 .profile_first_wrap > ul .profile_name { width: 60%; height: 35px; background-color: #252525; border-radius: 35px; left: 50%; transform: translateX(-50%); }
.dashboard_wrap .dashboard_right_wrap .content_1 .profile_first_wrap > ul .profile_name > span { color: #fff; line-height: 35px; font-size: 14px; font-weight: 900; }
.dashboard_wrap .dashboard_right_wrap .content_1 .profile_first_wrap > ul .profile_name > a { color: #fff; font-size: 14px; left: 70px; }
.dashboard_wrap .dashboard_right_wrap .content_1 .profile_second_wrap { width: 100%; height: calc(100% - 210px); background-color: #393939; padding: 25px 0 25px 40px; }
.dashboard_wrap .dashboard_right_wrap .content_1 .profile_second_wrap > table { width: 100%; }
.dashboard_wrap .dashboard_right_wrap .content_1 .profile_second_wrap > table > tbody > tr { text-align: left; color: #fff; font-size: 14px; }
.dashboard_wrap .dashboard_right_wrap .content_1 .profile_second_wrap > table > tbody > tr > th { color: #858585; }

.dashboard_wrap .dashboard_right_wrap .content_2 { width: 400px; height: 200px; margin-top: 20px; }
.dashboard_wrap .dashboard_right_wrap .content_3 { width: 400px; height: 200px; margin-top: 20px; }
.dashboard_wrap .dashboard_right_wrap .content_4 { width: 400px; height: 350px; margin-top: 20px; }

.page_info_wrap { width: 100%; height: 140px; float: left; background-color: #fff; box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.1); padding: 0 30px; }
.page_info_wrap .title_wrap { width: 100%; height: 75px; float: left; padding-top: 22px; border-bottom: 1px solid #ccc; }
.page_info_wrap .title_wrap .red_rod { border-left: 3px solid #cd3301; }
.page_info_wrap .title_wrap .title { font-size: 20px; font-weight: 900; margin-left: 15px; }
.page_info_wrap .count_wrap { width: 100%; height: 60px; float: left; padding: 20px 0 0 10px; }
.page_info_wrap .count_wrap .text { font-size: 16px; }
.page_info_wrap .count_wrap .count { font-size: 16px; color: #f01717; margin-left: 10px; }

.page_wrap { width: 100%; height: auto; float: left; }
.page_wrap .page_content_wrap { width: 100%; min-height: 100vh; float: left; background-color: #fff; box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.1); margin-top: 20px; padding: 20px 30px; }
.page_wrap .page_content_wrap .page_title_wrap { width: 100%; float: left; }
.page_wrap .page_content_wrap .page_title_wrap > div { width: 100%; float: left; padding: 10px 0 20px 0; border-bottom: 1px solid #ccc; }
.page_wrap .page_content_wrap .page_title_wrap > div .page_title  { font-size: 20px; font-weight: 900; margin-left: 15px; }
.page_wrap .page_content_wrap .page_title_wrap > div .page_title_info  { font-size: 14px; margin-left: 10px; }
.page_wrap .list_wrap { width: 100%; float: left; }

.page_wrap .view_wrap { width: 100%; float: left; }

.top_search_wrap { width: 100%; height: 175px; float: left; margin-top: 70px; padding: 0 40px; }
.top_search_wrap > div { width: 100%; height: 100%; float: left; border: 1px solid #ccc; }
.top_search_wrap > div .top_form_wrap { width: 100%; height: 100%; float: left; padding: 40px;}
.top_search_wrap > div .top_form_wrap > form > ul { width: 800px; height: 100%; }
.top_search_wrap > div .top_form_wrap > form > ul > li { width: 100%; }
.top_search_wrap > div .top_form_wrap > form > ul > li:not(:first-child) { margin-top: 15px; }
.top_search_wrap > div .top_form_wrap > form > ul > li > span { float: left; font-size: 14px; line-height: 35px; font-weight: 900; }
.top_search_wrap > div .top_form_wrap > form > ul > li > input { width: 446px; height: 35px; margin-left: 20px; padding: 0 10px; }
.top_search_wrap > div .top_form_wrap > form > ul > li .date_box { width: 120px; height: 35px; float: left; border: 1px solid #D9D9D9; }
.top_search_wrap > div .top_form_wrap > form > ul > li .date_division { margin-left: 20px; }
.top_search_wrap > div .top_form_wrap > form > ul > li > button { width: 60px; height: 35px; }
.top_search_wrap > div .top_form_wrap > .top_btn_wrap { float: right; margin-top: 15px; }

.bottom_search_wrap { width: 100%; float: left; padding: 0 40px 20px 40px; }
.bottom_search_wrap > div { width: 100%; height: 120px; border: 1px solid #ccc; }
.bottom_search_wrap > div .bottom_search_content { float: left; transform: translate(-50%, -50%); top: 50%; left: 50%; }
.bottom_search_wrap > div .bottom_search_content > ul > li > select { margin-left: 20px; float: left; border: 1px solid #ccc; min-width: 100px; height: 40px; margin: 0; padding: 0 10px; }
.bottom_search_wrap > div .bottom_search_content > ul > li > input { width: 200px; margin-left: 10px; }

.page_guide_wrap { width: 100%; float: left; padding: 20px 40px; }
.page_guide_wrap > div { width: 100%; height: 250px; float: left; border: 1px solid #ccc; }
.page_guide_wrap > div > div { width: 100%; height: 100%; }
.page_guide_wrap > div > div > table { width: 100%; height: 100%; float: left; }
.page_guide_wrap > div > div > table > tr { width: 100%; height: 100%; float: left; }
.page_guide_wrap > div > div > table > tbody > tr > th.guide_tit { text-align: center; color: #dedede; font-size: 24px; }
.page_guide_wrap > div > div > table > tbody > tr > td.guide_txt { font-size: 14px; }
.page_guide_wrap > div > div > table > tbody > tr > td.guide_txt > div:not(:first-child) { margin-top: 10px; }
.page_guide_wrap > div > div > table > tbody > tr > td.guide_txt > div span.guide_title { font-weight: 900; }
.page_guide_wrap > div > div > table > tbody > tr > td.guide_txt > div .txt { font-size: 12px; margin-left: 10px; }

/* 리스트(테이블) 커스텀 */
.list { width: 100%; float: left; margin-top: 20px; padding: 40px; }
.list > table { width: 100%; table-layout: fixed; border-top: 2px solid #333333; }
.list > table > thead > tr { padding: 10px; background-color: #f6f6f6; }
.list > table > thead > tr > th { padding: 10px; background-color: #f6f6f6; height: 50px; }
.list > table > tbody > tr > th { padding: 10px; background-color: #ebebeb; height: 65px; }
.list > table > thead > tr > th:not(:first-child, :last-child) { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.list > table > tbody > tr{ border-top: 1px solid #ccc; }
.list > table > tbody > tr:not(.none_event_tr) { border-top: 1px solid #ccc; cursor: pointer; }
.list > table > tbody > tr > td { padding: 10px; background-color: #fff; text-align: center; font-size: 14px; height: 58px;}
.list > table > tbody > tr:not(.none_event_tr):hover > td { background-color: #f2fafe; }
.list > table > tbody > tr > td:not(:last-child) { border-right: 1px solid #ccc; }
.list > table > tbody > tr:last-child { border-bottom: 1px solid #ccc; }
.list .list_btn { width: 100%; height: 120px; background-color: #f6f6f6; border-bottom: 1px solid #000000; padding: 0 10px; }
.list .list_btn > div { margin-top: 35px; }

/* 뷰 커스텀 */
.view { width: 100%; float: left; margin-top: 10px; padding: 40px; }
.view .view_tit { width: 100%; float: left; margin-bottom: 10px; }
.view .view_tit:not(:first-child) { margin-top: 70px; }
.view .view_tit > span { font-size: 21px; font-weight: bold; }
.view .view_tit .tit_month { color: var(--main-bg-color); }
.view > table { width: 100%; table-layout: fixed; border-top: 2px solid #333333; }
.view > table > thead > tr {  padding: 10px; background-color: #f6f6f6; }
.view > table > thead > tr > th { padding: 10px; background-color: #f6f6f6; height: 50px; }
.view > table > tbody > tr > th { padding: 10px; background-color: #f6f6f6; height: 65px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.view > table > thead > tr > th:not(:first-child, :last-child) { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.view > table > tbody > tr > td { padding: 10px; background-color: #fff; text-align: left; font-size: 14px; height: 58px; border-bottom: 1px solid #ebebeb; }
.view > table > tbody > tr > td:not(:last-child) { border-right: 1px solid #ccc; }
.view > table > tbody > tr:last-child { border-bottom: 1px solid #ccc; }
.view .view_btn { width: 100%; height: 120px; background-color: #f6f6f6; border-bottom: 1px solid #000000; padding: 0 10px; }
.view .view_btn > div { margin-top: 35px; }

.view > table > tbody > tr .txt_r { text-align: right; }
.view > table > tbody > tr .txt_c { text-align: center; }

.inner_table { width: 100%; }
.inner_table > thead > tr:first-child { border-top: 2px solid #000000; }
.inner_table > thead > tr { background-color: #F2F2F2; }
.inner_table > thead > tr > th { padding: 10px; border: 1px solid #ccc; text-align: center; }
.inner_table > tbody > tr { border-bottom: 1px solid #ccc;  }
.inner_table > tbody > tr > td { padding: 20px; border-right: 1px solid #ccc; text-align: center; }
.inner_table > tbody > tr > td:last-child { border-right: none; }

.bottom_search_wrap { width: 100%; height: auto; float: left; }
span.division { padding: 10px; color: #ccc; }

.list_sub_wrap { width: 100%; float: left; }
.list_sub_wrap > div { width: 100%; float: left; }
.list_sub_wrap > div > div { width: 50%; }
.list_sub_wrap > div .left > div { float: left; margin-bottom: 10px; }
.list_sub_wrap > div .left > div:first-child { padding-top: 5px; }
.list_sub_wrap > div .right > div { float: right; margin-bottom: 10px; }
.list_sub_wrap > div .right > div > select { margin-bottom: 5px; }

td > ul > li > input.myInfo_1 { width: 250px; margin-left: 5px; }
td > ul > li > input.myInfo_2 { width: 160px; margin-left: 5px; }

/* 나의정보V 이미지 */
.myInfo_pic {  width: auto; height: 70px; }
.myInfo_resident { width: auto; height: 200px; }
.myInfo_passbook { width: auto; height: 100px; }
.myInfo_save_btn { padding: 5px 10px; margin-left: 10px; font-weight: bold; font-size: 12px; border: 1px solid rgba(0, 0, 0, 0.15); cursor: pointer; }

/* 조직관리 */
.add_wrap { width: 100%; height: 175px; float: left; margin-top: 70px; padding: 0 40px; }
.add_wrap > div { width: 100%; height: 100%; float: left; border: 1px solid #ccc; }
.add_wrap > div .add_inner_wrap { width: 100%; height: 100%; float: left; padding: 40px 480px; }
.add_wrap > div .add_inner_wrap > ul { width: 100%; }
.add_wrap > div .add_inner_wrap > #inp_ul > li { width: 100%; }
.add_wrap > div .add_inner_wrap > #btn_ul > li { width: 50%; margin-top: 5px; }
.add_wrap > div .add_inner_wrap > #btn_ul > li:first-child { padding-right: 2px; }
.add_wrap > div .add_inner_wrap > #btn_ul > li:last-child { padding-left: 2px; }
.add_wrap > div .add_inner_wrap > #btn_ul > li > button { width: 100%; }

/* 실적관리 */
.month_wrap { width: 100%; height: 65px; float: left; margin-top: 40px; }
.month_wrap .monthView { width: 450px; height: 100%; float: left; left: 50%; transform: translateX(-50%); }
.month_wrap .monthView > div { float: left; height: 100%; }
.month_wrap .month_btn { width: 65px; border-radius: 65px; border: 1px solid var(--main-bg-color); text-align: center; }
.month_wrap .month_content { width: 300px; margin-left: 10px; border-radius: 65px; border: 1px solid var(--main-bg-color); text-align: center; }
.month_wrap .monthView > div > span { line-height: 65px; font-size: 21px; font-weight: 900; }
.month_wrap .monthView .month_btn > span { color: var(--main-bg-color); bottom: 2px; }
.month_wrap .monthView #next_btn { left: 2px; }
.month_wrap .monthView #pre_btn, .month_wrap .monthView #next_btn { cursor: pointer; }
.team_wrap { float: left; width: 100%; } 
.total_tr .txt_r { font-weight: 900; background-color: #f7f7f7; }
#salesEditBtn { color: #999; left: 6px; }
.valWrap { cursor: pointer; transition: 0.4s; }
.valWrap:hover .totalSalesValuenWrap  { color: var(--main-bg-color); font-weight: 900; }
.totalSalesWrap { cursor: text; }
.valueInformationWrap { position: absolute; min-width: 220px; max-height: 605px; background-color: #fff; border: 1px solid #000000; z-index: 9; bottom: 15px; right: 85px; display: none; }
.valueInformationWrap .popup_tit { width: 100%; float: left; background-color: #efefef; padding: 10px; }
.valueInformationWrap .popup_infos { width: 100%; float: left; overflow: auto; max-height: 500px; padding: 10px; }
.valueInformationWrap > p, .valueInformationWrap > div > p { text-align: left; font-weight: 900; }
.valueInformationWrap > p { padding: 10px !important; }
.valueInfo { color: #999; }
.infoPrice { color: var(--main-bg-color); }
.valueLine { width: 100%; border-bottom: 1px solid #ccc; margin: 7px 0; }
.valueInfoTitWrap .valueInfoTit { font-size: 15px; }
.dataThTit:hover { background-color: var(--main-bg-color); color: #ffffff; cursor: pointer; }
.dataThTit.activeTit { background-color: var(--main-bg-color); color: #ffffff; }

/* 실적관리 월 현황 대쉬보드 */
.list_etc_dash { width: 100%; float: left; }
.list_etc_dash .reportCL_info { width: 100%; border: 2px solid var(--main-bg-color); }
.list_etc_dash .reportCL_info > tbody { height: 140px; }
.list_etc_dash .reportCL_info > tbody > tr { width: 100%; height: 100%; }
.list_etc_dash .reportCL_info > tbody > tr .dashTit { height: 100%; background-color: var(--main-bg-color); color: #fff; font-weight: 900; text-align: center; }
.list_etc_dash .reportCL_info > tbody > tr .info { height: 100%; font-size: 16px; }
.list_etc_dash .reportCL_info > tbody > tr .info .top_info { width: 100%; padding: 10px 0; }
.list_etc_dash .reportCL_info > tbody > tr .info .top_info > span { font-size: 16px; }
.list_etc_dash .reportCL_info > tbody > tr .info .top_info .label { font-weight: 900; }
.list_etc_dash .reportCL_info > tbody > tr .info .top_info .line { margin: 0 10px 0 10px; }
.list_etc_dash .reportCL_info > tbody > tr .info .top_info .value { color: #999; }
.detailTxtWrap { position: absolute; cursor: pointer; left: 1425px; bottom: 10px; }
.detailTxtWrap .detailTxt { font-size: 14px; color: #999; }
.detailInner { position: absolute; width: 100%; z-index: 2; display: none; }
.detailInner .detailInnerContents { width: 85%; padding: 30px; border: 1px solid var(--main-bg-color); border-top: none; background-color: #fff; bottom: 1px; left: 15%; }

/* 매출 통계 */
.page_content_wrap .chartWrap { float: left; width: 100%; margin-top: 40px; }
.page_content_wrap .chartWrap > div { width: 100%; height: 60px; display: inline-block; margin-top: 30px; font-weight: bold; color: #999999; text-align: center; }
.page_content_wrap .chartWrap > div .dateInpWrap { width: 140px; display: inline-block; top: 12px; }
.page_content_wrap .chartWrap > div .tildeWrap { width: 20px; display: inline-block; text-align: center; }
.page_content_wrap .chartWrap > div > div > input[type='text'] { width: 140px; height: 35px; }
.page_content_wrap .chartWrap > div > div .calendar { position: absolute; right: 15px; top: 5px; color: #c9c9c9; }
.page_content_wrap .chartWrap > div .searchBtnWrap { width: 100px; display: inline-block; margin-left: 10px;  }
.page_content_wrap .chartWrap > div > div .searchBtn { width: 90px; height: 35px; background-color: #999999; color: #fff; font-weight: bold; }
.page_content_wrap > div .clock { font-size: 14px; color: #9e9e9e; }
.page_content_wrap > div .dateWrap { font-size: 14px; margin-left: 3px; }

.todayBtn { position: absolute; width: 100px; height: 35px; left: 44px; top: 18px; border-radius: 25px; padding: 5px 16px; text-align: center; cursor: pointer; border: 1px solid #ccc; }
.todayBtn > span { font-size: 14px; font-weight: 900; color: #3b3b3b; bottom: 2px; }
.selectDateWrap { float: right; right: 34px; top: 18px; }

.color-ccc { color: #ccc; }
.color-999 { color: #999; }
.detailTit { text-align: left; font-size: 21px; }
.detailTit .detailTitInner { padding: 0 0 10px 15px; }

.popup_infos::-webkit-scrollbar {
	width: 5px; /*스크롤바의 너비*/
}
.popup_infos::-webkit-scrollbar-thumb {
 background-color: #ccc; /*스크롤바의 색상*/
}
 
.popup_infos::-webkit-scrollbar-track {
  background-color: #fff; /*스크롤바 트랙 색상*/
}

.dashCircleTit { padding: 5px 10px; border: 1px solid var(--main-bg-color);  border-radius: 16px; color: var(--main-bg-color); }

.infoArea { display: inline-block; margin-left: 5px; text-align: left !important; color: #CCC; cursor: pointer; }
.infoArea .infoIcon { cursor: pointer; font-size: 13px; }
.infoArea .infoWrap { position: absolute; width: 300px; left: 100%; top: 0; background-color: #FFF; border: 1px solid #EEE; border-radius: 6px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); padding: 10px; z-index: 20; margin-left: 10px; display: none; }
.infoArea .infoWrap .infoTit { width: 100%; float: left; font-size: 13px; font-weight: bold; color: #333; line-height: 20px; margin-bottom: 2px; text-align: left; }
.infoArea .infoWrap .infoContents { width: 100%; float: left; font-size: 12px; color: #333; font-weight: 500; line-height: 18px; padding-left: 3px; text-align: left; }

/* 고객사 통계 */
.dashRightWrap { padding: 40px 0 40px 70px; }
.dashRightWrap .dashRightTit { font-weight: bold; font-size: 18px; }
.dashRightWrap .dashRightValue { margin-left: 20px; font-weight: bold; font-size: 18px; }
.dashRightWrap .dashRightValueSide { font-weight: bold; font-size: 14px; }
.btDataWrap { width: 100%; float: left; }
.bd-b1 { border-bottom: 1px solid #ccc; }
.bd-t1 { border-top: 1px solid #ccc; }
.status_select { width: 170px; float: left; bottom: 5px; }