/* --------------------- common ---------------------------- */
/*@font-face {*/
/*    font-family: 'Pretendard';*/
/*    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');*/
/*    font-weight: 100;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Pretendard';*/
/*    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Extralight.woff') format('woff');*/
/*    font-weight: 200;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Pretendard';*/
/*    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-light.woff') format('woff');*/
/*    font-weight: 300;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Pretendard';*/
/*    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Pretendard';*/
/*    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Pretendard';*/
/*    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');*/
/*    font-weight: 600;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Pretendard';*/
/*    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');*/
/*    font-weight: 700;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Pretendard';*/
/*    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');*/
/*    font-weight: 800;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'Pretendard';*/
/*    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');*/
/*    font-weight: 900;*/
/*    font-style: normal;*/
/*}*/

html,body {width:100%;}
html {overflow:auto; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
    font-family: 'Pretendard', 'NanumSquareNeo';
    -webkit-text-size-adjust:none;
    box-sizing:border-box;
}
body {word-break:break-all; -ms-word-break:break-all;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,a,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;
    font-family: 'Pretendard', 'NanumSquareNeo'; font-weight: 400; color:#3F4857; letter-spacing: -0.02px; line-height:1.3;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
input, select, textarea, button{vertical-align:middle; outline:none; border:0;}
a:link,a:active,a:visited{text-decoration:none;}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:400;}
summary, caption, legend, hr {width:0; height:0; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
.clfix:after {content: "."; display: block; height:0; clear: both; visibility: hidden;}
.pc_img {display: block;}
.tab_img {display: none;}
.mob_img {display: none;}
.pc {display: block;}
.tab {display: none;}
.mob {display: none;}
img{image-rendering: crisp-edges;}


/* --------------------- css ---------------------------- */
.admin_header { position:relative; display: flex; align-items: center; justify-content: space-between; padding:0 40px; height:80px; border-bottom: 1px solid #E6EAEF; background: #FFF; z-index: 101;}
.admin_header .notice_top { max-width:70%; height:100%;}
.admin_header .notice_top .notice_swiper { height:100%;}
.admin_header .notice_swiper .swiper-slide { display:flex; align-items: center; height:100%;}
.admin_header .notice_swiper .swiper-slide p { padding-left:40px; width:100%; background:url(../new_admin_img/ico_notice.png) left center no-repeat;}
.admin_header .notice_swiper .swiper-slide p a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; font-size:15px; color:#2D3643;}
.admin_header .header_right { display: flex; align-items: center; gap:0 24px;}
.admin_header .header_right .btn_box { display: flex; align-items: center; gap:0 8px;}
.admin_header .header_right .btn_box button { display: flex; align-items: center; justify-content: center; position:relative; width:40px; height:40px;}
.admin_header .header_right .btn_box a{position:relative; display: block;  width:40px; height:40px;}
.admin_header .header_right .btn_box a img{position:absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.admin_header .header_right .btn_box .num { display: block; position:absolute; left:18px; top:6px; width:max-content; min-width:16px; padding: 0 3px; height:16px; border:none; background-color:#24B770; border-radius: 8px; font-size:10px; color:#FFF; font-weight:500; line-height:16px; text-align: center;}
.admin_header .header_right .profile { display: flex; align-items: center; gap: 0 12px;}
.admin_header .header_right .profile .img_box { overflow: hidden; width:32px; border-radius: 50%; border:1px solid #24b770;}
.admin_header .header_right .profile .img_box .img_wrap { position:relative; width:100%; padding-bottom:100%;}
.admin_header .header_right .profile .img_box .img_wrap img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.admin_header .header_right .profile .p_name strong { font-size:16px; color:#2D3643; font-weight:500; line-height:1;}
.admin_header .header_right .profile .p_name p { margin-top:4px; font-size:12px; color:#ACB2BA; line-height:1;}
.admin_header .header_right .profile.logout a { display: flex; align-items: center; gap:0 4px; padding:0 8px; height:34px; border: 1px solid #E6EAEF; border-radius: 8px; font-size:13px;}
.admin_header .header_right .profile.logout i,
.admin_header .header_right .profile.logout span { color:#2D3643; line-height: 1;}
.admin_header .header_right .btn_box .header_menu { display: flex; align-items: center; justify-content: center; width:48px; height:48px; border-radius: 16px; border: 1px solid #E6EAEF; background: #FFF;}
.admin_header .header_right .btn_box .header_menu.active { border: 1px solid #E6EAEF; background: #CEFFC7;}
.admin_header .header_right .btn_box .memo_num { display: block; position:absolute; left:18px; top:6px; width:max-content; min-width:16px; padding: 0 3px; height:16px; border:none; background-color:#DF650C; border-radius: 8px; font-size:10px; color:#FFF; font-weight:500; line-height:16px; text-align: center;}

.admin_container em { font-style: normal;}
.admin_container input { border:none; outline: none; background:transparent;}
.admin_container textarea { border:none; outline: none; background:transparent;}
.admin_container button { border:none; background:transparent; outline: none;}
.admin_container select { min-width:120px; appearance: none; border-bottom: 1px solid #E6EAEF; background:url(../new_admin_img/ico_select.png) right center no-repeat; font-size:14px; color:#2D3643;}
.admin_pop *::-webkit-scrollbar {width: 4px; height: 4px; background: transparent;}
.admin_container *::-webkit-scrollbar {width: 6px; height: 6px; background: transparent;}
.admin_pop *::-webkit-scrollbar-thumb,
.admin_container *::-webkit-scrollbar-thumb {background: #ACB2BA; border-radius: 6px; background-clip: content-box; border:none;}
.admin_pop *::-webkit-scrollbar-thumb:hover,
.admin_container *::-webkit-scrollbar-thumb:hover {background: #ACB2BA;  border: none;}

.admin_content { padding:40px; min-height:calc(100vh - 132px);}
.admin_tit { display:flex; justify-content: space-between; align-items: center; margin-bottom:24px;}
.admin_tit h2 { font-size:20px; color:#1A212E; font-weight:500;}
.admin_tit .btn_box { display: flex; align-items: center; gap:0 8px;}
.admin_tit .btn_box .btn { padding:0 24px; height:36px; border-radius:8px; font-size:14px; font-weight:500;}
.admin_tit .btn_box .btn:focus { box-shadow: none;}
.admin_tit .btn_box .btn.btn01 { background-color:#24b770; color:#fff; align-content: center;}
.admin_tit .btn_box .btn.btn02 { background-color:#E5F9EF; color:#24b770; align-content: center;}
.admin_tit.view { display: block; margin-bottom:16px;}
.admin_tit.view .tit_top { display: flex; justify-content: space-between; align-items: center;}
.admin_tit.view .tit_top strong { display: flex; align-items: center; font-size:20px; color:#1A212E; font-weight:500;}
.admin_tit.view .tit_top .tag { margin-right:8px; font-size:16px; line-height:23px;}
.admin_tit.view .tit_bottom { display: flex; gap:0 8px;}
.admin_tit.view .tit_bottom span { font-size:15px; color:#ACB2BA;}

.board_form .con .inp_box .btn.btn01 { width:130px; height: 36px; background-color:#24b770; color:#fff; align-content: center;}
.board_form .con .inp_box .btn.btn02 { width:130px; height: 36px; background-color:#E5F9EF; color:#24b770; align-content: center;}

.inner02 .card_con_wrap .board_form .con { padding:18px 24px; border-radius: 12px; border: 1px solid #E6EAEF; background: #FFF;}
.inner02 .card_con_wrap .board_form .con ~ .con {margin-top: 8px;}
.inner02 .card_con_wrap .board_form .con .inp_box { display: flex; align-items: baseline;}
.inner02 .card_con_wrap .board_form .con .inp_box.center { align-items: center;}
.inner02 .card_con_wrap .board_form .con .inp_box label:not(.chk_stl01,.plus_file) { display: block; width:200px; font-size:14px; color:#2D3643; line-height: 36px;}
.inner02 .card_con_wrap .board_form .con .inp_box input[type="text"] { width:calc(100% - 120px); height:36px; border-bottom: 1px solid #E6EAEF; font-size:14px; color:#2D3643;}
.inner02 .card_con_wrap .board_form .con .inp_box input[type="text"]::placeholder { color:#ACB2BA;}
.inner02 .card_con_wrap .board_form .con .inp_box input:focus,
.inner02 .card_con_wrap .board_form .con .inp_box textarea:focus {border-color: #2D3643;}
.inner02 .card_con_wrap .board_form .con .inp_box ~ .inp_box { margin-top:8px;}
.inner02 .card_con_wrap .board_form .con .inp_box .inp_con { width:calc(100% - 120px);}
.inner02 .card_con_wrap .board_form .con .inp_box .inp_con .chk_box { display: flex; align-items: center; gap:0 16px; height:36px; margin-bottom:16px;}
.inner02 .card_con_wrap .board_form .con .inp_box textarea { padding:8px 0; resize: none; width:calc(100% - 120px); height:440px; border-bottom: 1px solid #E6EAEF;}
.inner02 .card_con_wrap .board_form .con .inp_box select { min-width:120px; height:36px;}
.inner02 .card_con_wrap .board_form .con .inp_box .inp_con textarea { width:100%;}
.inner02 .card_con_wrap .board_form .con .inp_box .button1 {
    padding: 3px;
    background-color: #E5F9EF;
    color: #24b770;
    align-content: center;
    height: 36px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    width: 130px;
}
.inner02 .card_con_wrap .board_form .con .form_file_box { width:calc(100% - 120px);}
.inner02 .card_con_wrap .board_form .con .form_file { display: flex; align-items: center; gap:0 16px;}
.inner02 .card_con_wrap .board_form .con .form_file ~ .form_file { margin-top:8px;}
.inner02 .card_con_wrap .board_form .con .form_file .plus_file span { display: flex; align-items: center; padding:0 12px; height:33px; border-radius: 8px; border: 1px solid #E6EAEF; font-size:14px; color:#2D3643;}
.form_file .plus_file + input::file-selector-button { display: none;}
.inner02 .card_con_wrap .board_form .con .form_file .file_name { display: flex; align-items: center; gap:0 8px;}
.inner02 .card_con_wrap .board_form .con .form_file .file_name span { font-size:14px; color:#788290; text-decoration: underline;}
.inner02 .card_con_wrap .board_form .con .form_file .file_name em { font-size:14px; color:#788290;}

.admin_btn { display:flex; justify-content: space-between; align-items: end; margin-top:24px; margin-bottom:24px;width: 100%}
.admin_btn .btn_box .btn { padding:0 24px; height:36px; border-radius:8px; font-size:14px; font-weight:500;}
.admin_btn .btn_box .btn:focus { box-shadow: none;}
.admin_btn .btn_box .btn.btn01 { background-color:#24b770; color:#fff; align-content: center;}
.admin_btn .btn_box .btn.btn02 { background-color:#E5F9EF; color:#24b770; align-content: center;}

.chat_content { display:flex;
    background-color: #fff;}
.chat_content .chat_left { position:relative; width:320px; border-right:1px solid #E6EAEF;}
.chat_content .chat_left .chat_open { display: flex; align-items: center; justify-content: center; position:absolute; right:16px; bottom:16px; width:40px; height:40px; border-radius:50%; background-color:#24b770; box-shadow: 0px 4px 12px 0px rgba(36, 183, 112, 0.4);}
.chat_content .chat_tit { display: flex; align-items: center; justify-content: space-between; padding:0 18px; height:64px; border-bottom: 1px solid #E6EAEF;}
.chat_content .chat_tit h2 { font-size: 20px; color:#1A212E; font-weight:500;}
.chat_content .chat_search_wrap { display:flex; align-items: center; gap:0 8px; padding: 16px 18px; border-bottom:1px solid #E6EAEF;}
.chat_content .chat_search{position:relative; width: calc(100% - 100px); height:42px; background-color: #F4F7FA; border-radius: 8px;}
.chat_content .chat_search input {width: 100%; height: 100%; outline:0; border:0; border: none; background-color: transparent; padding: 0 40px 0 16px;}
.chat_content .chat_search button { width:18px; height:18px; position:absolute; right: 16px; top: 0; bottom: 0; margin:auto 0; background-color: transparent; }
.chat_content .chat_search input::placeholder { font-size:14px; color:#ACB2BA; font-weight:400;}
.chat_content .chat_search_wrap .new_chat{display: block; width:95px; padding: 0 12px; border: 1px solid #E6EAEF; border-radius: 8px; line-height: 40px;}
.chat_content .chat_tab_container .tab_con {}
.chat_content .chat_tab_container .recent_wrap {}
.chat_content .chat_tab_container .recent_con{ padding:16px;}
.chat_content .chat_tab_container .recent_tit { font-size:13px; color:#788290;}
.chat_content .chat_tab_container .recent_list { margin-top:8px;}
.chat_content .chat_tab_container .recent_list li { display: flex; align-items: center; gap:0 12px; padding:6px 0;}
.chat_content .chat_tab_container .recent_list li .on{ color:#24b770;}
.chat_content .chat_tab_container .recent_list li .img_box { position:relative; width:40px; height:40px;}
.chat_content .chat_tab_container .recent_list li .img_box a { display: block; width:100%; height:100%;}
.chat_content .chat_tab_container .recent_list li .img_box .img_wrap { overflow: hidden; position:relative; width:100%; padding-bottom:100%; border-radius: 50%; border:1px solid #E6EAEF;}
.chat_content .chat_tab_container .recent_list li .img_box .img_wrap img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.chat_content .chat_tab_container .recent_list li .img_box em.on { position:absolute; right:0; bottom:0; display: block; width:12px; height: 12px; border-radius: 50%; border: 2px solid #FFF; background: #24b770;}
.chat_content .chat_tab_container .recent_list li .con_box { width:calc(100% - 52px)}
.chat_content .chat_tab_container .recent_list li .con_box .top { display: flex; justify-content: space-between; align-items: center; width:100%;}
.chat_content .chat_tab_container .recent_list li .con_box .top .name { font-size:15px; color:#2D3643; font-weight:500;}
.chat_content .chat_tab_container .recent_list li .con_box .top .on_name { font-size:15px; color:#24b770; font-weight:500;}
.chat_content .chat_tab_container .recent_list li .con_box .top span { font-size:12px; color:#C9D0D9; font-weight: 500;}
.chat_content .chat_tab_container .recent_list li .con_box .bt { margin-top: 6px;}
.chat_content .chat_tab_container .recent_list li .con_box .bt .txt { display: block; padding-right:50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; font-size:13px; color:#2D3643;}
.chat_content .chat_tab_container .recent_list li .con_box .bt .txt.checked { color:#ACB2BA; background:url(../new_admin_img/ico_confirm.png) right center no-repeat;}
.chat_content .chat_right { width:calc(100% - 320px);}
.chat_content .chat_head { display: flex; align-items: center; justify-content: space-between; padding:0 24px; height:64px;}
.chat_content .chat_profile { display: flex; align-items: center; gap:0 12px;}
.chat_content .chat_profile .img_box { position:relative; width:40px; height:40px;}
.chat_content .chat_profile .img_box a { display: block; width:100%; height:100%;}
.chat_content .chat_profile .img_box .img_wrap { overflow: hidden; position:relative; width:100%; padding-bottom:100%; border-radius: 50%; border:1px solid #E6EAEF;}
.chat_content .chat_profile .img_box .img_wrap img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.chat_content .chat_profile .img_box em.on { position:absolute; right:0; bottom:0; display: block; width:12px; height: 12px; border-radius: 50%; border: 2px solid #FFF; background: #24b770;}
.chat_content .chat_profile strong { font-size:16px; color:#2D3643; font-weight:500;}
.chat_content .chat_head .btn_box { display: flex; align-items:center; gap:0 16px;}
.chat_content .chat_body { overflow-y:auto; padding:24px; height: calc(100vh - 300px); background-color:#a8e5a1a8; border: 1px solid #E6EAEF; border-left:0; border-right:0;}
.chat_content .chat_body .chat_profile .img_box { width:32px; height:32px;}
.chat_content .chat_body .msg { display:flex; align-items: flex-start; gap:0 12px;}
.chat_content .chat_body .msg ~ .msg { margin-top:18px;}
/*원본 .chat_content .chat_body .msg .msg_txt_wrap { border-radius: 10px; position:relative; padding-right:150px; width:max-content; max-width:640px; padding-top:4px; background: white;}*/
.chat_content .chat_body .msg .msg_txt_wrap { border-radius: 10px; position:relative; padding-right:150px; width:max-content; max-width:640px; padding-top:4px;}
.chat_content .chat_body .msg .msg_txt_wrap a img {left:0; right:0; top:0; bottom:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;}
.chat_content .chat_body .msg.send .msg_txt_wrap{display: flex; flex-direction: column; align-items: flex-end;}
.chat_content .chat_body .msg .msg_txt_wrap em{display: block; width: max-content; font-size:14px; line-height: 1; color:#2D3643; margin-bottom: 8px; font-weight: 500;}
.chat_content .chat_body .msg .msg_txt_wrap .msg_txt { padding:12px 18px; border-radius: 8px; background-color:#fff;}
.chat_content .chat_body .msg .msg_txt_wrap .msg_txt ~ .msg_txt { margin-top:8px;}
.chat_content .chat_body .msg .msg_txt_wrap .msg_txt p { font-size:14px; color:#2D3643; line-height: 1.5;}
.chat_content .chat_body .msg .msg_txt_wrap .time { position:absolute; right:71px; bottom:0; font-size:12px; color:#000000b3;}
.chat_content .chat_body .msg.send {flex-direction: row-reverse;}
.chat_content .chat_body .msg.send .msg_txt_wrap { padding-right:0; padding-left:150px; border-radius: 10px;}
.chat_content .chat_body .msg.send .msg_txt_wrap a img {left:0; right:0; top:0; bottom:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;}
.chat_content .chat_body .msg.send .msg_txt_wrap .msg_txt { background-color:#24b770;}
.chat_content .chat_body .msg.send .msg_txt_wrap .msg_txt p { color:#fff;}
.chat_content .chat_body .msg.send .msg_txt_wrap .time { right:auto; left:71px;}
.chat_content .chat_form { display: flex; align-items: center; gap:0 8px; padding:18px 24px;}
.chat_content .chat_file { display: flex; align-items: center; gap:0 8px; margin-left: 20px; color: #24b770;}
.chat_content .chat_files { display: flex; align-items: center; gap:0 8px; margin-left: 20px; color: #24b770;}
.chat_content .chat_form textarea { resize:none; width:calc(100% - 88px); height:36px; border-bottom: 1px solid #E6EAEF;}
.chat_content .chat_form button { width:36px; height:36px; border-radius: 8px;}
.chat_content .chat_form button.btn01 { background-color:#E5F9EF;}
.chat_content .chat_form button.btn02 { background-color:#24b770;}


/*퀵메뉴*/
#quick_menu { position:fixed; top:50%; right: 1px; transform:translate(calc(100% - 25px), -50%); z-index: 9999; transition:.6s;}
#quick_menu.on { right:-1px; transform:translate(0, -50%);}
#quick_menu .btn_quick_wrap{position:absolute; left:-20px; top:50%; transform:translateY(-50%); width:40px; height:40px;}
#quick_menu .btn_quick { display: flex; align-items: center; justify-content: center; position:relative; width:100%; height:100%; background:linear-gradient(#24AEB7, #24b770); border-radius: 50%; z-index: 10; border:none; outline: none;}
#quick_menu .btn_quick_wrap .quick_img{position:absolute; left: 50%; top: 50%; width: 78px; transform: translate(-50%,-50%); transition:0.5s;  animation:quick_ani 4s ease-in-out Infinite;}
#quick_menu .btn_quick .close { display: none;}
#quick_menu.on .btn_quick .open { display: none;}
#quick_menu.on .btn_quick .close { display: block;}
#quick_menu .btn_quick_wrap .btn_quick:hover + .quick_img{ animation:quick_ani paused;transform: translate(-50%,-50%); width: 0; opacity: 0;}
#quick_menu.on .quick_img{ transform: translate(-50%,-50%); opacity: 0; width: 0;}
#quick_menu .menu_list { padding:24px 28px; width:max-content; border-radius: 16px 0px 0px 16px; border: 1px solid #24b770; background: #FFF;}
#quick_menu .menu_list li ~ li { margin-top:16px;}
#quick_menu .menu_list li a { display: flex; align-items: center; gap:0 16px;}
#quick_menu .menu_list li a span { font-size:14px; color:#525F64; font-weight:500;}
@keyframes quick_ani {
    0% {
        transform: translate(-50%,-50%) rotate(0deg);
    }
    20% {
        transform: translate(-50%,-50%) rotate(360deg);
    }
    40% {
        transform: translate(-50%,-50%) rotate(360deg);
    }
    100% {
        transform: translate(-50%,-50%) rotate(360deg);
    }
}

/*나의프로필*/
body.theme-3 .admin_container a:not([class]) { color:inherit;}
body.theme-3 .admin_container a:not([class]):hover { color:inherit;}
.admin_container .btn:focus { box-shadow: none;}
.admin_container ul { padding:0; margin:0;}

.admin_pop .p_img .img_wrap,
.admin_container .p_img .img_wrap { overflow: hidden; position:relative; width:100%; padding-bottom:100%; border:1px solid #E6EAEF; border-radius: 50%;}
.admin_pop .p_img .img_wrap img,
.admin_container .p_img .img_wrap img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}

.admin_container .profile_wrap .con { padding:18px 24px; border-radius: 12px; border: 1px solid #E6EAEF; background: #FFF;}
.admin_container .profile_wrap .con ~ .con { margin-top:8px;}
.admin_container .profile_wrap .con.top { display:flex; align-items: center; gap:0 24px;}
.admin_container .profile_wrap .con .p_img { width:120px;}
.admin_container .profile_wrap .con .p_info strong { font-size:18px; color:#2D3643; font-weight: 700;}
.admin_container .profile_wrap .con .p_info p { margin:8px 0 16px; font-size:14px; color:#788290;}
.admin_container .profile_wrap .con .p_info label { display: flex; align-items: center; padding:0 12px; width:max-content; height:33px; border-radius: 8px; border: 1px solid #E6EAEF; font-size:14px; color:#2D3643; font-weight:500;}
.admin_container .profile_wrap .con .inp_wrap .inp_box { display: flex; align-items: baseline;}
.admin_container .profile_wrap .con .inp_wrap .inp_box ~ .inp_box { margin-top:8px;}
.admin_container .profile_wrap .con .inp_wrap .inp_box label { display: block; width:120px; font-size:14px; color:#2D3643;}
.admin_container .profile_wrap .con .inp_wrap .inp_box input { min-width:320px; height:33px; background-color:#fff; border-bottom: 1px solid #E6EAEF; fonot-size:14px; color:#2D3643;}
.admin_container .profile_wrap .con .inp_wrap .inp_box .tel { display: flex; align-items: center; gap: 0 8px;}
.admin_container .profile_wrap .con .inp_wrap .inp_box .tel input { min-width:auto; width:92px; text-align: center;}
.admin_container .profile_wrap .con .inp_wrap .inp_box input:read-only { border:none; color:#788290; cursor: default;}
.admin_container .profile_wrap .con .inp_wrap .inp_box input::placeholder { color:#ACB2BA;}
.admin_container .profile_wrap .con .inp_wrap .inp_box input:focus{ border-color:#2D3643;}

.admin_container table { width:100%; border-collapse: collapse; border-spacing: 0;}
.admin_container table td.td_left { text-align: left;}
.admin_container table td.td_right { text-align: right;}
.admin_container table td.td_center { text-align: center;}

.admin_container .board_tbl { table-layout: fixed;}
.admin_container .tag { display:inline-block; padding:0 8px; border-radius: 20px; font-size:14px; box-sizing: border-box; line-height:21px;}
.admin_container .tag.color01 { background-color:#E5F9EF; color:#24b770;}
.admin_container .tag.color02 { background-color:#F4F7FA; color:#788290;}
.admin_container .tag.color03 { background-color:#ACB2BA; color:#fff;}
.admin_container .tag.color04 { background-color:#24b770; color:#fff;}
.admin_container .tag.color05 { background-color:#2D3643; color:#fff;}
.admin_container .tag.color06 { background-color: #2596f8; color:#fff;}
.admin_container .tag.color07 { background-color: #ffa21d; color:#fff;}
.admin_container .tag.color08 { background-color: #ff3a6e; color:#fff;}
.admin_container .tag.color09 { background-color: #ECEE81; color:#fff;}
.admin_container .tag.color10 { background-color: #c2c2c3; color:#fff;}
.admin_container .tag.color11 { background-color: #f7d323; color:#fff;}
.admin_container .tag.color12 { background-color: #5a5d63; color:#fff;}
.admin_container .tag.color13 { background-color: #82c8ff; color:#fff;}
.admin_container .board_tbl td { border-bottom: 1px solid #E6EAEF; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.admin_container .board_tbl td:not(:first-of-type) { padding:16px 12px; font-size:15px; color:#2D3643;}
.admin_container .board_tbl td:nth-of-type(2){ text-align:left;}
.admin_container .board_tbl td a { font-size:inherit; color:inherit;}
.admin_container .board_tbl td em { color:#ACB2BA;}

.admin_container .admin_paging_wrap { display: flex; justify-content: center; margin-top:24px;}
.admin_container .admin_paging_wrap .admin_paging { display: flex; align-items: center; gap:0 24px; padding:0; margin:0;}
.admin_container .admin_paging_wrap .admin_paging li a { font-size:14px; color:#ACB2BA;}
.admin_container .admin_paging_wrap .admin_paging li.active a { color:#24b770;}

.admin_container .board_view { display: flex; flex-direction: column; justify-content: space-between; padding:18px 24px; width:100%; height:calc(100% - 240px); border-radius: 12px; background-color:#F4F7FA;}
.admin_container .board_view .view_box { overflow-y:auto; height:100%;}
.admin_container .board_view .view_box p { font-size:15px; color:#1A212E; line-height:1.5;}
.admin_container .board_view .view_file_wrap { display: flex; align-items: center; gap:0 10px; padding:8px 12px; border-radius: 8px; background: #FFF;}
.admin_container .board_view .view_file_wrap strong { font-size:13px; color:#2D3643; font-weight:400;}
.admin_container .board_view .view_file_wrap .file_list { display: flex; align-items: center; gap:0 8px;}
.admin_container .board_view .view_file_wrap .file_list span { font-size:13px; color:#788290; text-decoration-line: underline;}

.file_folder_wrap .board_form { display: none;}
.file_folder_wrap .board_form.active { display: block;}

.email_admin_wrap .email_contents { display: none;}
.email_admin_wrap .email_contents.active { display: block;}

.admin_container .board_form .con { padding:18px 24px; border-radius: 12px; border: 1px solid #E6EAEF; background: #FFF;}
.admin_container .board_form .con ~ .con {margin-top: 8px;}
.admin_container .board_form .con .inp_box { display: flex; align-items: baseline;}
.admin_container .board_form .con .inp_box.center { align-items: center;}
.admin_container .board_form .con .inp_box label:not(.chk_stl01,.plus_file) { display: block; width:200px; font-size:14px; color:#2D3643; line-height: 36px;}
.admin_container .board_form .con .inp_box input[type="text"] { width:calc(100% - 120px); height:36px; border-bottom: 1px solid #E6EAEF; font-size:14px; color:#2D3643;}
.admin_container .board_form .con .inp_box input[type="text"]::placeholder { color:#ACB2BA;}
.admin_container .board_form .con .inp_box input:focus,
.admin_container .board_form .con .inp_box textarea:focus {border-color: #2D3643;}
.admin_container .board_form .con .inp_box ~ .inp_box { margin-top:8px;}
.admin_container .board_form .con .inp_box .inp_con { width:calc(100% - 120px);}
.admin_container .board_form .con .inp_box .inp_con .chk_box { display: flex; align-items: center; gap:0 16px; height:36px; margin-bottom:16px;}
.admin_container .board_form .con .inp_box textarea { padding:8px 0; resize: none; width:calc(100% - 120px); height:440px; border-bottom: 1px solid #E6EAEF;}
.admin_container .board_form .con .inp_box select { min-width:120px; height:36px;}
.admin_container .board_form .con .inp_box .inp_con textarea { width:100%;}
.admin_container .board_form .con .inp_box .button1 {
    padding: 3px;
    background-color: #E5F9EF;
    color: #24b770;
    align-content: center;
    height: 36px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    width: 130px;
}
.admin_container .board_form .con .form_file_box { width:calc(100% - 120px);}
.admin_container .board_form .con .form_file { display: flex; align-items: center; gap:0 16px;}
.admin_container .board_form .con .form_file ~ .form_file { margin-top:8px;}
.admin_container .board_form .con .form_file .plus_file span { display: flex; align-items: center; padding:0 12px; height:33px; border-radius: 8px; border: 1px solid #E6EAEF; font-size:14px; color:#2D3643;}
.form_file .plus_file + input::file-selector-button { display: none;}
.admin_container .board_form .con .form_file .file_name { display: flex; align-items: center; gap:0 8px;}
.admin_container .board_form .con .form_file .file_name span { font-size:14px; color:#788290; text-decoration: underline;}
.admin_container .board_form .con .form_file .file_name em { font-size:14px; color:#788290;}
.admin_container .btn_toggle01 input[type="checkbox"] { position:absolute; left:-99999%;}
.admin_container .btn_toggle01 span { position:relative; display: block; width:56px; height:32px; background-color:#E6EAEF; border-radius: 36px;}
.admin_container .btn_toggle01 span::before{ content:''; display: block; position:absolute; left:4px; top:50%; transform: translateY(-50%); width:24px; height:24px; border-radius: 50%; background: #FFF; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12); transition: .3s;}
.admin_container .btn_toggle01 input[type="checkbox"]:checked + span { background-color:#24b770;}
.admin_container .btn_toggle01 input[type="checkbox"]:checked + span::before { left:calc(100% - 28px);}

.admin_container .admin_search_wrap { display: flex; align-items: center; gap: 0 16px; margin-bottom:16px;}
.admin_container .admin_search_wrap label { font-size:15px; color:#2D3643;}
.admin_container .admin_search_wrap .admin_search { position:relative; width:calc(100% - 71px); border-radius: 8px; background: #F4F7FA;}
.admin_container .admin_search_wrap .admin_search input { padding:0 16px; width:calc(100% - 50px); height:42px; font-size: 15px; background-color:transparent;}
.admin_container .admin_search_wrap .admin_search input::placeholder { color:#ACB2BA; font-weight:400;}
.admin_container .admin_search_wrap .admin_search button { position:absolute; right:0; top:0; width:50px; height:100%; background-color:transparent;}

.admin_container .faq_view_wrap { /*height:calc(100% - 240px);*/}
.admin_container .faq_view { display: flex; flex-direction: column; justify-content: space-between; position:relative; padding:18px 24px 62px 24px; margin-bottom:24px; width:100%; border-radius: 12px; background-color:#F4F7FA;}
.admin_container .faq_view .view_box { /*overflow-y:auto; height:250px;*/}
.admin_container .faq_view .view_box p { font-size:15px; color:#1A212E; line-height:1.5;}
.admin_container .faq_view .view_file_wrap { position:absolute; left:24px; top:calc(100% - 55px); width:calc(100% - 48px); padding:8px 12px; border-radius: 8px; background-color:#fff;}
.admin_container .faq_view .view_file_wrap button { width:100%; background: url(../new_admin_img/btn_toggle.png) right center no-repeat; text-align: left;}
.admin_container .faq_view .view_file_wrap button.on { background-image: url(../new_admin_img/btn_toggle_open.png);}
.admin_container .faq_view .view_file_wrap strong { font-size:13px; color:#2D3643; font-weight:400;}
.admin_container .faq_view .view_file_wrap .file_list { display: none; margin:0; padding:0;}
.admin_container .faq_view .view_file_wrap .file_list li { margin-top:8px;}
.admin_container .faq_view .view_file_wrap .file_list li span { font-size:13px; color:#788290; text-decoration: underline;}
.admin_container .faq_comment_view { padding:24px 0; border-top:1px solid #E6EAEF;}
.admin_container .faq_comment_view .faq_sel{display: flex; margin-bottom: 15px; }
.admin_container .faq_comment_view .faq_sel select{margin-right: 30px;}
.admin_container .faq_comment_view .faq_sel input{padding: 0 8px; height: 29px; border-radius: 4px; background: #F3F5F8; font-size: 13px; color: #232B3A;}
.admin_container .faq_comment_view .faq_sel button{padding: 0 15px; height: 29px; border-radius: 8px; font-size: 12px; font-weight: 500; background-color: #24b770; color: #fff; margin-left: 15px;}
.admin_container .faq_comment_view .faq_sel .btn01{padding: 0 15px; height: 29px; border-radius: 8px; font-size: 12px; font-weight: 500; background-color: #1483cd; color: #fff; margin-left: 15px;}
.admin_container .faq_comment_view .faq_sel .btn02{padding: 0 15px; height: 29px; border-radius: 8px; font-size: 12px; font-weight: 500; background-color: #ff3a6e; color: #fff; margin-left: 15px;}
.admin_container .faq_comment_view .faq_sel .btn03{padding: 0 15px; height: 29px; border-radius: 8px; font-size: 12px; font-weight: 500; background-color: #24b770; color: #fff; margin-left: 15px;}
.admin_container .faq_comment_view .faq_sel .btn04{padding: 0 15px; height: 29px; border-radius: 8px; font-size: 12px; font-weight: 500; background-color: #6c757d; color: #fff; margin-left: 15px;}
.admin_container .faq_comment_view .faq_sel .btn05{padding: 0 15px; height: 60px; border-radius: 8px; font-size: 12px; font-weight: 500; background-color: #FE6B00; color: #fff; margin-left: 15px;}

.admin_container .faq_comment_view .comment_scroll { /*overflow-y:auto; height: 130px;*/}
.admin_container .faq_comment_view .comment_con { display: flex; align-items: baseline; padding:16px 18px; border-radius: 12px; border: 1px solid #E6EAEF;}
.admin_container .faq_comment_view .comment_con ~ .comment_con { margin-top:8px;}
.admin_container .faq_comment_view .comment_con .comment_name { display: block; width:100px; font-size:14px; color:#24b770; font-weight: 500;}
.admin_container .faq_comment_view .comment_con .comment_txt { width:calc(100% - 100px);}
.admin_container .faq_comment_view .comment_con .comment_txt p { font-size:14px; color:#2D3643; line-height:1.5;}
.admin_container .faq_comment_form > label { display: block; font-size:14px; color:#2D3643; font-weight:400; line-height: 36px;}
.admin_container .faq_comment_form .form_box { display: flex; align-items: stretch; gap:0 8px;}
.admin_container .faq_comment_form .form_box textarea { resize: none; padding:8px 0; width:calc(100% - 128px); height:50px; border-bottom: 1px solid #E6EAEF; font-size:14px;}
.admin_container .faq_comment_form .form_box textarea::placeholder { color:#ACB2BA;}
.admin_container .faq_comment_form .form_box > button { width:120px; border: 1px solid #E6EAEF; border-radius: 8px; font-size:14px; color:#2D3643; font-weight:500;}

.admin_container .admin_board_top { margin-bottom:16px;}
.admin_container .admin_board_top .sel_box { display: flex; align-items: center; gap:0 16px;}
.admin_container .admin_board_top .sel_box span { font-size:14px; color:#2D3643;}
.admin_container .admin_board_top .sel_box select { height: 33px;}
.admin_container .admin_board_top .sel_box input:read-only,
.admin_container .admin_board_top .sel_box input:disabled { width:120px; height: 33px; font-size:14px; color:#788290; border-bottom:1px solid #E6EAEF; text-align:center;}
.admin_container .board_tbl02 { table-layout: fixed; border-collapse: unset; background:#fff;}
.admin_container .board_tbl02 td { padding:12px 16px; border: 1px solid #E6EAEF; border-left:0; border-top:0; text-align: center; font-size:14px; color:#2D3643;}
.admin_container .board_tbl02 td.td_bg { background: #F4F7FA;}
.admin_container .board_tbl02 td button,
.admin_container .board_tbl02 td .toggle-btn { display: inline-block; font-size:14px; color: #fff;}
.admin_container .board_tbl02 td a { display: inline-block; font-size:14px; color:#2D3643; text-decoration: underline; line-height: 1.5}
.admin_container .board_tbl02 tr:first-of-type td { border-top: 1px solid #E6EAEF;}
.admin_container .board_tbl02 tr td:first-of-type { border-left: 1px solid #E6EAEF;}
.admin_container .board_tbl02 tr:first-of-type td:first-of-type { border-radius: 8px 0 0 0;}
.admin_container .board_tbl02 tr:first-of-type td:last-of-type { border-radius: 0 8px 0 0;}
.admin_container .board_tbl02 tr:last-of-type td:first-of-type { border-radius: 0 0 0 8px;}
.admin_container .board_tbl02 tr:last-of-type td:last-of-type { border-radius: 0 0 8px 0;}
.admin_container .board_tbl03 { table-layout: fixed; border-collapse: unset; background:#fff;}
.admin_container .board_tbl03.no_fix { table-layout: auto;}
.admin_container .board_tbl03 th { padding:12px 16px; background-color:#F4F7FA; border: 1px solid #E6EAEF; border-left:0; text-align: center; font-size:14px; color:#2D3643; font-weight:600;}
.admin_container .board_tbl03 td { word-break:break-word; padding:12px 10px; border: 1px solid #E6EAEF; border-left:0; border-top:0; text-align: left; font-size:14px; color:#2D3643;}
.admin_container .board_tbl03 td select { padding:8px 0; width:100%;}
.admin_container .board_tbl03 thead th { border-top: 1px solid #E6EAEF;}
.admin_container .board_tbl03 tr th:first-of-type,
.admin_container .board_tbl03 tr td:first-of-type { border-left: 1px solid #E6EAEF;}
.admin_container .board_tbl03 thead tr:first-of-type th:first-of-type { border-radius: 8px 0 0 0;}
.admin_container .board_tbl03 thead tr:first-of-type th:last-of-type { border-radius: 0 8px 0 0;}
.admin_container .board_tbl03 tbody tr:last-of-type td:first-of-type { border-radius: 0 0 0 8px;}
.admin_container .board_tbl03 tbody tr:last-of-type td:last-of-type { border-radius: 0 0 8px 0;}

.admin_container .board_tab_menu { display: flex; align-items: center; gap:0 8px;}
.admin_container .board_tab_menu li { flex:1; height:76px; border-radius: 8px; background: #F4F7FA; color:#2D3643;}
.admin_container .board_tab_menu li.active { background:#24b770; color:#fff;}
.admin_container .board_tab_menu li a { display: flex; flex-direction: column; justify-content: center; align-items: center; gap:0 4px; width:100%; height:100%; color:inherit; line-height:1.5;}
.admin_container .board_tab_menu li a span { font-size:14px; color:inherit; font-weight:500;}
.admin_container .board_tab_menu li a strong { font-size:18px; color:inherit; font-weight:600;}
.admin_container .board_tab_container { margin-top:16px;}
.admin_container .board_tab_menu.type02 + .board_tab_container { margin-top:0px;}
.admin_container .list_type01 li { display: flex; align-items: baseline; justify-content: space-between; padding:12px 16px; border-radius: 8px; border: 1px solid #E6EAEF;}
.admin_container .list_type01 li ~ li { margin-top:8px;}
.admin_container .list_type01 li .list_txt { display: flex; align-items: baseline; gap:0 ;}
.admin_container .list_type01 li .list_txt span { padding:0 12px; font-size:14px; color:#2D3643;}
.admin_container .list_type01 li .list_txt em { font-size:15px; color:#2D3643;}
.admin_container .list_type01 li .list_txt strong { display: block; padding:0 16px; font-size:15px; color:#2D3643;}
.admin_container .list_type01 li .list_btn .btn { display: flex; align-items: center; padding:0 12px; height:33px; border-radius: 8px; border:1px solid #E6EAEF; font-size:14px; color:#2D3643; font-weight:500;}

/* ===== 팝업 ===== */
.admin_pop { display: none; position:fixed; left:0; right:0; top:0; z-index: 999999999; padding:48px 0;}
.admin_pop.on { overflow-y:auto; display: flex; align-items: center; justify-content: center; min-height:100vh;}
.admin_pop.print.on { align-items:flex-start; height:100vh;}
.admin_pop .pop_con { position:relative; z-index: 1; padding:18px 24px; width:max-content; max-width:80%; border-radius: 16px; border: 1px solid #E9EBEE; background: #FFF; box-shadow: 0px 4px 12px 0px rgba(26, 39, 46, 0.12); transition:1s;}
.admin_pop .pop_con .pop_top { display:flex; align-items: center; justify-content: center; position:relative; margin-bottom:16px;}
.admin_pop .pop_con .pop_top .tit { font-size:18px; color:#2D3643; font-weight:700;}
.admin_pop .pop_con .pop_top button { position:absolute; right:0; top:0;}
.admin_pop .pop_btn_wrap { display:flex; align-items:center; gap:0 8px; margin-top:32px;}
.admin_pop .pop_btn_wrap .btn { height:50px; border-radius: 8px; font-size:15px;}
.admin_pop .pop_btn_wrap .btn01 { width:100%; background-color:#fff; border:1px solid #E6EAEF; color:#24b770;}
.admin_pop .pop_btn_wrap .btn02 { width:calc(50% - 6px); background-color:#fff; border: 1px solid #E6EAEF; font-size:15px; color:#788290;}
.admin_pop .pop_btn_wrap .btn03 { width:calc(50% - 6px); background-color:#fff; border: 1px solid #E6EAEF; font-size:15px; color:#24b770;}
.admin_pop .print_page { padding:18px 24px;}
.admin_pop .print_tit_wrap {}
.admin_pop .print_tit_wrap .top_box { display: flex; align-items: center; justify-content: space-between;}
.admin_pop .print_tit_wrap .top_box span { font-size:14px; color:#788290;}
.admin_pop .print_tit_wrap .tit { padding:32px 0; font-size:20px; color:#2D3643; font-weight: 700; text-align: center;}
.admin_pop .print_table01 { width:100%; border-collapse: collapse; border-spacing: 0;}
.admin_pop .print_table01 th { padding:8px; background:#F9FAFB; border:1px solid #E6EAEF; font-size:14px; color:#2D3643; font-weight:500; text-align: center;}
.admin_pop .print_table01 td { padding:8px; border:1px solid #E6EAEF; font-size:14px; color:#2D3643; text-align: center;}
.admin_pop .print_table01 td.num { background:#F9FAFC; font-weight: 400;}
.admin_pop .page01 .print_top { display: flex; align-items: stretch; text-align: center;}
.admin_pop .page01 .print_top .left_box { display: flex; flex-direction: column; justify-content: center; align-items: center; width:45%;}
.admin_pop .page01 .print_top .left_box span { display: flex; align-items: center; gap:0 8px; font-size:14px; color:#2D3643;}
.admin_pop .page01 .print_top .left_box span strong { display: inline-block; padding:7px 0; min-width:160px; border-bottom:1px solid #2D3643; font-size:16px; color:#2D3643; font-weight:500; text-align: center;}
.admin_pop .page01 .print_top .left_box p { margin-top:16px; font-size:14px; color:#2D3643; line-height: 1.6;}
.admin_pop .page01 .print_top .right_box { width:55%;}
.admin_pop .page01 .print_mid { margin-top:24px;}
.admin_pop .page01 .print_table01 .price { font-size:18px; color:#2D3643; font-weight: 500;}
.admin_pop .page01 .print_bottom .txt_box01 { padding:32px 0; text-align: center;}
.admin_pop .page01 .print_bottom .txt_box01 p { font-size:16px; color:#2D3643; line-height:1.6;}
.admin_pop .page01 .print_bottom .txt_box01 p ~ p { margin-top:12px;}
.admin_pop .page01 .print_bottom .sign_box { display: flex; flex-direction: column; align-items: flex-end;}
.admin_pop .page01 .print_bottom .sign_box .sign { display: flex; align-items: center; gap:0 8px; width:max-content; line-height:26px;}
.admin_pop .page01 .print_bottom .sign_box .sign ~ .sign { margin-top:8px;}
.admin_pop .page01 .print_bottom .sign_box .sign span { font-size:16px; color:#2D3643;}
.admin_pop .page01 .print_bottom .sign_box .sign p { margin:0; padding:0; width: 160px; font-size:16px; color:#2D3643; text-align: right;}

.admin_pop .pop_search_wrap { display: flex; align-items: center; gap: 0 16px;}
.admin_pop .pop_search_wrap > label { font-size:14px; color:#2D3643;}
.admin_pop .pop_search_wrap .pop_search { position:relative; width:calc(100% - 100px);}
.admin_pop .pop_search_wrap .pop_search input { padding-right:18px; height:33px; border-bottom: 1px solid #E6EAEF; font-size:14px;}
.admin_pop .pop_search_wrap .pop_search input::placeholder { color:#ACB2BA;}
.admin_pop .pop_search_wrap .pop_search button { position:absolute; right:0; top:0; height:100%;}
.admin_pop .user_chat_list { overflow-y:auto; padding-right:4px; margin:8px 0 16px; height:360px;}
.admin_pop .user_chat_list li { padding:4px 0; border-bottom: 1px solid #E6EAEF;}
.admin_pop .user_chat_list li .box { display: flex; align-items: center; gap: 0 12px; padding:8px 12px; border-radius: 8px; background:url(../new_admin_img/ico_chat01.png) right 12px center no-repeat;}
.admin_pop .user_chat_list li input:checked + .box { background-color:#E5F9EF; background-image: url(../new_admin_img/ico_chat01_on.png);}
.admin_pop .user_chat_list li .box .p_img { width:40px;}
.admin_pop .user_chat_list li .box .p_name { font-size:15px; color:#2D3643;}

.scroll { overflow:auto;}
.scroll::-webkit-scrollbar { width: 5px; height:5px;}
.scroll::-webkit-scrollbar-thumb { background-color: #767A82; border-radius:4px;}
.scroll::-webkit-scrollbar-track { background-color: transparent;}
.basic_setting { display:flex; flex-wrap:wrap; gap:24px; padding:40px;}
.basic_setting .con { padding:32px; width:calc((100% - 24px)/2); border-radius: 12px; border: 1px solid #E6EAEF; background: #FFF; box-shadow: 0px 4px 32px 0px rgba(200, 207, 225, 0.32);}
.basic_setting .con .con_top { display:flex; align-content: center; justify-content: space-between; margin-bottom:16px;}
.basic_setting .con .con_top h3 { font-size:18px; color:#3F4857; font-weight:500;}
.basic_setting .con .con_top .con_btn01 { outline:none; border:0; padding:0 16px; height:29px; border-radius: 4px; background: #24b770; font-size:13px; color:#fff;}
.basic_setting .con .table_box { height:344px; border: 1px solid #E6EAEF;}

.swal2-icon.swal2-warning { border-color:transparent !important; color: transparent !important; width:56px; height:56px; background:url(../new_admin_img/ico_warning.png) center no-repeat;}
.swal2-icon .swal2-icon-content { font-size:0;}
.swal2-title { font-family:"Noto Sans KR";}
.swal2-actions { width:100%; border-top:1px solid #F1DEDE;}
.swal2-actions .btn { padding:0; margin:0; width:50%; height:48px; border:0; outline: 0; border-radius: 0; background:transparent; font-size:15px; color:#3F4857; font-weight:500; font-family: "Noto Sans KR"; box-sizing: border-box;}
.swal2-actions .btn ~ .btn { border-left:1px solid #F1DEDE;}
.swal2-actions .btn:focus { outline:none; box-shadow: none;}

input.chk_stl01 { outline: none; border:none; display:block; width:18px; height:19px; background:url(../intro_img/ico_chk01.svg) left center no-repeat;}
input.chk_stl01:checked { background-image: url(../intro_img/ico_chk01_on.svg);}

.chk_stl01 { display:flex; align-items: center; gap:0 8px;}
.chk_stl01 input[type="checkbox"] { position:absolute; left:-100000%;}
.chk_stl01 em { font-size:13px; color:#788290; font-weight:500;}
.chk_stl01 input[type="checkbox"] + span { display:block; width:18px; height:19px; background:url(../intro_img/ico_chk01.svg) left center no-repeat;}
.chk_stl01 input[type="checkbox"]:checked + span { background-image: url(../intro_img/ico_chk01_on.svg);}
.chk_stl01 input[type="checkbox"]:checked ~ em { color:#24b770;}

.main_dashboard.pd10 { padding:10px;}
.main_dashboard.pd00 { padding:0px;}
.main_dashboard .board_top { display: flex; align-items: center; justify-content: space-between;}
.main_dashboard .board_top p { font-size:22px; color:#1A212E;}
.main_dashboard .board_top p strong { font-weight:700;}
.main_dashboard .board_top .btn_wrap { display: flex; align-items: center; gap:0 8px;}
.main_dashboard .board_top .btn_wrap button { padding:0 12px; height:30px; border-radius: 8px; font-size:16px; color:#fff; font-weight:500;}
.main_dashboard .board_top .btn_wrap .btn01 { background-color:#24b770;}
.main_dashboard .board_top .btn_wrap .btn02 { background-color:#2D3643;}
.main_dashboard .board_container .tit { display: flex; align-items: center; justify-content: space-between; margin-bottom:8px;}
.main_dashboard .board_container .tit strong { font-size:16px; color:#1A212E; font-weight: 700;}
.main_dashboard .board_container .flex_wrap { display: flex; flex-wrap:wrap; align-items: stretch; gap:0 24px;}
.main_dashboard .board_container .con { margin-top:24px;}
.main_dashboard .board_container .con.ad_area { position:relative; width:100%; border-radius: 12px; border: 1px solid #E6EAEF; background: #FFF;}
.main_dashboard .board_container .ad_area .ad_tit { position:absolute; left:8px; top:8px; z-index: 100; padding:0 8px; border-radius: 26px; background: #E6EAEF; font-size:14px; color:#2D3643; font-weight:500;}
.main_dashboard .board_container .ad_area .ad_con { overflow:hidden; position:relative; width:100%; height:120px;}
.main_dashboard .board_container .ad_area .ad_con img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;}
.main_dashboard .board_container .con.ww { position:relative; width:100%; border-radius: 12px; border: 1px solid #E6EAEF; background: #FFF;}
.main_dashboard .board_container .ww .ww_tit { position:absolute; left:8px; top:8px; z-index: 100; padding:0 8px; border-radius: 26px; background: #E6EAEF; font-size:14px; color:#2D3643; font-weight:500;}
.main_dashboard .board_container .ww .ww_con { overflow:hidden; position:relative; width:100%; height:30px;}
.main_dashboard .board_container .ww .ww_con img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;}
.main_dashboard .board_container .flex_wrap .con { width:calc((100% - 24px)/2);}
.main_dashboard .board_container .list_wrap01 { padding:12px 18px; border-radius: 12px; background: #F4F7FA;}
.main_dashboard .board_container .list_wrap01 ul li { display: flex; align-items: center; justify-content: space-between;}
.main_dashboard .board_container .list_wrap01 ul li ~ li { margin-top:8px;}
.main_dashboard .board_container .list_wrap01 ul li a { display: inline-flex; align-items: center; max-width:calc(100% - 130px);}
.main_dashboard .board_container .list_wrap01 ul li a p { display: inline-block; max-width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; font-size:15px; color:#2D3643; font-weight:500;}
.main_dashboard .board_container .list_wrap01 ul li .date_txt { display: flex; align-items: center; gap:0 8px;}
.main_dashboard .board_container .list_wrap01 ul li .date_txt span { font-size:14px; color:#788290;}
.main_dashboard .board_container .list_wrap02 ul { display: flex; align-items: center;}
.main_dashboard .board_container .list_wrap02 ul li { padding:12px 16px; width:100%; border-radius: 12px; border: 1px solid #E6EAEF;}
.main_dashboard .board_container .list_wrap02 ul li ~ li { margin-left:16px;}
.main_dashboard .board_container .list_wrap02 ul li .ico_box { display:flex; align-items: center; justify-items: center; width:52px; height:52px;}
.main_dashboard .board_container .list_wrap02 ul li .txt_box { margin-top:4px; text-align: right;}
.main_dashboard .board_container .list_wrap02 ul li .txt_box strong { display: block; font-size:16px; color:inherit; font-weight:700; line-height:1.6;}
.main_dashboard .board_container .list_wrap02 ul li .txt_box .num { display: inline-flex; align-items: center; color:inherit; line-height:1.6;}
.main_dashboard .board_container .list_wrap02 ul li .txt_box .num em { font-size:22px; color:inherit; font-weight:700; opacity:0.4;}
.main_dashboard .board_container .list_wrap02 ul li .txt_box .num span { font-size:22px; color:inherit; font-weight:700;}
.main_dashboard .chart_wrap { display: flex; gap:0 16px;}
.main_dashboard .chart_wrap .chart_con { padding:12px 16px; width:100%; height:182px; border-radius: 12px;}
.main_dashboard .chart_wrap .chart_area,
.main_dashboard .chart_wrap .chart_area canvas { width:100%; height:100%;}

/* 엑셀/이메일 선택 */
.btn_select_wrap { position:relative;}
.btn_select_wrap button:focus { box-shadow: none;}
.btn_select_wrap .select_pop { display: none; position:absolute; top:50%; right:100%; transform: translateY(-50%); padding:12px; border-radius: 12px; border:1px solid #E6EAEF; background:#fff; box-shadow: 0px 4px 32px 0px rgba(172, 178, 186, 0.16);}
.btn_select_wrap .select_pop::after { content:''; position:absolute; left:calc(100% - 10px); top:50%; transform: translateY(-50%); width:26px; height:16px; background:url(../new_admin_img/pop_arrow01.png) center no-repeat;}
.btn_select_wrap .select_pop.on { display: block;}
.btn_select_wrap .select_pop .btn_stl01 { display: block; width:140px; height:40px; border-radius: 8px; background: #E5F9EF; font-size:13px; color:#24b770; font-weight:500;}
.btn_select_wrap .select_pop button ~ button { margin-top:8px;}
.btn_select_wrap .select_pop .txt01 { font-size:15px; color:#2D3643; font-weight: 500;}
.btn_select_wrap .select_pop .input_box { display: flex; align-items: center; margin:12px 0 8px;}
.btn_select_wrap .select_pop .input_box input { display: block; width:180px; height:32px; border-bottom: 1px solid #E6EAEF;}
.btn_select_wrap .select_pop .input_box .btn_stl02 { margin-left:8px; padding:8px 12px; width:max-content; height:32px; border-radius: 8px; border: 1px solid #E6EAEF; background: #FFF; font-size:13px; color:#2D3643;}
.btn_select_wrap .select_pop .btn_stl03 { width:100%; height:40px; border-radius: 8px; border: 1px solid #E6EAEF; background: #FFF; font-size:13px; color:#24b770;}

/* 견적서 전송 */
.estimate_wrap { display: flex; align-items: stretch; background: linear-gradient(105deg, #FFF 0%, #F8F9FD 100%);}
.estimate_form { overflow-x:hidden; overflow-y:auto; padding:24px; width:896px; min-height:300px; height:calc(100vh - 265px); border-radius: 12px; border: 1px solid #E6EAEF; background: #FFF;}
.estimate_form .print_tit_wrap .top_box { display: flex; align-items: center; justify-content: space-between;}
.estimate_form .print_tit_wrap .top_box span { font-size:14px; color:#788290;}
.estimate_form .print_tit_wrap .tit { padding:32px 0; font-size:20px; color:#2D3643; font-weight: 700; text-align: center;}
.estimate_form .board_tbl02.fix { table-layout: fixed;}
.estimate_form .board_tbl02 { width:100%; border-collapse: collapse; border-spacing: 0;}
.estimate_form .board_tbl02 th { padding:8px; background:#F9FAFB; border:1px solid #E6EAEF; font-size:14px; color:#2D3643; font-weight:500; text-align: center;}
.estimate_form .board_tbl02 td { padding:8px; border:1px solid #E6EAEF; font-size:14px; color:#2D3643; text-align: center;}
.estimate_form .board_tbl02 td input { width:100%; height:25px; border-bottom: 1px solid #E6EAEF; background: #E5F9EF;}
.estimate_form .board_tbl02 td .inp_box { display: flex; align-items: center; gap:0 8px;}
.estimate_form .board_tbl02 td .inp_box input { width:calc(100% - 16px);}
.estimate_form .print_top { display: flex; align-items: stretch; text-align: center;}
.estimate_form .print_top .left_box { display: flex; flex-direction: column; justify-content: center; align-items: center; width:45%;}
.estimate_form .print_top .left_box span { display: flex; align-items: center; gap:0 8px; font-size:14px; color:#2D3643;}
.estimate_form .print_top .left_box span strong { display: inline-block; padding:7px 0; min-width:160px; border-bottom:1px solid #2D3643; font-size:16px; color:#2D3643; font-weight:500; text-align: center;}
.estimate_form .print_top .left_box p { margin-top:16px; font-size:14px; color:#2D3643; line-height: 1.6;}
.estimate_form .print_top .right_box { width:55%;}
.estimate_form .print_mid { padding:24px 0;}
.estimate_form .print_mid .btn_wrap { padding:8px; border:1px solid #E6EAEF; border-top:0; text-align:center;}
.estimate_form .print_mid .btn_wrap .add_row { padding:0 8px; height:21px; border-radius: 8px; background: #E6EAEF; font-size:14px; color:#2D3643; font-weight:500;}
.estimate_form .print_mid .btn_wrap .remove_row { padding:0 8px; height:21px; border-radius: 8px; background: #E6EAEF; font-size:14px; color:#2D3643; font-weight:500;}
.estimate_form .print_bottom .txt_box01 { margin-top:32px;}
.estimate_form .print_bottom .txt_box02 { display: flex; align-items: center; gap:0 6px;}
.estimate_form .print_bottom .txt_box01 p,
.estimate_form .print_bottom .txt_box02 p { font-size:15px; color:#2D3643; line-height:1.5;}
.estimate_form .print_bottom .txt_box02 input { width:calc(100% - 60px); height:23px; border-bottom: 1px solid #E6EAEF; background: #E5F9EF;}
.estimate_form .print_mid .toggle_box { text-align:center;}
.estimate_form .toggle_box button { width:100px; height:25px; border-radius: 8px; background: #24b770; font-size:12px; color:#fff; font-weight:700;}
.estimate_transmit { display: flex; align-items: center; justify-content: center; width:calc(100% - 896px); text-align: center;}
.estimate_transmit .txt strong { display: block; padding:24px 0; font-size:30px; color:#2D3643; font-weight:700;}
.estimate_transmit .txt strong span { color:#24b770;}
.estimate_transmit .select_box select { width:320px; height:35px; font-size:16px;}
.estimate_transmit .btn_wrap { margin-top:16px;}
.estimate_transmit .btn_wrap button { width:320px; height:47px; border-radius: 8px; background: #24b770; font-size:16px; color:#fff; font-weight:700;}

/* 광고 등록 */
.admin_container .ad_page .con .inp_wrap .inp_box { gap:0 16px;}
.admin_container .con .inp_wrap .inp_box .p_info label { display: flex; width:max-content;}
.admin_container .ad_page .con .inp_wrap .inp_box > label { width:120px; line-height: 36px;}
.admin_container .ad_page .con .inp_wrap .inp_box .btn_stl04 { padding:0 8px; height:36px; border-radius: 8px; border: 1px solid #E6EAEF; font-size:14px; color:#2D3643; font-weight:500;}
.admin_container .ad_page .con .inp_wrap .inp_box input { width:calc(100% - 136px); height:36px; background-color:#fff; border-bottom: 1px solid #E6EAEF; font-size:14px; color:#2D3643;}
.admin_container .ad_page .con .inp_wrap .inp_box select { height:36px;}
.admin_container .ad_page .con .inp_wrap .inp_box .p_img { display: flex; justify-content: center; position:relative; width:calc(100% - 136px); height:120px; border-radius: 8px; border: 1px solid #E6EAEF;}
.admin_container .ad_page .con .inp_wrap .inp_box .p_img img { margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}


.calendar_wrap .con.ad_area{margin-top: 0;}
.calendar_wrap .cal_top{display: flex; justify-content: center; align-items: center; margin-top: 30px;}
.calendar_wrap .cal_top button{position:relative; margin: 0; min-width: 0; font-size: 0;}
.calendar_wrap .cal_top button i{position:absolute; z-index: 10; width: 100%; height: 100%; margin: 0; min-width: 0; font-size: 0; left: 0; top: 0;}
.calendar_wrap .cal_top em{display: block; font-size:16px; line-height: 1; color:#1A212E;font-weight: 700; margin:0 24px;}
.calendar_wrap .week{margin-top:12px}
.calendar_wrap .week ul{display: flex;}
.calendar_wrap .week ul li{width: 100%; text-align: center; font-size:15px; color:#1A212E; line-height: 24px; font-weight: 500;}
.calendar_wrap .week ul li.red{color:#E72626}
.calendar_wrap .week ul li.blue{color:#2639E7}
.calendar_wrap .cal_table_wrap{margin-top:16px;}
.calendar_wrap .cal_table_wrap .tui-full-calendar-vlayout-container table{width: 100%; table-layout: fixed;}
.calendar_wrap .cal_table_wrap .tui-full-calendar-vlayout-container table td{border: 1px solid #E6EAEF; background-color: #fff;  height: 120px; vertical-align: top; border-bottom: none; border-right: none;}
.calendar_wrap .cal_table_wrap table td .cal_box{position:relative; padding:40px 0 12px; height: 100%; cursor:pointer;}
.calendar_wrap .cal_table_wrap .tui-full-calendar-vlayout-container .tui-full-calendar-weekday-grid-header .tui-full-calendar-weekday-grid-date{margin: 0; display: block; font-size:15px; font-weight:500; line-height: 24px;}
.calendar_wrap .cal_table_wrap .tui-full-calendar-vlayout-container .tui-full-calendar-near-month-day:last-child .tui-full-calendar-weekday-grid-date{color:#2639E7}
.tui-full-calendar-weekday-grid-line{padding: 12px 3px 3px !important;}
.calendar_wrap .cal_table_wrap table td.red .cal_box span{color:#E72626}
.calendar_wrap .cal_table_wrap table td.blue .cal_box span{color:#2639E7}
.calendar_wrap .cal_table_wrap table td.last_month .cal_box span{opacity: 0.4;}
.calendar_wrap .cal_table_wrap table td:first-child{border-left: none;}
.calendar_wrap .cal_table_wrap table tr:first-child td{border-top:none;}
.calendar_wrap .cal_table{border: 1px solid #E6EAEF; border-radius:12px; overflow: auto;}
.calendar_wrap .cal_table .data_plan{height:22px;}
.calendar_wrap .cal_table .data_plan1{ background-color: rgba(184, 85, 244, 0.10);}
.calendar_wrap .cal_table .data_plan2{ background-color: rgba(79, 185, 243, 0.10);}
.calendar_wrap .tui-view-7{display: none !important;;}
.calendar_wrap .tui-full-calendar-month-week-item:first-child .tui-full-calendar-weekday-border{display: none !important;;}


/*이메일 관리 리스트*/
.email_admin_wrap { display: flex; align-items: flex-start; justify-content: space-between;}
.email_admin_wrap .email_menu_wrap { width:250px;}
.email_admin_wrap .email_menu_wrap button { display: flex; align-items: center; gap:0 8px; padding:8px 16px; width:100%; height:46px; border-radius: 8px; background: #F4F7FA; font-size:15px; color:#2D3643; font-weight:700;}
.email_admin_wrap .email_menu_wrap button ~ button { margin-top:8px;}
.email_admin_wrap .email_menu_wrap button .on { display: none;}
.email_admin_wrap .email_menu_wrap button:hover,
.email_admin_wrap .email_menu_wrap button.active { background:#24b770; color:#fff;}
.email_admin_wrap .email_menu_wrap button:hover img:not(.on),
.email_admin_wrap .email_menu_wrap button.active img:not(.on) { display: none;}
.email_admin_wrap .email_menu_wrap button:hover .on,
.email_admin_wrap .email_menu_wrap button.active .on { display: block;}
.email_admin_wrap .email_contents { width:calc(100% - 216px);}
.email_admin_wrap .board_tbl03.center td { text-align: center;}
.email_admin_wrap .board_tbl03.center td.confirm { color:#788290; font-weight:500;}
.email_admin_wrap .board_tbl03.center td.confirm_on { color:#24B770;}
.email_admin_wrap .board_form .con .inp_box textarea { height:224px;}

/*이메일 관리 폼*/
.admin_container .board_form .form_file_box02 { display: flex; margin-left:16px; width:calc(100% - 136px);}
.admin_container .board_form .form_file_box02 .file_group_wrap { width:240px;}
.admin_container .board_form .form_file_box02 .file_list_wrap { padding:0 12px; width:calc(100% - 240px); border-left: 1px solid #E6EAEF;}
.admin_container .board_form .form_file_box02 .tit { display: flex; align-items: center; justify-content: space-between; margin-bottom:16px;}
.admin_container .board_form .form_file_box02 .tit strong { display: flex; align-items: center; gap:0 8px; font-size:14px; color:#2D3643;}
.admin_container .board_form .form_file_box02 .tit .btn_add { font-sie:14px; color:#2D3643; text-decoration-line: underline;}
.admin_container .board_form .form_file_box02 .group_list_wrap { display: flex; position:relative;}
.admin_container .board_form .form_file_box02 .group_list { padding:0 12px; width:50%;}
.admin_container .board_form .form_file_box02 .group_list li {}
.admin_container .board_form .form_file_box02 .group_list li ~ li { margin-top:8px;}
.admin_container .board_form .form_file_box02 .group_list > li.active { background:url(../new_admin_img/arrow_right01.png) right center no-repeat;}
.admin_container .board_form .form_file_box02 .group_list > li > a { font-size:14px; color:#788290; font-weight:500;}
.admin_container .board_form .form_file_box02 .group_list > li:hover > a,
.admin_container .board_form .form_file_box02 .group_list > li.active > a { color:#24B770;}
.admin_container .board_form .form_file_box02 .group_list li .group_list { display: none; position:absolute; right:0; top:0;}
.admin_container .board_form .form_file_box02 .group_list li.active .group_list { display: block;}
.admin_container .board_form .form_file_box02 .file_list { display: flex; flex-wrap: wrap; gap:8px 0;}
.admin_container .board_form .form_file_box02 .file_list li { width:50%;}
.admin_container .board_form .form_file_box02 .file_list li .chk_stl01 em { font-size:14px; color:#788290; font-weight:500;}
.admin_container .board_form .form_file_box02 .file_list li .chk_stl01 input:checked ~ em { color:#24B770;}
.admin_container .board_form .form_file_box02 .group_list_wrap,
.admin_container .board_form .form_file_box02 .file_container { height:142px;}

/*파일 관리*/
.email_admin_wrap .file_admin_contents { width:calc(100% - 216px);}
.email_admin_wrap .file_admin_contents .file_folder_wrap { margin-bottom:16px; min-height:100px;}
.email_admin_wrap .file_admin_contents .file_folder_wrap .file_folder_list { display: flex; flex-wrap:wrap; gap:12px;}
.email_admin_wrap .file_admin_contents .file_folder_wrap .file_folder { padding:0 24px 0 60px;  width:calc((100% - 36px)/4); height:55px; border-radius: 8px;
    border: 1px solid #E6EAEF; background:url(../new_admin_img/ico_folder.png) left 24px center no-repeat; text-align: left; font-size:15px; font-weight:600;}
.email_admin_wrap .file_admin_contents .file_folder_wrap .file_folder.active { border-color:#2D3643;}
.email_admin_wrap .board_list_container .board_list_con:not(:first-of-type) { display: none;}

/*2024-05-24 메모 추가*/
.admin_header_wrap { position: absolute; width: 100%; top: 0; z-index: 999;}
.admin_header_wrap .memo_wrap { position:absolute; left:0; top:-120px; width:100%; transition: .5s;}
.admin_header_wrap .memo_wrap.on { top:calc(100% - 1px);}
.admin_header_wrap .memo_wrap .memo_con { position:relative; background:#fff; z-index: 100; border-radius: 0px 0px 12px 12px; border: 1px solid #E6EAEF; border-left:0;}
.admin_header_wrap .memo_wrap .memo_inner { display: flex; align-items: stretch; justify-content: space-between; padding:1px 18px 40px;}
.admin_header_wrap .memo_wrap .memo_new { display: flex; flex-direction: column; gap:8px; align-items: center; justify-content: center; width:108px; border-radius: 8px; border: 1px dashed #ACB2BA;}
.admin_header_wrap .memo_wrap .memo_list { display: flex; flex-wrap:wrap; gap:12px 8px; width:calc(100% - 120px); max-height:140px;}
.admin_header_wrap .memo_wrap .memo_list li { display: flex; flex-direction: column; justify-content: space-between; padding:12px 16px; width:calc((100% - 48px)/7); height:100px; cursor: pointer; border-radius: 0px 0px 8px 8px; border-top: 4px solid #96E7B1; background: #E5F9EF;}
.admin_header_wrap .memo_wrap .memo_list li.active { display: flex; flex-direction: column; justify-content: space-between; padding:12px 16px; width:calc((100% - 48px)/7); height:100px; cursor: pointer; border-radius: 0px 0px 8px 8px; border-top: 4px solid #DF650C; background: #E5F9EF;}
.admin_header_wrap .memo_wrap .memo_list li.on{opacity: 0.5;}
.admin_header_wrap .memo_wrap .memo_list li p {overflow: hidden; max-width:160px; font-size: 15px; color:#2D3643; font-weight:500; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.admin_header_wrap .memo_wrap .memo_list li span { display: block; font-size:13px; color:#549C78; text-align: right;}
.admin_header_wrap .memo_wrap .btn_memo { position: absolute; left:50%; bottom:0; transform: translateX(-50%);}
.admin_header_wrap .memo_modal {overflow: hidden; position:absolute; left:10px; top:100%; margin-top: 8px; width:max-content; border-radius: 0px 0px 12px 12px; border: 1px solid #96E7B1; background: #FFF; box-shadow: 0px 4px 32px 0px rgba(172, 178, 186, 0.16); box-sizing: border-box; z-index: 1000;}
.admin_header_wrap .memo_modal .memo_top { display: flex; align-items: center; justify-content: space-between; padding:0 16px; height:31px; background: #E5F9EF;}
.admin_header_wrap .memo_modal .memo_top .btn_delete { font-size:15px; color:#167B51; font-weight:700;}
.admin_header_wrap .memo_modal .memo_top .btn_close { display: flex; align-items: center;}
.admin_header_wrap .memo_modal .memo_txt { padding:8px;}
.admin_header_wrap .memo_modal .memo_txt textarea { padding:4px 8px; resize: auto; max-width:800px; width:300px; height:130px; max-height:400px;}
.admin_header_wrap .memo_modal .memo_txt textarea::-webkit-resizer { background:url(../new_admin_img/resize_memo.png) center no-repeat;}

/*에러 페이지*/
.error_page { display: flex; align-items: center; justify-content: center; position:relative; width:100%; height:100vh;}
.error_page .error_content { text-align: center;}
.error_page .error_content .txt_box { padding:80px 0 40px;}
.error_page .error_content .txt_box strong { font-size:40px; color:#1A212E; font-weight:700;}
.error_page .error_content .txt_box strong span { color:#24B770;}
.error_page .error_content .txt_box p { margin-top:16px; font-size:20px; color:#1A212E; font-weight:500;}
.error_page .error_content .btn_box { text-align: center;}
.error_page .error_content .btn_box a { display: inline-flex; align-items: center; justify-content: center; padding:0 64px; height:56px; border-radius: 8px;
    background: #24B770; font-size:20px; color:#fff; font-weight:700;}
.error_page .logo { position:absolute; left:50%; bottom:40px; transform:translateX(-50%);}

/*calendar color*/

.calendar_gb_color {color: rgb(255, 255, 255);}

.inner02 .board_form { display: none;}
.inner02 .board_form.active { display: block;}
.board_list .board_tbl03 { table-layout: fixed; border-collapse: unset; background:#fff;}
.board_list .board_tbl03 th { padding:12px 16px; background-color:#F4F7FA; border: 1px solid #E6EAEF; border-left:0; text-align: center; font-size:14px; color:#2D3643; font-weight:600;}
.board_list .board_tbl03 td { word-break:break-word; padding:12px 10px; border: 1px solid #E6EAEF; border-left:0; border-top:0; text-align: left; font-size:14px; color:#2D3643;}
.board_list .board_tbl03 td .btn01 { width:100px; height:26px; border-radius: 6px; background: #24b770; font-size:13px; color:#fff; font-weight:500;}
.board_list .board_tbl03 td .btn02 { width:100px; height:26px; border-radius: 6px; background: #eeeeee; font-size:13px; color:#818080; font-weight:500;}
.board_list .board_tbl03 td .btn03 { width:100px; height:26px; border-radius: 6px; background: #2596f8; font-size:13px; color:#fff; font-weight:500;}
.board_list .board_tbl03 thead th { border-top: 1px solid #E6EAEF;}
.board_list .board_tbl03 tr th:first-of-type,
.board_list .board_tbl03 tr td:first-of-type { border-left: 1px solid #E6EAEF;}
.board_list .board_tbl03 thead tr:first-of-type th:first-of-type { border-radius: 8px 0 0 0;}
.board_list .board_tbl03 thead tr:first-of-type th:last-of-type { border-radius: 0 8px 0 0;}
.board_list .board_tbl03 tbody tr:last-of-type td:first-of-type { border-radius: 0 0 0 8px;}
.board_list .board_tbl03 tbody tr:last-of-type td:last-of-type { border-radius: 0 0 8px 0;}
.board_list .board_tbl03 .btn_stl01 { min-width:80px; height:33px; border-radius: 8px; border: 1px solid #E6EAEF; background: #FFF; font-size:14px; color:#2D3643; font-weight:500;}
.board_list .board_tbl03 .btn_stl01.gray { color:#5F6976;}
.board_list .board_tbl03 .btn_stl01.green { color:#24B770;}
.board_form .admin_paging_wrap { display: flex; justify-content: center; margin-top:24px;}
.board_form .admin_paging_wrap .admin_paging { display: flex; align-items: center; gap:0 24px; padding:0; margin:0;}
.board_form .admin_paging_wrap .admin_paging li a { font-size:14px; color:#ACB2BA;}
.board_form .admin_paging_wrap .admin_paging li.active a { color:#24b770;}

.guide_form .con { padding:18px 24px; border-radius: 12px; border: 1px solid #E6EAEF; background: #FFF;}
.guide_form .con ~ .con {margin-top: 8px;}
.guide_form .con .inp_box { display: flex; align-items: baseline;}
.guide_form .con .inp_box.center { align-items: center;}
.guide_form .con .inp_box label:not(.chk_stl01,.plus_file) { display: block; width:200px; font-size:14px; color:#2D3643; line-height: 36px;}
.guide_form .con .inp_box input[type="text"] { width:calc(100% - 120px); height:36px; border-bottom: 1px solid #E6EAEF; font-size:14px; color:#2D3643;}
.guide_form .con .inp_box input[type="text"]::placeholder { color:#ACB2BA;}
.guide_form .con .inp_box input:focus,
.guide_form .con .inp_box textarea:focus {border-color: #2D3643;}
.guide_form .con .inp_box ~ .inp_box { margin-top:8px;}
.guide_form .con .inp_box .inp_con { width:calc(100% - 120px);}
.guide_form .con .inp_box .inp_con .chk_box { display: flex; align-items: center; gap:0 16px; height:36px; margin-bottom:16px;}
.guide_form .con .inp_box textarea { padding:8px 0; resize: none; width:calc(100% - 120px); height:440px; border-bottom: 1px solid #E6EAEF;}
.guide_form .con .inp_box select { min-width:120px; height:36px;}
.guide_form .con .inp_box .inp_con textarea { width:100%;}
.guide_form .con .inp_box .button1 {
    padding: 3px;
    background-color: #E5F9EF;
    color: #24b770;
    align-content: center;
    height: 36px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    width: 130px;
}
.automated_wrap input[type="checkbox"]{border: 1px solid rgba(0, 0, 0, 0.25);}
.automated_wrap input[type="time"]{position:relative; width:120px; border-bottom:1px solid #E6EAEF; height:33px;}
.automated_wrap select{border:1px solid #E6EAEF; padding: 8px 10px !important;}
.automated_wrap select option{line-height: 30px !important;}
.automated_wrap table .form-control{border:1px solid #E6EAEF; padding: 8px 10px !important;}
.automated_wrap .stat_check input[type="checkbox"]{position:Absolute; left: -999em; display: none;}
.automated_wrap .stat_check input[type="checkbox"]:checked + span{color:#2D3643;}
.automated_wrap .stat_check input[type="checkbox"] + span{color:#788290;}
.automated_wrap .combo_box_wrap .combo_box{position:relative; width: 50px; height: 24px; border-radius: 7px; border: 1px solid #ced4da; transition:0.3s;}
.automated_wrap .combo_box_wrap input{display: none;}
.automated_wrap .combo_box_wrap .combo_box span{position: absolute; display: block; width: calc((100% - 3px)/2); height: calc(100% - 5px); top: 50%; transform: translateY(-50%);
    background-color: #ced4da; border-radius: 5px; left: 3px; transition: 0.3s;}
.automated_wrap .combo_box_wrap input:checked + .combo_box span{background-color: #24b770;left: 50%;}
.automated_wrap .combo_box_wrap input:checked + .combo_box{border: 1px solid #24b770;}
.automated_wrap .multi_select{border: 1px solid #E6EAEF;}
.automated_wrap .ms-choice {height:33px; line-height: 32px;}
input[type="time"]::-webkit-calendar-picker-indicator {background: none;}
input[type="time"]::-webkit-calendar-picker-indicator { display: block; position: absolute; top: 0; right: 0; height: 100%; width: 100%; background: transparent;}

/*2024-07-23 추가*/
.board_tab_menu.type02 + .board_tab_container .tab_con:not(:nth-of-type(1)) { display: none;}
.admin_filter_wrap { margin-bottom:16px;}
.admin_filter_wrap .filter_box { display: flex; align-items: center; gap:0 16px;}
.admin_filter_wrap .filter_box label { font-size:14px; color:#2D3643;}
.admin_filter_wrap .filter_box select { padding:8px 0;}
.admin_container .monitoring_list { display:flex; gap:16px; padding:24px 0; border-top:1px solid #E6EAEF;}
.admin_container .monitoring_list:nth-of-type(1) { padding-top:0; border-top:0;}
.admin_container .monitoring_list li { display: flex; align-items: center; justify-content: space-between; padding:16px 24px; width:20%; min-height:120px; border-radius: 12px; background: #F4F7FA;}
.admin_container .monitoring_list li .txt_box p { margin-bottom:12px; font-size:16px; color:#2D3643; font-weight:500; line-height: 1.5;}
.admin_container .monitoring_list li .txt_box strong { display: block; font-size:28px; color:#2D3643; font-weight:600; line-height: 1.5;}
.admin_container .monitoring_list li .txt_box strong span { color: rgba(45, 54, 67, 0.40);}
.admin_container .board_tab_menu.type02 { display: flex; align-items: center; gap:0 8px; margin-bottom:16px;}
.admin_container .board_tab_menu.type02 li { flex:none; padding:0 16px; width:max-content; height:37px; border-radius: 8px; background: #F4F7FA; color:#2D3643;}
.admin_container .board_tab_menu.type02 li.active { background:#24b770; color:#fff;}
.admin_container .board_tab_menu.type02 li a { display: flex; flex-direction: column; justify-content: center; align-items: center; gap:0 4px; width:100%; height:100%; color:inherit; line-height:1.5;}
.admin_container .board_tab_menu.type02 li a span { font-size:14px; color:inherit; font-weight:500;}

.card_box_list { overflow-y: auto; display: flex; flex-wrap:wrap; gap:16px; max-height:100%; scrollbar-width: thin;}
.card_box_list li { padding:16px; width:calc((100% - 32px)/3); border-radius: 8px; border: 1px solid #E6EAEF; background: #F4F7FA;}
.card_box_list li .box_txt_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom:12px; height:36px;}
.card_box_list li .box_txt_wrap h4 { font-size:20px; color:#2D3643; font-weight:500;}
.card_box_list li .box_txt_wrap .num_box { display: flex; align-items: center; gap:0 8px;}
.card_box_list li .box_txt_wrap .num_box span { font-size:14px; color:#24B770;}
.card_box_list li .box_txt_wrap .num_box strong { font-size:24px; color:#24B770;}
.card_box_list li .box_img_wrap { width:100%; height:160px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 8px; background-color: #fff;}

.monitoring_wrap02{position:relative; padding: 108px 0 98px;}
.monitoring_wrap02 .rect{border: 16px solid #E6EAEF; border-left: none; padding: 150px 0;}
.monitoring_wrap02 .rect .arrow{position:absolute; width: 40px; height: 40px; border-radius:50%; background-color: #2D3643;}
.monitoring_wrap02 .rect .arrow img{position:absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.monitoring_wrap02 .rect .arrow01{left: -5px; top: 95px;}
.monitoring_wrap02 .rect .arrow02{right: -10px; top: 0; bottom: 0; margin: auto 0;}
.monitoring_wrap02 .rect .arrow03{left: -5px; bottom: 86px;}
.monitoring_wrap02 .rect .txt_wrap{display: flex; justify-content: center; width: 100%; gap:0 80px}
.monitoring_wrap02 .rect .txt{width: 280px; padding: 25px 0; text-align: center; border-radius: 12px; border: 1px solid #1A212E; background: #FFF; box-shadow: 0 4px 0 0 rgba(172, 178, 186, 0.40);}
.monitoring_wrap02 .rect .txt em{display: block; font-size:18px; font-weight: 600; line-height:27px; color:#1A212E;}
.monitoring_wrap02 .rect .txt p{font-size:28px; color:#ACB2BA; line-height:42px; font-weight: 600;}
.monitoring_wrap02 .rect .txt p span{color:#24B770;}
.monitoring_wrap02 ul{position:absolute; width: 100%; left: 0; top: 0; display: flex; padding-left: 40px;}
.monitoring_wrap02 ul li{display: flex; justify-content: center; width:100%;}
.monitoring_wrap02 ul li a{display: flex; flex-direction: column; align-items:center; text-align:center;}
.monitoring_wrap02 ul li a:hover .circle{background-color: #24B770; border:4px solid #fff; }
.monitoring_wrap02 ul li a:hover .img_wrap img{transform:translateY(-10px);}
.monitoring_wrap02 ul li .img_wrap{position:relative; display: flex; align-items: center; height: 80px;}
.monitoring_wrap02 ul li .img_wrap img{transition:0.3s;}
.monitoring_wrap02 ul li .circle{width:40px; height: 40px; border: 4px solid #E6EAEF; margin: 18px 0; border-radius:50%; background-color: #fff; transition:0.3s;}
.monitoring_wrap02 ul li em{display: block; font-size: 16px; line-height: 24px; color:#1A212E;}
.monitoring_wrap02 ul li p{display: block; font-size: 28px; line-height: 42px; color:#1A212E; font-weight: 600;}
.monitoring_wrap02 ul li p span{color:#ACB2BA;}

.chart_monitoring { display: flex; flex-wrap:wrap; gap:16px; align-items: stretch;}
.chart_monitoring .con { padding:12px; border-radius: 12px; border:1px solid #E6EAEF; background:#fff;}
.chart_monitoring .con .tit { display: flex; align-items: center; justify-content: space-between;}
.chart_monitoring .con .tit h3 { padding:0 12px; font-size:16px; color:#1A212E; font-weight:600; line-height:32px;}
.chart_monitoring .con .tit h3 span { padding:0 8px; font-size:14px; color:#788290; font-weight:500; line-height:32px;}
.chart_monitoring .con .tit h3 span em { color:#24B770;}
.chart_monitoring .con .chart_label_list { display: flex; flex-wrap:wrap; gap:8px; width:calc(100% - 220px);}
.chart_monitoring .con .chart_label_list li { display: flex; align-items: center; justify-content: space-between; padding:8px 12px; width:calc((100% - 8px)/2); background:#F4F7FA; border-radius: 8px;}
.chart_monitoring .con .chart_label_list li span { display: flex; align-items: center; gap:0 8px; font-size:15px; color:#1A212E;}
.chart_monitoring .con .chart_label_list li span em { display: block; width:12px; height:12px; border-radius: 50%;}
.chart_monitoring .con .chart_label_list li strong { font-size:18px; color:#1A212E; font-weight:600;}
.chart_monitoring .date_input_wrap { display: flex; align-items: center; gap:0 12px; padding-left:30px; background:url(../new_admin_img/ico_calendar.png) left center no-repeat;}
.chart_monitoring .date_input { display: flex; align-items: center; gap:0 9px;}
.chart_monitoring .date_input .inp { position:relative;}
.chart_monitoring .date_input input { width:120px; height:32px; border-bottom:1px solid #E6EAEF; font-size:14px; color:#2D3643;}
.chart_monitoring .date_input input::-webkit-calendar-picker-indicator {background: none;}
.chart_monitoring .date_input input::-webkit-calendar-picker-indicator { display: block; position: absolute; top: 0; right: 0; height: 100%; width: 100%; background: transparent;}
.chart_monitoring .date_input em { font-size:14px; color:#2D3643;}
.chart_monitoring .date_input_wrap button { padding:0 24px; height:32px; background:#1A212E; border-radius:8px; font-size:15px; color:#fff; font-weight:500;}
.chart_monitoring .con .list_con { display: flex; flex-direction: column; justify-content: center; padding: 12px; min-height: calc(100% - 32px);}
.chart_monitoring .con .list_con ul { display: flex; flex-wrap:wrap; align-items: center; gap:8px;}
.chart_monitoring .con .list_con ul li { flex:1; display: flex; flex-direction: column; align-items: center; justify-content: center; height:120px; padding:8px 12px; border-radius: 8px; background:#F4F7FA; text-align:center;}
.chart_monitoring .con .list_con ul li strong { font-size:28px; color:#1A212E; font-weight:600;}
.chart_monitoring .con .list_con ul li p { margin-top:8px; font-size:15px; color:#1A212E; letter-spacing: -0.3px;}
.chart_monitoring .con .list_con ul li.green { background:#EBFAF4;}
.chart_monitoring .con .list_con ul li.green strong { color:#24B770;}
.chart_monitoring .con .list_con ul li.gray strong { color:#ACB2BA;}
.chart_monitoring .con .list_con.type02 ul li { flex-direction: row; justify-content: space-between; height:120px; padding:8px 24px;}
.chart_monitoring .con .list_con.type02 ul li p { margin-top:0;}
.chart_monitoring .con .list_con.type02 ul li .tag { text-align:right;}
.chart_monitoring .con .list_con.type02 ul li .tag span { display: inline-block; padding:0 16px; background:#E6EAEF; border-radius: 26px; font-size:12px; color:#788290; font-weight:500; line-height:26px;}
.chart_monitoring .con .list_con.type02 ul li .tag span ~ span { margin-top:4px;}
.chart_monitoring .pie { position: relative; font-size: 0; margin-top: 16px;}
.chart_monitoring .pie .txt { position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);text-align: center;}
.chart_monitoring .pie .txt::before { content: "";display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); width: 120px;height: 120px;border-radius: 50%;border: 16px solid rgba(255, 255, 255, 0.8);box-sizing: border-box;z-index: -1;}
.chart_monitoring .pie .txt b {display: block;line-height: 31px;font-size: 28px;color: #24b770;font-weight: 900;}
.chart_monitoring .pie .txt b span {font-size: 28px;}
.chart_monitoring .pie .txt p {font-size: 12px;color: #788290;line-height: 18px;}
.chart_monitoring .pie_list {width:calc(100% - 220px);}
.chart_monitoring .pie_list li { display: flex; align-items: center; justify-content: space-between; padding:8px 12px; background:#F4F7FA; border-radius: 8px;}
.chart_monitoring .pie_list li ~ li { margin-top:8px;}
.chart_monitoring .pie_list li .tit { display: flex; align-items: center; gap:0 8px; font-size:15px; color:#1A212E;}
.chart_monitoring .pie_list li strong { font-size:18px; color:#1A212E; font-weight:600;}
.chart_monitoring .pie_list li strong.green { color:#24B770;}

.chart_gauge_wrap { position: relative; padding: 0 50px; width: max-content;}
.chart_gauge_wrap .chart-gauge { position: relative; overflow: hidden;}
.chart_gauge_wrap .chart-gauge::after { content: ""; position: absolute; left: calc(50% - 5px); bottom: -12px; translate: -50% 0; width: 24px; height: 24px; border-radius: 50%; background: #2d3643;}
.chart_gauge_wrap .chart_value_box { position: absolute; left: 50%; top: 0; width: 240px; height: 240px; border-radius: 50%; translate: -50% 0; transform: rotate(-90deg); transform-origin: center center; transition: 0.5s;}
.chart_gauge_wrap .chart_value { display: block; position: absolute; left: 50%; bottom: 100%; translate: -50% 0; padding: 4px 12px; border-radius: 8px; background: #2d3643; transform: rotate(90deg); transition: 0.5s; font-size: 13px; color: #ffffff; font-weight: 500;}
.chart_gauge_wrap .chart_value em { font-size: 13px; color: #ffffff; font-weight: 500;}
.chart_gauge_wrap .chart_needle { position: absolute; left: calc(50% - 5px); bottom: -15px; translate: -50% 0; width: 35px; height: 35px; border-radius: 50%; transform: rotate(-90deg); transform-origin: center center; transition: 0.5s; transition-delay: 0.8s;}
.chart_gauge_wrap .chart_needle::before { content: ""; position: absolute; left: 50%; bottom: 100%; translate: -50% 0; width: 3px; height: 45px; border-radius: 4px; background: #2d3643;}
.chart_gauge_wrap .chart-filled { fill: #24b770;}
.chart_gauge_wrap .chart-empty { fill: #e6eaef;}
.chart_gauge_wrap.mini .chart-gauge svg { position:absolute; left:10px;}
.chart_gauge_wrap.mini .chart-gauge::after {left: 50%; bottom: -6px; width: 12px; height: 12px;}
.chart_gauge_wrap.mini .chart_value_box { top:auto; bottom:0; width: 100px; height: 100px; transform-origin: center bottom;}
.chart_gauge_wrap.mini .chart_value {left: 50%; bottom: 50%; translate: -50% 0; padding: 4px 6px; border-radius: 8px; background: #2d3643; transform: rotate(90deg); transition: 0.5s;}
.chart_gauge_wrap.mini .chart_needle {left: 50%; bottom: -6px; width: 16px; height: 16px;}
.chart_gauge_wrap.mini .chart_needle::before { width: 3px; height: 24px;}
.chart_gauge_area { flex:1; display: flex; flex-direction: column; gap:8px; justify-content: center; align-items: center; padding:16px 12px 8px; min-height: 120px; background:#F4F7FA; border-radius: 8px;}
.chart_gauge_area p { font-size:15px; color:#1A212E; text-align: center;}
.chart_gauge_wrap.mini { display: flex; align-items: flex-end; padding:0; width:max-content;}
.chart_gauge_wrap.mini > em { font-size:12px; color:#788290; font-weight:500;}
.chart_gauge_wrap.mini .chart-gauge { width:100%; height:120px;}

.chart_wrap01 .con { width:calc((100% - 16px)/2); min-height:260px;}
.chart_wrap01 .con .flex_box { display: flex; justify-content: center; align-items: center; gap:0 40px; padding:12px; min-height:204px;}
.chart_wrap01 .con .padding_box { padding:15px 12px 12px; min-height:204px;}
.chart_wrap01 .con .txt_box strong { font-size:28px; color:#1A212E; font-weight:600;}
.chart_wrap01 .con .txt_box p { font-size:15px; color:#788290; font-weight:500;}
.chart_wrap01 .con02 .chart_gauge_wrap { display: flex; justify-content: center; width:480px;}
.chart_wrap01 .con03 .chart_label_list { width:calc(100% - 220px);}

.chart_wrap02 .con { width:calc((100% - 16px)/2);}
.chart_wrap02 .con .flex_box { display: flex; justify-content: center; align-items: center; gap:0 40px; padding:12px;}
.chart_wrap02 .con .flex_box.type02 { height:calc(100% - 32px);}
.chart_wrap02 .con .tit select { min-width:240px; height:32px;}
.chart_wrap02 .con01 { width:100%;}
.chart_wrap02 .con01 .progress_wrap { width:480px;}
.chart_wrap02 .con01 .progress_wrap .progress_box { display: flex; align-items: center; gap:0 16px; padding:20px 0;}
.chart_wrap02 .con01 .progress_wrap .progress_box .progress01 { position:relative; width:385px; height:40px; background:#E6EAEF; border-radius: 8px;}
.chart_wrap02 .con01 .progress_wrap .progress_box .progress_bar { position:absolute; left:0; top:0; bottom:0; width:0; background:#24B770; border-radius: 8px 0 0 8px; transition:.6s;}
.chart_wrap02 .con01 .progress_wrap .progress_box .progress_bar::after { content:''; position:absolute; right:-4px; top:50%; translate:0 -50%; width:8px; height:80px; background:url(../new_admin_img/progress_arrow.png) center no-repeat;}
.chart_wrap02 .con01 .progress_wrap .progress_box p { margin-top:8px; font-size:15px; color:#788290; font-weight:500;}
.chart_wrap02 .con01 .progress_wrap .progress_value { font-size:28px; color:#24B770; font-weight:600;}
.chart_wrap02 .con01 .list_con { width:calc(100% - 520px);}
.chart_wrap02 .con01 .list_con { padding:0;}
.chart_wrap02 .con04 .list_con ul li { flex:none; width:calc((100% - 16px)/3);}
.chart_wrap02 .con05 .chart_label_list { width:calc(100% - 200px);}
.chart_wrap02 .con05 .chart_con p { margin-top:8px; font-size:12px; color:#788290; font-weight:500; text-align: center;}

.chart_wrap03 .top_con { width:100%;}
.chart_wrap03 .top_con ul { display: flex; align-items: stretch; gap:16px;}
.chart_wrap03 .top_con ul li { flex:1; display: flex; align-items: center; justify-content: space-between; padding:18px 24px; min-height:120px; border-radius: 12px; background:#EBFAF4; }
.chart_wrap03 .top_con ul li .txt p { margin-bottom:8px; font-size:16px; color:#1A212E; font-weight:600;}
.chart_wrap03 .top_con ul li .txt strong { font-size:28px; color:#24B770; font-weight: 600;}
.chart_wrap03 .con_wrap01 { display: flex; flex-direction: column; gap:16px; width:calc(100% - 576px);}
.chart_wrap03 .con_wrap02 { display: flex; flex-direction: column; gap:16px; width:560px;}
.chart_wrap03 .con_wrap02 .con { flex:1;}
.chart_wrap03 .con .flex_box { display: flex; justify-content: center; align-items: stretch; gap:0 8px; padding:12px;}
.chart_wrap03 .con_wrap01 .chart_box { padding:12px;}
.chart_wrap03 .con_wrap02 .con .flex_box { gap:40px; align-items: center; min-height:calc(100% - 32px);}
.chart_wrap03 .con .chart_label_list li { width:100%;}

.chart_wrap04 .con { width:calc((100% - 16px)/2);}
.chart_wrap04 .progress_wrap { display: flex; align-items: center; justify-content: space-between; margin-top:12px;}
.chart_wrap04 .progress_wrap .progress02 { overflow: hidden; position:relative; width:calc(100% - 50px); height: 16px; border-radius: 8px; background:#E6EAEF;}
.chart_wrap04 .progress_wrap .progress_bar { position:absolute; left:0; top:0; bottom:0; width:0; background:#24B770; transition: .6s;}
.chart_wrap04 .progress_wrap strong { display: block; width:50px; font-size:15px; color:#24B770; font-weight: 600; text-align: right;}
.chart_wrap04 .chart_box { padding:12px;}

.chart_wrap05 .con { width:calc((100% - 16px)/2);}
.chart_wrap05 .con:nth-child(2) ~ .con { width:calc((100% - 32px)/3);}
.chart_wrap05 .con01 .flex_box { display: flex; justify-content: center; align-items: stretch; gap:0 8px; padding:12px; min-height:calc(100% - 32px);}
.chart_wrap05 .con05 .flex_box { display: flex; align-items: center; padding:12px; min-height:calc(100% - 32px);}
.chart_wrap05 .con05 .flex_box .box_wrap { display: flex; gap:0 16px; align-items: flex-start;}
.chart_wrap05 .con05 .flex_box .box { flex:1; text-align: center;}
.chart_wrap05 .con05 .flex_box .box .txt { margin-top:8px;}
.chart_wrap05 .con05 .flex_box .box .txt strong { font-size:15px; color:#1A212E; font-weight:600;}
.chart_wrap05 .con05 .flex_box .box .txt p { font-size:15px; color:#1A212E; line-height:1.5; word-break: break-all;}
.chart_wrap05 .chart_box { padding:12px;}

.chart_wrap06 .con { width:calc((100% - 16px)/2);}
.chart_wrap06 .con:nth-child(2) ~ .con { width:calc((100% - 32px)/3);}
.chart_wrap06 .con .list_con { height:calc(100% - 32px);}
.chart_wrap06 .con03 .flex_box { display: flex; align-items: center; gap:0 40px; padding:12px;}
.chart_wrap06 .con .list_con ul,
.chart_wrap06 .con .list_con ul li { height:100%; min-height:120px;}

.chart_in_tbl_wrap { padding:12px;}
.chart_in_tbl { overflow:hidden; border:1px solid #E6EAEF; border-radius: 8px;}
.chart_in_tbl th { padding:12px; border: 1px solid #E6EAEF; background: #F4F7FA; font-size:14px; color:#2D3643; font-weight:600; text-align: center;}
.chart_in_tbl td { padding:12px; border: 1px solid #E6EAEF; background: #fff; font-size:14px; color:#2D3643; text-align: center;}
.chart_in_tbl td.txt_right { text-align: right;}
.chart_in_tbl tbody th,
.chart_in_tbl thead th { border-left:0; border-top:0;}
.chart_in_tbl tbody td:last-child,
.chart_in_tbl thead th:last-child { border-right:0;}
.chart_in_tbl tbody td:nth-of-type(1) { border-left:0;}
.chart_in_tbl tbody tr:last-child th,
.chart_in_tbl tbody tr:last-child td { border-bottom:0;}
.chart_in_tbl tbody tr:first-child td { border-top:0;}


.new_nav_wrap{position:absolute; left: 0; top: 0; width: 240px; height: 100%; background-color: #F9FAFB; border-right: 1px solid #E6EAEF}
.new_nav_wrap .nav_top{display: flex; height: 60px; justify-content: center; align-items: center; border-bottom: 1px solid #E6EAEF;}
.new_nav_wrap .nav_menu{height: calc(100% - 60px); overflow:auto; padding:8px 12px;}
.new_nav_wrap h3 a{display: flex; align-items: center; padding: 7px 8px;}
.new_nav_wrap h3 a .nav_icon{position:relative; width: 20px; height: 20px; margin-right: 4px;}
.new_nav_wrap h3 a .nav_icon img{position:absolute; left: 0; top: 0; right: 0; bottom: 0; margin:auto;}
.new_nav_wrap h3 a .nav_icon img.on{display: none;}
.new_nav_wrap h3 a span{display: block; font-size:14px; line-height: 22px; color:#414853; font-weight: 500;}
.new_nav_wrap h3.on a .nav_icon img{display: none;}
.new_nav_wrap h3.on a .nav_icon img.on{display: block;}
.new_nav_wrap h3.on a span{color:#24B770}
.new_nav_wrap h3.active a .nav_icon img{display: none;}
.new_nav_wrap h3.active a .nav_icon img.on{display: block;}
.new_nav_wrap h3.active a span{color:#24B770}
.new_nav_wrap .dep2_wrap{display: none; padding:0 24px; border:1px solid #E6EAEF; border-radius: 8px; background-color: #fff;}
.new_nav_wrap .dep2_wrap em{display: block;}
.new_nav_wrap .dep2_wrap em a{display: flex; align-items: center; padding: 5px 8px;}
.new_nav_wrap .dep2_wrap em img{margin-right: 8px;}
.new_nav_wrap .dep2_wrap em span{display: block; font-size: 14px; color:#414853; line-height: 22px; font-weight: 500; }
.new_nav_wrap .dep2_wrap em.on img{transform: rotate(90deg);}
.new_nav_wrap .dep2_wrap em.active img{transform: rotate(90deg);}
.new_nav_wrap .dep2_wrap ul{display: none; padding: 0 16px;}
.new_nav_wrap .dep2_wrap ul li a{display: flex; align-items: center; padding: 5px 8px}
.new_nav_wrap .dep2_wrap ul li .circle{display: block; width: 6px; height:6px; border-radius: 50%; margin-right: 8px; background-color: #DCE1E7;}
.new_nav_wrap .dep2_wrap ul li span{display: block; font-size:14px; color:#414853; line-height: 22px; font-weight: 500;}
.new_nav_wrap .dep2_wrap ul li.on .circle{background-color: #24B770;}
.new_nav_wrap .dep2_wrap ul li:hover{background-color: #F4F7FA;}
.new_dash_wrap{margin-left: 240px; padding-top: 60px;}
.new_dash_header{position:absolute; display: flex; align-items: center; justify-content:space-between; left:0 ; top: 0; width:100%; height:60px; padding: 0 40px; border-bottom: 1px solid #E6EAEF; background-color: #F9FAFB;}
.new_dash_header .notice_top { max-width:500px; height:100%;}
.new_dash_header .notice_top .notice_swiper { height:100%;}
.new_dash_header .notice_swiper .swiper-slide { display:flex; align-items: center; height:100%;}
.new_dash_header .notice_swiper .swiper-slide p { padding-left:40px; width:100%; background:url(../new_admin_img/ico_notice.png) left center no-repeat;}
.new_dash_header .notice_swiper .swiper-slide p a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; font-size:14px; color:#2D3643;}
.new_dash_header .header_right{display: flex; gap: 0 8px; align-items: center;}
.new_dash_header .header_right .box01{position:relative; }
.new_dash_header .header_right .box01 .select{display: flex; align-items:center; height: 40px;padding: 0 12px; border-radius: 8px; border: 1px solid #E6EAEF; background-color: #fff;  cursor: pointer;}
.new_dash_header .header_right .box01.on .select img{transform:rotate(180deg);}
.new_dash_header .header_right .box01 em{display: block; font-size:14px; margin-right: 8px; color:#2D3643; font-weight: 500; line-height: 1;}
.new_dash_header .header_right .box01 ul{position:Absolute; display: none; top: 100%; right: 0; padding: 8px; border-radius: 4px; background-color: #fff; border: 1px solid #E6EAEF; box-shadow: 0 4px 32px 0 rgba(172, 178, 186, 0.16);}
.new_dash_header .header_right .box01 ul li{padding: 8px 4px;}
.new_dash_header .header_right .box01 ul li a{display: flex; align-items: center;}
.new_dash_header .header_right .box01 ul li a img{margin-right:8px;}
.new_dash_header .header_right .box01 ul li a span{display: block; font-size:14px; color:#2D3643; line-height:17px; font-weight: 400;}
.new_dash_header .header_right .box02{height: 40px;padding: 0 12px; border-radius: 8px; border: 1px solid #E6EAEF; background-color: #fff;}
.new_dash_header .header_right .box02 ul{display: flex; height: 100%; align-items: center; gap: 0 16px}
.new_dash_header .header_right .box02 ul li{position:relative;}
.new_dash_header .header_right .box02 ul li.alarm01 span{position:Absolute; right: -2px; bottom: -2px; padding:1px 2px; font-size: 10px; font-weight: 700; color:#fff; line-height: 10px; background-color: #1A212E; border-radius: 7px;}
.new_dash_header .header_right .box02 ul li.alarm02 span{position:Absolute; width: max-content; left:0; right: 0; margin: 0 auto; top: -2px; padding:1px 2px; font-size: 10px; font-weight: 700; color:#fff; line-height: 10px; background-color: #24B770; border-radius: 7px;}
.new_dash_header .header_right .box03{display:flex; align-items:center; height: 40px;padding: 0 12px; border-radius: 8px; border: 1px solid #E6EAEF; background-color: #fff;}
.new_dash_header .header_right .box03 img{margin-right: 8px;}
.new_dash_header .header_right .box03 em{display: block; font-size: 14px; color:#2D3643; line-height: 1; margin-right: 4px;font-weight: 500;}
.new_dash_header .header_right .box03 span{display: block; font-size: 12px; color:#788290; line-height: 1;}
.new_dash_header .header_right .logout{display: block; font-size:14px; color:#5F6976; font-weight:500; padding: 0 12px; line-height: 40px; border-radius:8px; background-color: #E6EAEF;}

/*대시보드-메인 공통*/
.new_dashboard .dash_section { line-height:1.6;}
.new_dashboard .dash_section ~ .dash_section { margin-top:12px;}
.new_dashboard .dash_section { display: flex; align-items: stretch; gap:12px;}
.new_dashboard .dash_section .con { width:calc((100% - 12px)/2); border-radius: 8px;}
.new_dashboard .dash_section .con2 { width:calc((100% - 12px)); border-radius: 8px;}
.new_dashboard .dash_section .con_wrap { display: flex; align-items: center; padding:8px 12px; border-radius: 8px; border: 1px solid #A6A6A6;}
.new_dashboard .dash_section .con_wrap .con_box { flex:1; padding:12px;}
.new_dashboard .dash_section .con_wrap .con_box ~ .con_box { border-left:1px solid #A6A6A6;}
.new_dashboard .dash_section .board_con { flex:1; padding:8px 12px; border:1px solid #A6A6A6; border-radius: 8px;}
.new_dashboard .dash_section .board_con .board_inner { padding:12px;}
.new_dashboard .dash_section .dash_tit { display: flex; align-items: center; justify-content: space-between;}
.new_dashboard .dash_section .dash_tit strong { font-size:16px; color:#2D3643; font-weight:700;}
.new_dashboard .dash_section .dash_tit .btn_wrap { display: flex; align-items: center; gap:0 4px;}
.new_dashboard .dash_section .dash_tit .btn_wrap button { padding:0 4px; height:22px; background:#2D3643; border-radius: 4px; font-size:14px; color:#fff; font-weight:500; line-height:22px;}
.font_green { color:#24B770;}
.new_dashboard .board_con .tbl_list { overflow: hidden; border-radius: 8px; border:1px solid #E6EAEF;}
.new_dashboard .board_con .tbl_list .tbl01 { width:100%; table-layout: fixed; border-spacing: 0;}
.new_dashboard .board_con .tbl_list .tbl01 th { padding:8px; background:#F4F7FA; font-size:14px; color:#2D3643; font-weight: 600; text-align:center;}
.new_dashboard .board_con .tbl_list .tbl01 th ~ th { border-left:1px solid #E6EAEF;}
.new_dashboard .board_con .tbl_list .tbl01 td { padding:8px; background:#fff; border-top:1px solid #E6EAEF; height:37px; font-size:14px; color:#2D3643; line-height:1.5; text-align:center;}
.new_dashboard .board_con .tbl_list .tbl01 td a { display: block; max-width:100%; font-size:inherit; color:inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.new_dashboard .board_con .tbl_list .tbl01 td ~ td {  border-left:1px solid #E6EAEF;}
.new_dashboard .board_con .tbl_list .tbl01 td.left { text-align: left;}
.new_dashboard .board_con .tbl_list .tbl01 td.right { text-align: right;}
.new_dashboard .board_con .tbl_list .tbl01 td .circle { display: inline-block; width:12px; height:12px; border-radius:50%;}

/*대시보드-첫번째 섹션*/
.new_dashboard .dash_section01 .con01 { display: flex; align-items: stretch; gap:12px; padding:8px 12px; background: linear-gradient(264deg, #4BD291 0%, #24B770 100%); box-shadow: 0px 0px 20px 0px rgba(36, 183, 112, 0.40);}
.new_dashboard .dash_section01 .con01 .txt_wrap,
.new_dashboard .dash_section01 .con01 .logo_wrap { padding:12px; width:calc((100% - 12px)/2);}
.new_dashboard .dash_section01 .con01 .logo_wrap { display: flex; align-items: center; justify-content: center; border-radius: 8px; background: rgba(255, 255, 255, 0.08);}
.new_dashboard .dash_section01 .con01 .txt_wrap strong{ display: block; font-size:22px; color:#fff; font-weight:700; line-height:1.6; letter-spacing: -0.44px;}
.new_dashboard .dash_section01 .con01 .txt_wrap ul { margin-top:4px;}
.new_dashboard .dash_section01 .con01 .txt_wrap ul li { display: flex; align-items: center; line-height:1.6;}
.new_dashboard .dash_section01 .con01 .txt_wrap ul li span { display: block; width:80px; font-size:14px; color:#CCF6E0; font-weight:700; letter-spacing: -0.28px;}
.new_dashboard .dash_section01 .con01 .txt_wrap ul li p { width:calc(100% - 80px); font-size:16px; color:#fff; font-weight:500;}
.new_dashboard .dash_section01 .con02 .con_wrap {min-height:calc(100% - 52px);}
.new_dashboard .dash_section01 .con02 .con_wrap .con_box { min-height:100%; text-align:center;}
.new_dashboard .dash_section01 .con02 .con_wrap .con_box .tit { font-size:16px; color:#2D3643; font-weight:700;}
.new_dashboard .dash_section01 .con02 .con_wrap .con_box .price_txt { display: flex; justify-content: center; align-items: center; padding:4px 0; font-size:22px;}
.new_dashboard .dash_section01 .con02 .con_wrap .con_box .price_txt storng { color:#1A212E; font-weight:700;}
.new_dashboard .dash_section01 .con02 .con_wrap .con_box .price_txt em { color:#ACB2BA; font-weight:500;}
.new_dashboard .dash_section01 .con02 .con_wrap .con_box .price_txt em.font_green { color:#24B770;}
.new_dashboard .dash_section01 .con02 .con_wrap .con_box span { font-size:14px; color:#5F6976;}
.new_dashboard .dash_section01 .con02 .btn_wrap { display: flex; align-items: center; gap:12px; margin-top:12px;}
.new_dashboard .dash_section01 .con02 .btn_wrap button { flex:1; padding:0 16px; height:40px; border-radius:8px; background:#F4F7FA; font-size:16px; color:#2D3643; font-weight:500;}
/*대시보드-두번째 섹션*/
.new_dashboard .dash_section02 .con_wrap ~ .con_wrap { margin-top:12px;}
.new_dashboard .dash_section02 .con01 .con_wrap { height:144px; align-items: flex-start;}
.new_dashboard .dash_section02 .con01 .con_wrap .con_box { height:100%;}
.new_dashboard .dash_section02 .con01 .info_box { display: flex; align-items: center; justify-content: center; margin-top:14px; min-height:66px;}
.new_dashboard .dash_section02 .con01 .info_box p { font-size:22px; color:#ACB2BA; font-weight:700;}
.new_dashboard .dash_section02 .con01 .info_box p strong { color:#1A212E; font-weight:700;}
.new_dashboard .dash_section02 .con01 .info_box em { font-size:22px; font-weight:500;}
.new_dashboard .dash_section02 .con01 .progress_wrap { display: flex; justify-content: space-between; align-items: center; gap:0 8px; margin-top:12px;}
.new_dashboard .dash_section02 .con01 .progress_wrap .progress_bg { overflow:hidden; position:relative; width:154px; height:8px; border-radius: 8px; background:#E6EAEF;}
.new_dashboard .dash_section02 .con01 .progress_wrap .progress_bg .progress_bar { position:absolute; left:0; top:0; height:100%; border-radius: 8px; background:#24B770;}
.new_dashboard .dash_section02 .con01 .progress_wrap span { font-size:22px; color:#24B770; font-weight:500;}
.new_dashboard .dash_section02 .con02 { display: flex; align-items: stretch; gap:0 12px;}
.new_dashboard .dash_section02 .con02 .dash_tit { margin-bottom:12px;}
.new_dashboard .dash_section02 .con02 .board_con ul li { display: flex; align-items: center; justify-content: space-between; padding:4px 0; border-bottom:1px solid #E6EAEF; line-height:35px;}
.new_dashboard .dash_section02 .con02 .board_con ul li span { font-size:16px; color:#5F6976; font-weight:500;}
.new_dashboard .dash_section02 .con02 .board_con ul li strong { font-size:22px; color:#1A212E; font-weight:700; }
/*대시보드-세번째 섹션*/
.new_dashboard .dash_section03 .con {width:100%;}
.new_dashboard .dash_section03 .dash_menu_list { display: flex; align-items: center; gap:0 12px;}
.new_dashboard .dash_section03 .dash_menu_list li { flex:1; border-radius: 8px; border: 1px solid #E6EAEF; background-color:#fff;}
.new_dashboard .dash_section03 .dash_menu_list li a { display: flex; align-items: center; justify-content: space-between; padding:8px 12px; min-height:100px; border: 1px solid #A6A6A6;}
.new_dashboard .dash_section03 .dash_menu_list li .txt { padding:12px;}
.new_dashboard .dash_section03 .dash_menu_list li .txt strong { font-size:16px; color:#2D3643; font-weight:700;}
.new_dashboard .dash_section03 .dash_menu_list li .txt p { font-size:22px; color:#1A212E; font-weight:700;}
/*대시보드-세번째 섹션*/
.new_dashboard .dash_section04 { flex-wrap:wrap;}
.new_dashboard .dash_section04 .dash_tit { margin-bottom:12px;}
.new_dashboard .dash_section04 .schedule_wrap li { width:100%;}
.new_dashboard .dash_section04 .schedule_wrap li ~ li { margin-top:4px;}
.new_dashboard .dash_section04 .schedule_wrap li .txt { display: flex; align-items: center; gap:0 8px; width:100%; min-height:41px; border-left: 4px solid #5F6976; background:#F4F7FA;}
.new_dashboard .dash_section04 .schedule_wrap li .txt strong { display: block; padding-left:12px; font-size:14px; color:#2D3643; font-weight:700; line-height:1.5;}
.new_dashboard .dash_section04 .schedule_wrap li .txt p { font-size:14px; color:#5F6976; line-height:1.5;}
.new_dashboard .dash_section04 .schedule_wrap li.today { padding-left:46px; background:url(../new_dash_img/ico_today.svg) left center no-repeat;}
.new_dashboard .dash_section04 .schedule_wrap li.today .txt { border-color:#24B770; background:#EBFAF4;}
.new_dashboard .dash_section04 .schedule_wrap li.today .txt strong,
.new_dashboard .dash_section04 .schedule_wrap li.today .txt p { color:#24B770;}