@charset "utf-8";
/* 공통 */


/* 사용자 지정 */

:root{
	/* 메인 컬러*/
	--custom-main-color:#6c84ff;
	/* 상단메뉴 배경색 */
	--custom-top-menu-bak-color:#fff;
	/* 상단메뉴 글씨색 */
	--custom-top-menu-color:#252c4b;
	/* 상단메뉴 선색 */
	--custom-top-menu-line-color:#fff;
	/* 왼쪽 메뉴 배경색 */
	--custom-left-menu-bak-color:#e4e9ff;
	/* 왼쪽 메뉴 - depth2 배경색 */
	--custom-left-menu-bak2-color:#fff;
	/* 왼쪽 메뉴 글씨색 */
	--custom-left-menu-color:#354168;
	/* 왼쪽 메뉴 선택 글씨색 */
	--custom-left-menu-select-color:#252c4b;
	/* 왼쪽메뉴 선색 */
	--custom-left-menu-line-color: rgb(255 255 255 / 20%);
	/* 표 타이틀 색상 */
	--custom-table-th-color: #e4e9ff;
}

/* //사용자 지정 */
.df_ac{display: flex;align-items: center;flex-wrap: wrap;}
.df_as{display: flex;align-items: flex-start;flex-wrap: wrap;}
.df_ae{display: flex;align-items: flex-end;flex-wrap: wrap;}
.df_astretch{display: flex;align-items: stretch;flex-wrap: wrap;}
.jc_center{justify-content: center;}
.jc_start{justify-content: flex-start;}
.jc_end{justify-content: flex-end;}
.jc_sbetween{justify-content: space-between;}
.jc_saround{justify-content: space-around;}
.flex_nowrap{flex-direction: row;flex-wrap: nowrap;}
.gap5{gap: 5px;}
.gap10{gap: 10px;}
.gap15{gap: 15px;}
.gap20{gap: 20px;}
.ta_left{text-align: left !important;}
.ta_center{text-align: center !important;}
.ta_right{text-align: right !important;}
.ta_center{text-align: center !important;}
.fw{flex-wrap: wrap;}
.w10{width: 10% !important;}
.w12{width: 12% !important;}
.w14{width: 14% !important;}
.w15{width: 15% !important;}
.w16{width: 16% !important;}
.w18{width: 18% !important;}
.w20{width: 20% !important;}
.w25{width: 25% !important;}
.w30{width: 30% !important;}
.w35{width: 35% !important;}
.w40{width: 40% !important;}
.w42{width: 42% !important;}
.w45{width: 45% !important;}
.w48{width: 48% !important;}
.w49{width: 49% !important;}
.w50{width: 50% !important;}
.w55{width: 55% !important;}
.w60{width: 60% !important;}
.w65{width: 65% !important;}
.w70{width: 70% !important;}
.w75{width: 75% !important;}
.w80{width: 80% !important;}
.w85{width: 85% !important;}
.w87{width: 87% !important;}
.w90{width: 90% !important;}
.w95{width: 95% !important;}
.w100{width: 100% !important;}
.fcfff{color: #fff;}
.fc222{color: #222;}
.fc666{color: #666;}
.bgc_blue{background-color: #e9f8ff;}
.bgc_pink{background-color: #f7e4e4;}
.bgc_yellow{background-color: #fffeda;}
table{border-collapse: collapse; border-spacing: 0;width: 100%;}
p,a,span,strong,li{word-break: keep-all;word-wrap: break-word;line-height: 1 ;color: #666;}

/* common */
	.m0{margin: 0 !important;}
	.m30{margin:30px;}
	.mbt{margin-top: 0 !important;margin-bottom: 0 !important;}
	.mbt30{margin:30px 0;}
	.mlr0{margin-left: 0 !important;margin-right: 0 !important;}
	.mlr30{margin:0 30px;}
	.mt0{margin-top: 0 !important;}
	.mt30{margin-top:30px;}
	.mr0{margin-right: 0 !important;}
	.mr30{margin-right:30px;}
	.mb0{margin-bottom: 0 !important;}
	.mb10{margin-bottom:10px;}
	.mb30{margin-bottom:30px;}
	.ml0{margin-left: 0 !important;}
	.ml30{margin-left:30px;}
	.plr5{padding:0 5px !important;}
	.p30{padding:30px;}
	.pbt30{padding:30px 0;}
	.plr30{padding:0 30px;}
	.pt30{padding-top:30px;}
	.pr30{padding-right:30px;}
	.pb30{padding-bottom:30px;}
	.pl30{padding-left:30px;}
	.fs80{font-size: 80px;}
	.fs78{font-size: 78px;}
	.fs76{font-size: 76px;}
	.fs74{font-size: 74px;}
	.fs72{font-size: 72px;}
	.fs70{font-size: 70px;}
	.fs68{font-size: 68px;}
	.fs66{font-size: 66px;}
	.fs64{font-size: 64px;}
	.fs62{font-size: 62px;}
	.fs60{font-size: 60px;}
	.fs58{font-size: 58px;}
	.fs56{font-size: 56px;}
	.fs54{font-size: 54px;}
	.fs52{font-size: 52px;}
	.fs50{font-size: 50px;}
	.fs48{font-size: 48px;}
	.fs46{font-size: 46px;}
	.fs44{font-size: 44px;}
	.fs42{font-size: 42px;}
	.fs40{font-size: 40px;}
	.fs38{font-size: 38px;}
	.fs36{font-size: 36px;}
	.fs34{font-size: 34px;}
	.fs32{font-size: 32px;}
	.fs30{font-size: 30px;}
	.fs28{font-size: 28px;}
	.fs26{font-size: 26px;}
	.fs24{font-size: 24px;}
	.fs22{font-size: 22px;}
	.fs20{font-size: 20px;}
	.fs18{font-size: 18px;}
	.fs16{font-size: 16px;}
	.fs14{font-size: 14px;}
	.fs12{font-size: 12px;}
	.fw900{font-weight: 900;}
	.fw800{font-weight: 800;}
	.fw700{font-weight: 700;}
	.fw600{font-weight: 600;}
	.fw500{font-weight: 500;}
	.fw400{font-weight: 400;}
	.fw300{font-weight: 300;}
	.fw200{font-weight: 200;}
	.fw100{font-weight: 100;}

/* max-width */
.mx_500 {max-width: 500px; width: 100%;}
.mx_600 {max-width: 600px; width: 100%;}
.mx_720 {max-width: 720px; width: 100%;}

/* common */
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover,
textarea:hover{border: 1px solid var(--custom-main-color) !important;}
input[type="text"],
input[type="password"]{margin-left: 10px;padding: 15px 0;padding-left: 9px;border-radius: 8px;font-size: 15px;height: unset;line-height: 1;border: 1px solid #ddd;width: 150px;color: #666;}
/* input[type="checkbox"]{width: 0 !important;height: 0 !important;visibility: hidden;} */
input[type="checkbox"]{width: 0 !important;height: 0 !important;}
input[type="checkbox"] + label.icon{display: inline-block; width: 18px;height: 18px;visibility: visible;border: 2px solid #ddd;background-color: #fff;margin-left: -3px;}
input[type="checkbox"]:checked + label.icon{background: url('../img/check_box_checked.png') no-repeat;background-size: cover;background-position: center;border: 0;}
/* input[type="radio"]{width: 0 !important;height: 0 !important;visibility: hidden;} */
input[type="radio"]{width: 0 !important;height: 0 !important;}
input[type="radio"] + label.icon{display: inline-block; width: 19px;height: 19px;border-radius: 100%; visibility: visible;border: 2px solid #ddd;background-color: #fff;margin-left: -3px;margin-right: 5px;}
input[type="radio"]:checked + label.icon{background: url('../img/radio_checked.png') no-repeat;background-size: cover;background-position: center;border: 0;}
input[data-ui='datetime-picker'],
input[data-ui='date-picker']{appearance: unset;-moz-appearance: unset;-webkit-appearance: unset;background: url('../img/cal_icon.png') no-repeat #fff;background-size: auto;background-position: 90% center;border: 1px solid #ddd;vertical-align: baseline;padding: 15px 0;padding-left: 9px;border-radius: 8px;margin-left: 0;line-height: 1;position: relative;width: 130px;cursor: pointer;}
input[data-ui='datetime-picker']{width: 180px;}
textarea{resize: none;padding:15px 0;padding-left: 9px;color: #666;}
/* .select_box{width: 120px; appearance: unset;-moz-appearance: unset;-webkit-appearance: unset;background: url('../img/select_icon.png') no-repeat;background-size: auto;background-position: 90% center;padding-left: 15px;font-size: 15px;background-color: #fff;border: 1px solid #ddd;border-radius: 8px;color: #666;} */


.submit{display: inline-block;border-radius:8px; text-align: center;height: unset;line-height: 1;background: var(--custom-main-color);color: #fff;border: 2px solid var(--custom-main-color);padding: 13px 33px;}
.submit:hover{background: #fff;color:var(--custom-main-color);border: 2px solid var(--custom-main-color);}
.btn_list{margin: 0;column-gap: 0.5%;}
a.btn_ov02, a.ov_listall{height:40px; line-height:40px; font-size:16px; padding:0 15px;}
.btn_ov01{height:40px; line-height:40px; font-size:16px;}
.btn_ov01 .ov_txt{padding:0 10px; background:#434951;}
.btn_ov01 .ov_num{padding:0 10px; background:#ddd;}
.btn{height: unset;line-height: 1;padding: 15px 9px;}
a.btn_ov02, a.ov_listall{background:#ff4081;}
.btn,
a.btn,
.btn02, 
.btn_02, 
a.btn_02,
.btn_03, 
a.btn_03{width: fit-content;border-radius: 8px;text-align: center;height: unset;line-height: 1;background: #fff;color: var(--custom-main-color);border: 2px solid var(--custom-main-color);padding: 13px 33px;}
.memberform_wrap .btn.wu{width: unset;}
.btn:hover,
a.btn:hover,
.btn02:hover,
.btn_02:hover,
a.btn_02:hover,
.btn_03:hover,
a.btn_03:hover{color: #fff;background-color: var(--custom-main-color);}
a.del_btn,.del_btn{display: inline-block; border-radius: 8px; text-align: center;height: unset;line-height: 1;background: #fff;color: #fa7878 !important;border: 2px solid  #fa7878;padding: 13px 33px;}
a.del_btn:hover,.del_btn:hover{background: #fa7878;color: #666 !important;border: 2px solid  #fa7878 !important;}



input.search{background: url('../img/search_icon.png') no-repeat var(--custom-main-color);border-radius: 8px;padding: 14px 27px 13px;padding-right:45px;    background-position: 86% center;}
input.search:hover{background: url('../img/search_icon_hover.png') no-repeat #fff;background-position: 86% center;}
a.reset{background: url('../img/reset_icon.png') no-repeat #fff;border-radius: 8px;padding: 14px 27px 13px;padding-right:45px;background-position: 86% center;color: #8691a8;font-weight: 400;border: 2px solid #fff;}
a.reset:hover{background: url('../img/reset_icon_hover.png') no-repeat #fff !important;background-position: 86% center !important;border: 2px solid var(--custom-main-color);color: var(--custom-main-color);}

.tab_list_wrap .tab_list{column-gap: 0.5%;margin-bottom: 10px;}
.tab_list_wrap .tab_list li{width: 9%;text-align:center;}
.tab_list_wrap .tab_list li a{display: block;padding: 15px 0;background: var(--custom-main-color);border: 2px solid var(--custom-main-color);color: #fff;}
.tab_list_wrap .tab_list li a:hover{background: #fff;color:var(--custom-main-color) ;}
.down_exel{font-size: 15px;font-weight: 700;color: #29d687;padding: 13px 28px;border-radius: 8px;background-color: #fff;border: 2px solid #29d687;line-height: 1;}
.down_exel:hover{background-color: #29d687;color: #fff;}
.down_file,
.send_mail{font-size: 15px;font-weight: 700;color: #fff;padding: 13px 28px;border-radius: 8px;background-color: var(--custom-main-color);border: 2px solid var(--custom-main-color);line-height: 1;}
.down_file:hover,
.send_mail:hover{color: var(--custom-main-color);background-color: #fff;}
#wrapper{}

select.progress + .nice-select{background-color: #fffdbc; color: #666; font-size: 16px; font-weight: 500;}
select.progress.purple + .nice-select{background-color: #ccd0ff;}
select.progress.gray + .nice-select{background-color: #dedede;}
select.progress.green + .nice-select{background-color: #c2edda;}
select.progress.blue + .nice-select{background-color: #b4e7ff;}
select.progress.red + .nice-select{background-color: #ffd3d3;}
select.progress.darkblue + .nice-select{background-color: #6c84ff; }
select.progress.orange + .nice-select{background-color: #ff6b35; }
select.progress.darkgray + .nice-select{background-color: #8691a8; }
select.progress.darkblue + .nice-select > span, select.progress.orange + .nice-select > span, select.progress.darkgray + .nice-select > span {color: #fff;}
.darkblue + .progress.nice-select:after {filter: brightness(10)}
.orange + .progress.nice-select:after {filter: brightness(10)}
.darkgray + .progress.nice-select:after {filter: brightness(10)}
.nice-select{padding: 15px 0;padding-left: 9px !important;width: 120px !important; height: unset !important;line-height: 1 !important;font-size: 16px !important;font-weight: 400 !important;border: 1px solid #ddd !important;border-radius: 8px !important;float: unset !important;/* left: 50%;
    transform: translateX(-50%); */}
.nice-select.settlement_cate{width: 24% !important;}
.nice-select:hover{border: 1px solid var(--custom-main-color) !important;}
.nice-select.open .list{width: 100%;margin-top: 10px;border-radius: 8px;box-shadow: unset;border: 1px solid #eee;color: #666;z-index: 999;}
/* 공통 */



/* 메뉴 */
*{font-family: 'Pretendard';}
body{ font-size:14px;background-color: #f9f9f9;}
#hd_top{background:var(--custom-top-menu-bak-color); display:flex; justify-content: space-between; height:100px;border-bottom: 1px solid #ddd;}
#hd_top:after{display:none;}
#btn_gnb{display:none;}
#logo{background:var(--custom-top-menu-bak-color); width: 190px; padding:0; max-width:190px; margin-left:30px; display:flex; align-items:center;}
#logo img{position:unset; transform:unset; max-width:100%;}
#tnb{padding:0; display:flex; align-items:center; margin-right: 30px;}
#tnb > ul{height:100%; display: flex; align-items: center;}
#tnb > ul > li{margin:0 ; width:fit-content; height:100%; border-left:1px solid var(--custom-top-menu-line-color); display: flex; justify-content: center; align-items: center;line-height: 1.3;cursor: pointer;}
#tnb button{display:none;}
#tnb .tnb_mb_area{display:flex !important; position:unset; background-color:unset; width: auto; height:100%; padding:0; margin:0;gap: 10px;}
#tnb .tnb_mb_area li{width:100px; height:100%; display:flex; justify-content: center; align-items: center;}
#tnb .tnb_mb_area li.login_mem{width:fit-content; }
#tnb .tnb_mb_area li#tnb_logout{border-left:1px solid var(--custom-top-menu-line-color);}
#tnb .tnb_mb_area a{color:var(--custom-top-menu-color); font-size:18px;font-weight: 500;}
#tnb li a:hover{font-weight: normal; color:var(--custom-main-color);}
#tnb .tnb_community{background: url(../img/home_change_icon.png) no-repeat 50% 50%;}
#tnb .tnb_community:hover{border:0; background: url(../img/home_change_icon_hover.png) no-repeat 50% 50%;}
#tnb .tnb_shop:hover{border:0;}
.bell{width: 22px;height: 25px;background: url('../img/bell_icon.png') no-repeat;background-size: cover;background-position:center ;}
.totalsearch{width: 23px;height: 23px;background: url('../img/top_search_icon.png') no-repeat;background-size: cover;background-position:center ;}
.bell:hover,
.totalsearch:hover{transform: scale(1.1);}

.login_mem_wrap{position: fixed;top: 0;left: 0;z-index: 999999;width: 100%;height: 100vh;background-color: #99999954;}
.login_mem_wrap .login_mem_pop{width: 800px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.login_mem_wrap .login_mem_pop .title_box{padding: 15px 9px;color: #222;background-color: #fff;border-bottom: 1px solid #ddd;}
.login_mem_wrap .login_mem_pop .title_box h3{margin-bottom: 0;}
.login_mem_wrap .login_mem_pop .title_box .close_btn{display: inline-block;width: 50px;height: 30px;cursor: pointer;}
.login_mem_wrap .login_mem_pop .title_box .close_btn::before{content: '';display: block;width: 26px;height: 2px;transform: rotate(-45deg) translate(-2px, 18px);background-color: #222;}
.login_mem_wrap .login_mem_pop .title_box .close_btn::after{content: '';display: block;width: 26px;height: 2px;transform: rotate(45deg) translate(16px, 1px);background-color: #222;}
.login_mem_wrap .login_mem_pop .login_mem{background: #fff; padding: 15px;}
.login_mem_wrap .login_mem_pop .login_mem .loginmem_box{margin-bottom: 10px;}
.login_mem_wrap .login_mem_pop .login_mem .loginmem_box li{margin-top: 10px;}
.login_mem_wrap .login_mem_pop .login_mem .loginmem_box li:first-child{margin-top: 0;}
.login_mem_wrap .login_mem_pop .login_mem .loginmem_box .tit{width: 100px;font-size: 15px;font-weight: 700;padding-top: 5px;}
.login_mem_wrap .login_mem_pop .login_mem .loginmem_box .input{width: calc(100% - 105px)}
.login_mem_wrap .login_mem_pop .login_mem .loginmem_box input{width: 100%;border-radius: 0;margin-left: 0;}
.login_mem_wrap .btn_box{background: #fff;margin-top: 0 !important;padding-bottom: 15px;cursor: pointer;}
.alarm_wrap{position: fixed;top: 115px;right: 2%;z-index: 9999999;background-color: #fff;border: 1px solid #ddd; padding: 1.5%;width: 600px;max-height: 800px;}
.alarm_wrap .alarm_pop .title_box .sect_tit{margin-bottom: 0;}
.alarm_wrap .alarm_pop .title_box .close_btn{display: inline-block;width: 50px;height: 30px;cursor: pointer;}
.alarm_wrap .alarm_pop .title_box .close_btn::before{content: '';display: block;width: 26px;height: 2px;transform: rotate(-45deg) translate(-2px, 18px);background-color: #222;}
.alarm_wrap .alarm_pop .title_box .close_btn::after{content: '';display: block;width: 26px;height: 2px;transform: rotate(45deg) translate(16px, 1px);background-color: #222;}
.alarm_wrap .tab_search .tab_wrap ul li{width: 31%;}
.alarm_wrap .tab_search input{margin-left: 0;}
.alarm_wrap .tab_search .btn_wrap{position: relative;width: 6%;}
.alarm_wrap .tab_search .btn_wrap .more_btn img{width: 100%;}
.alarm_wrap .tab_search .btn_wrap .more_wrap{position: absolute;width: 100px;top: 30px;right: 0;background-color: #fff;border: 1px solid #ddd; z-index: 2;}
.alarm_wrap .tab_search .btn_wrap .more_wrap li{width: 100%;border: 0;margin: 10px 0;}
.alarm_wrap .tab_search .btn_wrap .more_wrap li a{color: #222;}
.alarm_wrap .tab_search .btn_wrap .more_wrap li:hover a{color: var(--custom-main-color); color: #fff;}
.alarm_wrap .tab_search .search_wrap{position: relative;}
.alarm_wrap .tab_search .search_wrap button{position: absolute;right: 2%;top: 50%;transform: translateY(-50%);background: unset;border: 0;width: 20px;height: 20px;}
.alarm_wrap .tab_search .search_wrap button:hover{transform:translateY(-50%) scale(1.1);}
.alarm_wrap .tab_search .search_wrap button img{width: 100%;}
.alarm_wrap .cont_box .alarm{border-top: 1px solid #ddd;height: 525px;overflow: hidden;overflow-y: auto;}
.alarm_wrap .cont_box .alarm *{word-wrap: break-word;word-break: keep-all;}
.alarm_wrap .cont_box .alarm .alarm_list li{padding: 20px 0;border-bottom: 1px solid #ddd;}
.alarm_wrap .cont_box .alarm .alarm_list li:first-child{margin-top: 0px;}
.alarm_wrap .cont_box .alarm .alarm_list li.not_read{background-color: #f3f5ff;}
.alarm_wrap .cont_box .alarm .alarm_list li p{padding-right: 2%;width: 100%;line-height: 1.4;}
.alarm_wrap .cont_box .alarm .alarm_list li p:nth-child(2) {margin: 10px 0;}
.alarm_wrap .cont_box .btn_box{margin-top: 20px;}
.topsearchbox_wrap{position: fixed;top: 115px;right: 2%;z-index: 9999999;background-color: #fff;border: 1px solid #ddd; padding: 1.5%;width: 600px;max-height: 800px;}
.topsearchbox_wrap .topsearchbox_pop .title_box .sect_tit{margin-bottom: 0;}
.topsearchbox_wrap .topsearchbox_pop .title_box .close_btn{display: inline-block;width: 50px;height: 30px;cursor: pointer;}
.topsearchbox_wrap .topsearchbox_pop .title_box .close_btn::before{content: '';display: block;width: 26px;height: 2px;transform: rotate(-45deg) translate(-2px, 18px);background-color: #222;}
.topsearchbox_wrap .topsearchbox_pop .title_box .close_btn::after{content: '';display: block;width: 26px;height: 2px;transform: rotate(45deg) translate(16px, 1px);background-color: #222;}
.topsearchbox_wrap .tab_search .tab_wrap ul li{width: 19%;}
.topsearchbox_wrap .tab_search input{margin-left: 0;}
.topsearchbox_wrap .tab_search .btn_wrap{position: relative;width: 6%;}
.topsearchbox_wrap .tab_search .btn_wrap .more_btn img{width: 100%;}
.topsearchbox_wrap .tab_search .btn_wrap .more_wrap{position: absolute;width: 100px;top: 30px;right: 0;background-color: #fff;border: 1px solid #ddd;}
.topsearchbox_wrap .tab_search .btn_wrap .more_wrap li{width: 100%;border: 0;margin: 10px 0;}
.topsearchbox_wrap .tab_search .btn_wrap .more_wrap li a{color: #222;}
.topsearchbox_wrap .tab_search .btn_wrap .more_wrap li a:hover{color: var(--custom-main-color);}
.topsearchbox_wrap .tab_search .search_wrap{position: relative;}
.topsearchbox_wrap .tab_search .search_wrap button{position: absolute;right: 2%;top: 50%;transform: translateY(-50%);background: unset;border: 0;width: 20px;height: 20px;}
.topsearchbox_wrap .tab_search .search_wrap button:hover{transform:translateY(-50%) scale(1.1);}
.topsearchbox_wrap .tab_search .search_wrap button img{width: 100%;}
.topsearchbox_wrap .cont_box .topsearchbox{border-top: 1px solid #ddd;height: 525px;overflow: hidden;overflow-y: auto;}
.topsearchbox_wrap .cont_box .topsearchbox *{word-wrap: break-word;word-break: keep-all;}
.topsearchbox_wrap .cont_box .topsearchbox > div{border-bottom: 1px solid #ddd;}
.topsearchbox_wrap .cont_box .topsearchbox .menu_results{margin: 10px 0;padding-right: 10px;border-bottom: 1px dashed #eaeaea;}
.topsearchbox_wrap .cont_box .topsearchbox .menu_results:last-child{border: 0;}
.topsearchbox_wrap .cont_box .topsearchbox .menu_results > p{margin: 15px 0;}
.topsearchbox_wrap .cont_box .topsearchbox .menu_results > p.txt{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 95%;}
.topsearchbox_wrap .cont_box .topsearchbox .more{margin: 20px 0;cursor: pointer;}
.topsearchbox_wrap .cont_box .topsearchbox .topsearchbox_list li{padding: 20px 0;border-bottom: 1px solid #ddd;}
.topsearchbox_wrap .cont_box .topsearchbox .topsearchbox_list li:first-child{margin-top: 0px;}
.topsearchbox_wrap .cont_box .topsearchbox .topsearchbox_list li p{padding-right: 2%;width: 100%;line-height: 1.4;}
.topsearchbox_wrap .cont_box .topsearchbox .topsearchbox_list li p:nth-child(2) {margin: 10px 0;}
.topsearchbox_wrap .cont_box .btn_box{margin-top: 20px;}

#gnb{padding-top:0; height:calc(100% - 100px); margin-top:100px; width: 250px;;max-width: unset; overflow-y:scroll;/* border: 1px solid #ddd; */}
#gnb::-webkit-scrollbar{appearance: none; -webkit-appearance: none; width:0;}
#gnb .gnb_ul{width:100%; background: #fff;}
#gnb .gnb_li{border-bottom:0;}
#gnb .gnb_li button{text-indent:0;color:var(--custom-left-menu-color); width:100%; text-align:left; padding-left:70px; border-bottom:1px solid var(--custom-left-menu-line-color); position:relative; height:80px; font-weight:800; font-size:1.2em;}
#gnb .gnb_li button.menu-100{background: url(../img/home_change_icon.png) no-repeat #fff !important;background-position:14% 52% !important;}
#gnb .gnb_li button.menu-200{background: url(../img/event_management_icon.png) no-repeat #fff !important;background-position:14% 52% !important;}
#gnb .gnb_li button.menu-300{background: url(../img/settlement_management_icon.png) no-repeat #fff !important;background-position:14% 52% !important;}
#gnb .gnb_li button.menu-400{background: url(../img/work_management_icon.png) no-repeat #fff !important;background-position:14% 52% !important;}
#gnb .gnb_li button.menu-500{background: url(../img/statistical_analysis_icon.png) no-repeat #fff !important;background-position:14% 52% !important;}
#gnb .gnb_li button.menu-800{background: url(../img/membership_center_icon.png) no-repeat #fff !important;background-position:14% 52% !important;}
#gnb .gnb_li button.menu-900{background: url(../img/setting.png) no-repeat #fff !important;background-position:14% 52% !important;}
#gnb .gnb_li button:hover,
#gnb .gnb_li button:active,
#gnb .gnb_li button:focus,
#gnb .gnb_li.on button{background-color:var(--custom-left-menu-bak-color) !important;}
#gnb .gnb_li.on button:before{content: ''; width: 6px; height: 100%; background: var(--custom-main-color); position: absolute; right: 0; bottom: 0;}
#gnb .gnb_li button:after{content: ''; width: 7px; height: 7px; border: solid var(--custom-left-menu-color); position: absolute; top: 42%; right: 9%; border-width: 0 2px 2px 0; transform: translateY(-50%) rotate(45deg); transition: 0.5s; display: none;}
#gnb .gnb_li.on button:after{transform: translateY(-50%) rotate(-135deg); top: 55%; transition: 0.5s;}
#gnb .gnb_li button.menu-100:after{display: none;}
#gnb .gnb_oparea{position:unset; width:100%; background-color:unset; padding: 20px;border-right:0; box-shadow:unset !important; border-bottom:1px solid var(--custom-left-menu-line-color); background-color:var(--custom-left-menu-bak2-color);}
#gnb .on .gnb_oparea{display:none;}
#gnb .gnb_li:first-child .gnb_oparea{padding: 0;height: 0;}
#gnb .gnb_oparea li:not(:first-child){margin-top: 10px;}
#gnb .gnb_oparea li a{display: block;color:var(--custom-left-menu-color);font-size: 15px;color: #8691a8;font-weight: 700;padding: 7% 0%;padding-left: 10%; border-radius: 8px;width: 100%;}
#gnb .gnb_oparea h3{display:none;}
#gnb .gnb_oparea li a:hover, #gnb .gnb_oparea li .on{color:var(--custom-left-menu-select-color);background-color: #e4e9ff; }
/* //메뉴 */

/* 컨텐츠 */
.bl1{border-left: 1px solid #eee !important;}
.br1{border-right: 1px solid #eee !important;}
.bt1{border-top: 1px solid #eee !important;}
.bb1{border-bottom: 1px solid #eee !important;}
.bl0{border-left: 0 !important;}
.br0{border-right: 0 !important;}
.bt0{border-top: 0 !important;}
.bb0{border-bottom: 0 !important;}
#wrapper {/*margin-top:100px; margin-left:235px; */ padding:20px;/* position: absolute;top: 60%;left: 53%;transform: translate(-50%, -50%); */margin-left: 260px;margin-top: 110px;border-radius: 30px;width: 1630px;background-color: #f9f9f9;}
#container{margin-top:0; padding:0; background:unset;min-width: unset;}
#container_title{display:none;}
.container_wr{padding:0; /* background-color:#fff; border-radius:20px; margin-bottom:100px; */}
.contain_tit{display: none;}
table tr{border-bottom: 1px solid #eee;}
table tr:last-child{border-bottom: 0;}
.tbl_wrap{border: 1px solid #eee;/* border-radius: 30px;overflow: hidden; */}
.tbl_head01 tbody tr:nth-child(even){background-color: var(--custom-left-menu-bak2-color) !important;}
.tbl_head01 thead th span{color: #222;}
.tbl_head01 thead th,.tbl_head02 thead th
.tbl_head02 thead th{background-color: unset;padding: 0;color: #222;border: 0;font-size: 17px; font-weight: 900;background-color: var(--custom-table-th-color);padding: 20px 0; }
.tbl_head01 thead a {color: #252c4b !important;}
.tbl_head01 tbody td{font-size: 15px;font-weight: 400;color: #666;border: 0;position: relative;padding: 24px 0;border:0;border-right: 1px solid #eee;word-wrap: break-word;word-break: keep-all;}
.pmlist_wrap .tbl_head01 tbody td{padding: 9px 0;}
.tbl_head01 tbody td.td_name{text-align: center !important;}
.tbl_head01 tbody td:last-child{border-right: 0;}
.tbl_head01 tbody tr:nth-child(even){background-color: unset;}
.tbl_head01 tbody td > div{position: relative;padding: 12px 0;}
.tbl_head01 tbody td > div.select_box{width: 100px;margin: auto;padding: 0;}
.tbl_head01 tbody td > div > label.icon{position: absolute;top: 50%;}
table td.consultation_detail{ display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;padding: 0;padding-top: 28px;text-align: left;}
/* OSJ 상담내용 2줄 표시 */
table td.consultation_detail_line_2{ 
	text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width: 350px;
}
.tbl_head01 tbody td .nice-select{width: 90px !important;color: #666;height: unset;line-height: 1;border-radius: 8px;left: 50%;transform: translateX(-50%);}
.tbl_head01 tbody td .nice-select.open{z-index: 99999;}
.tbl_head01 tbody td.ta_left > span{padding-left: 10px;}
/* .empty_table{padding: unset !important;} */
.local_ov01{background-color:#fff; margin:0; margin-top:30px; padding:20px 20px 10px 20px; display:flex; justify-content:center; column-gap:10px;}
.local_sch01{background-color:#fff; margin:0; padding:10px 20px 20px 20px; display:flex; justify-content:center; column-gap:10px;}
.adm_subpage_wrap .local_sch01{margin-bottom: 0;background-color: #fff;}
.local_sch01:after{display:none;}

.local_sch select{margin:0;width:120px; font-size:16px; padding-left:10px;}
.local_sch01 .frm_input{font-size:16px;padding: 15px 0;padding-left: 9px; border-radius: 8px;font-size: 15px;height: unset;line-height: 1;border: 1px solid #ddd;margin-left: 0;}
.local_sch01 .btn_submit{width:40px; height:40px; background:url(../img/sch_btn.png) no-repeat 50% 50% #fff;}	
.local_sch01 .btn_submit:hover{background: url(../img/sch_btn.png) no-repeat 50% 50% #ddd;}
.local_sch01 .top,
.local_sch01 .middle,
.local_sch01 .btn_wrap{margin-left: 10px;}
.local_sch01 .top,
.local_sch01 .middle > div{column-gap: 20px;}
.local_ov{margin: 10px 0;}
.required{background:none !important;/*  width:250px; */;; color: #6c84ff;}
.anchor a{padding: 10px 15px;}
.tbl_frm01 th{width:220px; padding:15px;border-top: 0;border-bottom: 1px solid #eee;}
.tbl_frm01 tr:last-child th{border-bottom: 0;}
.tbl_frm01 td{padding:15px;border-top: 0;border-bottom: 1px solid #666;}
.tbl_frm01 tr:last-child td{border-bottom: 0;}
.btn_fixed_top{position: unset; text-align: right;}
#ft{background-color:unset;}
table td{line-height: 1.4;}
table tr td img{display: block; margin: auto;}

/* 페이징 */
.pg_wrap {clear:both;display:inline-block;width: 100%;text-align: center;margin: 10px 0;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;font-size: 13px !important;width: 25px;height: 25px;line-height: 24px;padding: 0;min-width: unset;color: #666;background-color: #fff;border: 1px solid #ddd !important;border-radius: 100px !important;cursor: pointer;text-align: center;margin-left: 5px;}
.pg_page:first-child ,
.pg_current:first-child{margin-left: 0;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#666;font-size:1.083em;text-decoration:none;}
.pg_page:hover {background-color:#6c84ff !important;border:1px solid #6c84ff !important;color: #fff;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('/adm/img/paging_arrow2.png') no-repeat 50% 50% ;padding:0;border:1px solid #eee;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('/adm/img/paging_arrow.png') no-repeat 50% 50% ;padding:0;border:1px solid #eee;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/adm/img/paging_arrow2.png') no-repeat 50% 50% ;padding:0;border:1px solid #eee;transform: rotate(180deg);}
.pg_next {text-indent:-999px;overflow:hidden;background:url('/adm/img/paging_arrow.png') no-repeat 50% 50% ;padding:0;border:1px solid #eee;transform: rotate(180deg);}
.pg_start:hover {background:url('/adm/img/paging_arrow2_hover.png') no-repeat 50% 50% ;padding:0;border:1px solid #6c84ff;}
.pg_prev:hover {background:url('/adm/img/paging_arrow_hover.png') no-repeat 50% 50% ;padding:0;border:1px solid #6c84ff;}
.pg_end:hover {background:url('/adm/img/paging_arrow2_hover.png') no-repeat 50% 50% ;padding:0;border:1px solid #6c84ff;transform: rotate(180deg);}
.pg_next:hover {background:url('/adm/img/paging_arrow_hover.png') no-repeat 50% 50% ;padding:0;border:1px solid #6c84ff;transform: rotate(180deg);}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#eee}
.pg_current {display:inline-block;background:#6c84ff !important;border:1px solid #6c84ff !important;line-height: 24px;color:#fff !important;font-weight:bold;}

/* admin main */
#hd_login_msg{width: auto;height: auto;position:unset;text-align: center;font-size: 18px;font-weight: 500;color: #354168;text-decoration: underline;}
#tnb_logout a{display: inline-block;width: 100%;background-color: var(--custom-top-menu-color);color: #fff !important;text-align: center;border-radius: 100px;border: 2px solid var(--custom-top-menu-color);}
#tnb_logout a:hover{background-color: #fff;color:var(--custom-top-menu-color) !important;}
.tab_wrap li{background-color: #fff;border: 2px solid#6c84ff;text-align: center;padding: 1.5%;cursor: pointer;border-radius: 8px;}
.tab_wrap li:hover,
.tab_wrap li:active,
.tab_wrap li:focus,
.tab_wrap li.on{background-color: #6c84ff;}
.tab_wrap li a{color: #6c84ff;}
.tab_wrap li:hover a,
.tab_wrap li:active a,
.tab_wrap li:focus a,
.tab_wrap li.on a{color: #fff;}
.table_wrap thead th{background-color: #e4e9ff;padding: 2% 0;}
.table_wrap thead th:first-child{border-radius:0;}
.table_wrap thead th:last-child{border-radius: 0;}
.table_wrap thead th:first-child.nbr,
.table_wrap thead th:last-child.nbr{border-radius: 0;}
.table_wrap tbody td{border: 1px solid #eee;padding: 2% 0;}
.table_wrap tbody tr:last-child td:first-child{border-radius:0;}
.table_wrap tbody tr:last-child td:last-child{border-radius: 0;}
.table_wrap .table2{margin-top: 5%;}
.admin_index_wrap{max-width: 1760px;background-color: #f9f9f9;}
.admin_index_wrap .tab_wrap li{width: 23%;}
.admin_index_wrap .graph_wrap{width: 350px;}
.admin_index_wrap .graph_wrap3{width: 100%;}
.admin_index_wrap .graph_wrap4{width: 350px;}
.admin_index_wrap .piegraph{width: 100%;height: 340px; /* height: 267px; */ overflow: hidden;position: relative;}
.admin_index_wrap .graph_wrap4 .piegraph{width: 100%;}
.admin_index_wrap .piegraph canvas{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.admin_index_wrap .summary{padding: 25px;background-color: #fff;border-radius: 30px;height: 500px; /* height: 410px; */}
.admin_index_wrap .summary .title_wrap {margin-bottom: 20px;}
.admin_index_wrap .summary .title_wrap .cont_tit{color: #252c4b;font-size: 20px;font-weight: 700;}
.admin_index_wrap .summary .table_wrap{width: 360px}
.admin_index_wrap .table_wrap td span{cursor: pointer;}
.admin_index_wrap .table_wrap td span:hover{color: var(--custom-main-color);}
.admin_index_wrap .bottom{margin-top: 2%; align-items: stretch; position: relative;}
.admin_index_wrap .bottom .summary {min-height: 500px;height:auto; align-self: stretch;}
.admin_index_wrap .summary.summary4{cursor: pointer;}
.admin_index_wrap iframe{pointer-events: none;}
.admin_index_wrap .summary.summary4 .calendar_wrap{width: 100%;height: 100%;overflow: hidden;position: relative;}
.admin_index_wrap .summary.summary4 .calendar_wrap .linkcalendars{display: block;width: 100%;height: 89%;position: absolute;top: 12%;z-index: 999;}
.admin_index_wrap .summary.summary4 .calendar{width: 100%; height: 100%;transform:translate(-29%, -14%) scaleY(0.735) scaleX(0.75)}
.workstatus_pop_wrap{position: fixed;top: 0;left: 0;z-index: 999999;width: 100%;height: 100vh;background-color: #99999954;}
.workstatus_pop_wrap .workstatus_pop{width: 800px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.workstatus_pop_wrap .workstatus_pop .title_box{padding: 15px 9px;color: #222;background-color: #fff;border-bottom: 1px solid #ddd;}
.workstatus_pop_wrap .workstatus_pop .title_box h3{margin-bottom: 0;}
.workstatus_pop_wrap .workstatus_pop .title_box .close_btn{display: inline-block;width: 50px;height: 30px;cursor: pointer;}
.workstatus_pop_wrap .workstatus_pop .title_box .close_btn::before{content: '';display: block;width: 26px;height: 2px;transform: rotate(-45deg) translate(-2px, 18px);background-color: #222;}
.workstatus_pop_wrap .workstatus_pop .title_box .close_btn::after{content: '';display: block;width: 26px;height: 2px;transform: rotate(45deg) translate(16px, 1px);background-color: #222;}
.workstatus_pop_wrap .workstatus_pop .workstatus{background: #fff; padding: 15px;}
.workstatus_pop_wrap .workstatus_pop .workstatus > div{margin-bottom: 10px;}
.workstatus_pop_wrap .workstatus_pop .workstatus > div .data_wrap{border: 1px solid #ddd;padding: 10px;}
.workstatus_pop_wrap .workstatus_pop .workstatus > div .btn_wrap p{cursor: pointer;}

/* 업무관리 */
/* .adm_subpage_wrap{height: 85vh;overflow: hidden;} jh 주석 */ 
.adm_subpage_wrap{height: 85vh;}
.daily_report_wrap .date_wrap input[data-ui='datetime-picker'], 
.daily_report_wrap .date_wrap input[data-ui='date-picker']{margin-left: 10px;}
/* 행사캘린더 */
.adm_subpage_wrap.eventcal_wrap{border-radius: 30px;overflow: hidden;background-color: #fff;padding: 4%;}
#calendar .fc-header-toolbar > .fc-toolbar-chunk:first-child > div .fc-button-primary{background-color: #fff;border: 1px solid #ddd;color: #222;}
#calendar .fc-header-toolbar > .fc-toolbar-chunk:first-child > div .fc-button-primary.fc-button-active{background-color: var(--custom-main-color);border: 1px solid var(--custom-main-color);color: #fff;}
#calendar .fc-header-toolbar > .fc-toolbar-chunk:nth-child(2) > div{display: flex;align-items: center;gap: 10px;}
#calendar .fc-header-toolbar > .fc-toolbar-chunk:nth-child(2) > div .fc-button-primary{border: 0;background: unset;box-shadow:unset !important}
#calendar .fc-header-toolbar > .fc-toolbar-chunk:nth-child(2) > div .fc-button-primary:hover{transform: scale(1.1);}
#calendar .fc-header-toolbar > .fc-toolbar-chunk:nth-child(2) > div .fc-button-primary.fc-button-active:focus,
#calendar .fc-header-toolbar > .fc-toolbar-chunk:nth-child(2) > div .fc-button-primary:active:focus {box-shadow: unset;}
#calendar .fc-header-toolbar > .fc-toolbar-chunk > div .fc-button-primary.fc-today-button{background-color: #fff;border: 1px solid #ddd;color: #222;}
#ft p{display: none;}
/* 행사캘린더 */

/* 일일보고 */
.local_sch01{padding: 20px;border-radius:25px;align-items: center;justify-content: center;column-gap: 20px;}
.local_sch select{height: unset;background-color: #fff;border: 1px solid #ddd;vertical-align: baseline;padding: 10px;border-radius: 8px;margin-left: 20px;line-height: 1;}
/* 일일보고 */
/* 업무관리 */

/* 행사관리 */
.cont_wrap{padding: 20px;border-radius: 25px;background-color: #fff;}
.addfile_wrap{padding: 15px 0;}
.adddel_row .minus,
.adddel_row .plus{display: none;}
.adddel_row tr td:last-child:hover .minus,
.adddel_row tr td:last-child:hover .plus{display: block;}
.adddel_row button.plus, .adddel_row button.minus {appearance: none; border: 0; background: #fff; border: 1px solid #222; border-radius: 50%; width: 25px; height: 25px; line-height: 25px; font-size: 0; font-weight: 800; position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}
#tab4 .adddel_row button.plus,
#tab4 .adddel_row button.minus {right: 20px;}
.adddel_row button.plus::before, .adddel_row button.plus::after {content: ''; width: 11px; height: 1px; background-color: #222; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%);}
.adddel_row button.plus::after {transform: translate(-50% ,-50%) rotate(90deg);}
.adddel_row button.minus::before {content: ''; width: 13px; height: 1px; background-color: #222; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%);}
.adddel_row button.plus:hover, .adddel_row button.minus:hover {background-color: #222;}
.adddel_row button.plus:hover::before, .adddel_row button.plus:hover::after, .adddel_row button.minus:hover::before {background-color: #fff;}
.tbl_head01 tbody td select{font-size: 15px;width: 90px;border-radius: 8px;height: unset;line-height: 1;padding: 12px;padding-left: 5px;}
.consultation_detail span{display: inline-block !important;width: 483px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.conditionalsearch .conditional{width: 150px !important;}
.attachment_list_wrap .attachment_quantity{margin-bottom: 10px;}
.attachment_list_wrap .attachment_list > li{margin: 5px 0;}
.attachment_list_wrap .attachment_list > li:first-child{margin: 0;}
.attachment_list_wrap .attachment_list > li .btn_wrap a{border: 1px solid #ddd;padding: 5px;}
.attachment_list_wrap .attachment_list > li .btn_wrap a:hover{color: var(--custom-main-color);}
.tbl_head01 tbody td #staff_select.red + .nice-select .current{color: red;}
/* popup */
.popcont_wrap{display: block;background: #fff;width: 65%; margin: auto;padding:2% 3%;position: relative;top: 50%;transform: translateY(-50%);overflow: hidden;overflow-y: auto;max-height: 80vh;}
#preview2 .popcont_wrap{overflow: auto;height: 80vh;}
#preview .popcont_wrap{width: 40%;}
.popcont_wrap .pop_title {color: #252c4b;}
.popcont_wrap .pop_title::before{content: '';display: inline-block; width: 10px;height: 10px;border: 5px solid var(--custom-main-color);border-radius: 100px;vertical-align: text-bottom;margin-right: 10px;}
.popcont_wrap table tr th{background: #dedede;padding: 10px;}
.popcont_wrap table tr td{padding: 10px;}
.popcont_wrap table tr th{border: 1px solid #fff;position: relative;}
.popcont_wrap table tr td{border: 1px solid #dedede;position: relative;}
.popcont_wrap table tr td img{display: block;margin: auto;}
.popcont_wrap .btn_wrap{gap: 10px;}
.popup-container button.close {position: absolute; right: 5%; top: 3%; font-size: 35px; font-weight: 800; appearance: none; border: 0; background: transparent;}
.popcont_wrap .table_wrap ul{gap: 10px;}
.popcont_wrap table tr td ul{flex-wrap: wrap;}
.popcont_wrap table input[type="text"]{margin-left: 0;width: 85%;}
#popup4.popup-container .kakaomessage_pop{width: 800px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#popup4.popup-container .kakaomessage_pop .title_box{padding: 15px 9px;color: #222;background-color: #fff;border-bottom: 1px solid #ddd;}
#popup4.popup-container .kakaomessage_pop .title_box h3{margin-bottom: 0;}
#popup4.popup-container .kakaomessage_pop .title_box .close_btn{display: inline-block;width: 50px;height: 30px;cursor: pointer;}
#popup4.popup-container .kakaomessage_pop .title_box .close_btn::before{content: '';display: block;width: 26px;height: 2px;transform: rotate(-45deg) translate(-2px, 18px);background-color: #222;}
#popup4.popup-container .kakaomessage_pop .title_box .close_btn::after{content: '';display: block;width: 26px;height: 2px;transform: rotate(45deg) translate(16px, 1px);background-color: #222;}
#popup4.popup-container .kakaomessage_pop .kakao_message{background: #fff; padding: 15px;}
#popup4.popup-container .kakaomessage_pop .kakao_message .kakaomessage_box{margin-bottom: 10px;}
#popup4.popup-container .kakaomessage_pop .kakao_message .kakaomessage_box li{margin-top: 10px;}
#popup4.popup-container .kakaomessage_pop .kakao_message .kakaomessage_box li:first-child{margin-top: 0;}
#popup4.popup-container .kakaomessage_pop .kakao_message .kakaomessage_box .tit{width: 100px;font-size: 15px;font-weight: 700;padding-top: 5px;}
#popup4.popup-container .kakaomessage_pop .kakao_message .kakaomessage_box .input{width: calc(100% - 105px)}
#popup4.popup-container .kakaomessage_pop .kakao_message .kakaomessage_box input{width: 100%;border-radius: 0;margin-left: 0;}
#popup4.popup-container .btn_box{background: #fff;margin-top: 0 !important;padding-bottom: 15px;cursor: pointer;}
.pdf_down{display: block;margin: 20px auto 0;}
/* popup */

/* 상담체크리스트 */
/*.checkbox_list li{width: calc(100% / 4);}*/
.consultation_details .list{height: 250px;overflow: hidden;overflow-y: auto;padding: 1%;background-color: #fff;border: 1px solid #eee;}
.consultation_details .list li:not(:first-child){margin-top: 20px;}
.consultation_details .list li .name{margin-bottom: 10px;}
.consultation_details .list li .date_detail{display: flex;align-items: center;gap: 10px;}
.consultation_details .list li .date_detail .date{width: 16%;}
.consultation_details .list li .date_detail .detail{width:90%;line-height: 1.4;}
.consultation_details .input_wrap{position: relative;}
.consultation_details .input_wrap textarea{height: 80px;}
.consultation_details .input_wrap a.submit{position: absolute;top: 26%;right: 1%;transform: translateY(-49%);}
.consultation_details .input_wrap a.del_btn{position: absolute;top: 68%;right: 1%;transform: translateY(-49%);}
.history_filename:hover{color: var(--custom-main-color);}
/* 상담체크리스트 */

/* 행사체크리스트 */
#eventchecklist table tbody tr td:last-child > span{padding: 11px 0 12px;}
select.processing_status.red,
div.nice-select.processing_status.red .current{color: red;}

/* 행사체크리스트 */
/* 행사체크리스트 */
.event_item_container{}
.event_item_container .btn_box { margin-top: 0; margin-bottom: 20px; }
.event_item_container .btn_box button { margin-left: 10px; }
.event_item_container table { width: 100%; }
.event_item_container table th { padding: 10px; border-bottom: 1px solid #ddd; background-color: #f5f5f5; }
.event_item_container table td { padding: 10px; border-bottom: 1px solid #ddd; }
.event_item_container .sub_title{ display: flex; align-items: center; justify-content: start; gap: 10px; }
.event_item_container .item_list{ min-height: 40px; display: flex; flex-wrap: wrap; }
.event_item_container .item_list li { border: 1px solid #ddd; padding: 4px; border-radius: 8px; background-color: #ffffff; }
/* 행사체크리스트 */
/* 행사관리 */

/* custom-yr */
.dfbox {display: flex;}
.mb60 {margin-bottom: 60px;}
.mlr20 {margin: 0 20px;}
.mlr10 {margin: 0 10px !important;}
.ml8 {margin-left: 8px !important;}
.ss {color: #666;}

.tab_list_wrap .tab_list.full_tab {column-gap: 0;}
.tab_list_wrap .tab_list.full_tab li {width: calc(100% / 8)}
.tab_list_wrap .tab_list.full_tab.col3 li {width: calc(100% / 3)}
.tab_list_wrap .tab_list.full_tab.col4 li {width: calc(100% / 4)}
.tab_list_wrap .tab_list.full_tab.col7 li {width: calc(100% / 7)}
.tab_list_wrap .tab_list.full_tab li a {background-color: #fff; color: #222; border: 1px solid #ddd; height: 55px; line-height: 55px; padding: 0;}
.tab_list_wrap .tab_list.full_tab li a.on, .tab_list_wrap .tab_list.full_tab li:hover a {background-color: var(--custom-main-color); color: #fff;}
.tab_list_wrap .tab_list.full_tab li:not(:last-child) a {border-right: 0;}
.tab-content {display: none;}
.tab-content.active {display: block;}
.btn_box {margin-top: 50px; gap: 10px;}
.sect_tit {margin-bottom: 30px;}
.sect_tit span {width: 15px; height: 15px; background-color: transparent; border: 5px solid var(--custom-main-color); border-radius: 50%; display: inline-block; margin-right: 10px;}
.cont_container table {position: relative;}
.cont_container table::before {content: ''; width: 100%; height: 1px; background-color: #707070; position: absolute; left: 0; top: 0;}
.cont_container table tr {align-items: center; height: 70px; border-bottom: 1px solid #eee;}
.cont_container table tr td {padding:9px;position: relative;}
.cont_container table tr td:last-child {border-right: 1px solid #666;}
.cont_container table tr .bl {border-left: 1px solid #eee;}
.cont_container table .title {background-color: #f3f3f3; font-size: 18px; font-weight: 500; height: 100%; line-height: 1.4; padding: 0 30px; text-align: left;}
.cont_container table select, .cont_container table input {height: unset; background-position: center right 20px; padding-left: 9px; width: 200px; background-color: #fff; border-radius: 8px; font-size: 16px; font-weight: 500; color: #666; margin-left: 0;}
.cont_container table select#select_box{display: none !important;}
.cont_container table .table_wrap, .cont_container table .radio_box {display: flex; flex-wrap: wrap; gap: 12px;}
.cont_container table .table_wrap label, .cont_container table .radio_box label { padding-left: 30px; font-size: 16px; font-weight: 500; color: #666; position: relative;}
.cont_container table .table_wrap input[type="checkbox"]:disabled + label span::after {background: #f6f6f6; border: 1px solid #eee;}
/* .cont_container table .table_wrap input, .cont_container table .radio_box input {appearance: none; -webkit-appearance: none; -moz-appearance: none; display: none;} */
.cont_container table .table_wrap input[type="checkbox"] + label span {display: inline-block; width: 17px; height: 17px; border: 3px solid #ccc; background: transparent; margin-right: 4px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.cont_container table .table_wrap input[type="checkbox"]:checked + label span {border-color: var(--custom-main-color);}
.cont_container table .table_wrap input[type="checkbox"] + label span::after {content: ''; display: block; background: transparent; width: 17px; height: 17px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.cont_container table .table_wrap input[type="checkbox"]:checked + label span::after {background: url(../img/check_icon2.png) 50% 50% no-repeat var(--custom-main-color);}
.cont_container table .radio_box input[type="radio"] + label span.radio_figure {display: inline-block; width: 19px; height: 19px; border: 3px solid #ccc; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.cont_container table .radio_box input[type="radio"]:checked + label span.radio_figure {border-color: var(--custom-main-color);}
.cont_container table .radio_box input[type="radio"] + label span.radio_figure::after {content: ''; display: block; border-radius: 50%; background: transparent; width: 7px; height: 7px; position: absolute; left: 3px; top: 3px;}
.cont_container table .radio_box input[type="radio"]:checked + label span.radio_figure::after {background: var(--custom-main-color);}

.cont_container table select.progress + .nice-select{background-color: #fffdbc; color: #666; font-size: 16px; font-weight: 500;}
.cont_container table select.progress.purple + .nice-select{background-color: #ccd0ff;}
.cont_container table select.progress.gray + .nice-select{background-color: #dedede;}
.cont_container table select.progress.green + .nice-select{background-color: #c2edda;}
.cont_container table select.progress.blue + .nice-select{background-color: #b4e7ff;}
.cont_container table select.progress.red + .nice-select{background-color: #ffd3d3;}
.cont_container table select.progress.darkblue + .nice-select{background-color: #6c84ff; }
.cont_container table select.progress.orange + .nice-select{background-color: #ff6b35; }
.cont_container table select.progress.darkgray + .nice-select{background-color: #8691a8; }
.cont_container table select.progress.darkblue + .nice-select > span, select.progress.orange + .nice-select > span, select.progress.darkgray + .nice-select > span {color: #fff;}
.cont_container table .darkblue + .progress.nice-select:after {filter: brightness(10)}
.cont_container table .orange + .progress.nice-select:after {filter: brightness(10)}
.cont_container table .darkgray + .progress.nice-select:after {filter: brightness(10)}

.cont_container table .dfbox {align-items: center;}
.cont_container table .email_box .cancelBox_etc {display: none;}
.cont_container table .email_box input:disabled {background-color: #f9fafb;color: #666;}
.cont_container table ul.input_box li, .cont_container table tr label {font-size: 16px; font-weight: 500; color: #666;}
table .filebox {gap: 10px;}
table .filebox input.file {width: 50%;}
table .filebox #form-file {width: 1px; height: 1px; position: absolute; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
table .filebox .file_btn {border-radius: 8px; background-color: var(--custom-main-color); width: 150px; border: 2px solid transparent; font-size: 15px; font-weight: 500; text-align: center; color: #fff;padding: 13px 24px;}
table .filebox .file_btn:hover {background-color: #fff; border-color: var(--custom-main-color); color: var(--custom-main-color);}
.cont_container table ul li.openPop {padding: 0 30px; height: 40px; line-height: 36px; background-color: #ffd3d3; border-radius: 8px; color: #666; border: 2px solid transparent; cursor: pointer;}
.cont_container table ul li.openPop + li.openPop {margin-left: 10px;}
.cont_container table ul li.openPop:hover {background-color: #fff; border: 2px solid #ffd3d3; color: #ffd3d3;}
.cont_container table ul li.openPop.write {background-color: #dedede;}
.cont_container table ul li.openPop.write:hover {background-color: #fff; border-color: #dedede; color: #dedede;}


.popup-container {display: none; position: fixed; left: 0%;top: 0%;background-color: rgba(0,0,0, .2); width: 100vw; height:100%; z-index: 1001;}
.popup-container .inWrap {background-color: #fff;box-shadow: 0 3px 40px rgba(0, 0, 0, 0.16); border-radius: 10px; width: 80%; height: 800px; overflow-y: scroll; padding: 50px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.popup-container .inWrap h4 {font-size: 23px; font-weight: 800; margin-bottom: 30px;}
.popup-container .inWrap button.close {position: absolute; right: 50px; top: 35px; font-size: 35px; font-weight: 800; appearance: none; border: 0; background: transparent;}
.popup-container .inWrap table th, .popup-container .inWrap table td {border: 1px solid #ddd; font-size: 16px; padding: 10px; position: relative;}
.popup-container .inWrap table th {background-color: #dedede;border: 1px solid #fff;font-weight: 700;}
.popup-container .inWrap table th b {font-size: 26px; line-height: 1.4;}
.popup-container .inWrap table input {width: 100%; margin-left: 0; padding-left: 15px;}
.popup-container .inWrap table button.plus, .popup-container .inWrap table button.minus {appearance: none; border: 0; background: #fff; border: 1px solid #222; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; font-size: 0; font-weight: 800; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.popup-container .inWrap table button.plus::before, .popup-container .inWrap table button.plus::after {content: ''; width: 13px; height: 1px; background-color: #222; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%);}
.popup-container .inWrap table button.plus::after {transform: translate(-50% ,-50%) rotate(90deg);}
.popup-container .inWrap table button.minus::before {content: ''; width: 13px; height: 1px; background-color: #222; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%);}
.popup-container .inWrap table button.plus:hover, .popup-container .inWrap table button.minus:hover {background-color: #222;}
.popup-container .inWrap table button.plus:hover::before, .popup-container .inWrap table button.plus:hover::after, .popup-container .inWrap table button.minus:hover::before {background-color: #fff;}
.popup-container .inWrap .btn_wrap {margin-top: 30px; gap: 10px;}
.popup.popup-container .popcont_wrap{overflow: hidden;overflow-y: auto;}
.popup.popup-container .popcont_wrap .popcon_wrap{width: 100%;height: 667px; margin: 0;padding: 2% 0;overflow: hidden;overflow-y: auto;}

/* custom-yr */

/* 회원관리 */
table .upload-hidden {width: 1px;height: 1px;position: absolute;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
/* 담당자관리 */
.memberform_wrap input[type="text"],
.memberform_wrap input[type="password"]{width: 300px;margin-left: 0;}
.memberform_wrap button[type="submit"],.memberform_wrap a.submit{width: 100px;}
.tbl_frm01.tbl_wrap2 th,
.tbl_frm01.tbl_wrap2 td{text-align: center;font-size: 15px;font-weight: 400;}
/* 담당자관리 */

/* 고객사관리 */
.customermanagement_wrap input[type="text"]{width: 200px;}
.customermanagement_wrap input[type="text"],
.customermanagement_wrap input[type="password"]{margin-left: 0;}
.customermanagement_wrap select{width: 150px;}
.customermanagement_wrap .num_wrap li{width: 20%;}
.customermanagement_wrap .num_wrap li:nth-child(2n){width: fit-content;}
.customermanagement_wrap .num_wrap input[type="text"]{width: 100%;}
.customermanagement_wrap .nice-select{display: inline-block;width: 150px !important;}
.customermanagement_wrap .recent_eventname{width: 77% !important;background-position: 97% center;}

/* 협력사관리 */
.pmlist_wrap .partnermanag_img img{width: 100%;height: auto;max-height: 130px;}
.pmlist_wrap .info div{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;padding: 0 !important;border: 0;}
.file_list li{width: 300px;height: 250px;}
.file_list li img{width: 100%;height: auto;}
.file_list li.add_file label{display: flex;align-items: center;justify-content: center;width: 130px;height: 130px;font-size: 50px;font-weight: 700;background-color: #eee;border-radius: 100%;cursor: pointer;}
.file_list li.add_file label:hover{transform: scale(1.1);}
.partner_fileWrap .file_list li {height: auto;}
/* 협력사관리 */

/* 회원관리 */

/*설정*/
/*환경설정*/
/* .adm_subpage_wrap.preferences_wrap{height: 3070px;} */
.preferences_wrap table input{width: 100%;}
.edit_message_wrap{position: fixed;top: 0;left: 0;z-index: 999999;width: 100%;height: 100vh;background-color: #99999954;}
.edit_message_wrap .edit_message_pop{width: 500px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.edit_message_wrap .edit_message_pop .title_box{padding: 15px 9px;color: #222;background-color: #fff;border-bottom: 1px solid #ddd;}
.edit_message_wrap .edit_message_pop .title_box h3{margin-bottom: 0;}
.edit_message_wrap .edit_message_pop .title_box .close_btn{display: inline-block;width: 50px;height: 30px;cursor: pointer;}
.edit_message_wrap .edit_message_pop .title_box .close_btn::before{content: '';display: block;width: 26px;height: 2px;transform: rotate(-45deg) translate(-2px, 18px);background-color: #222;}
.edit_message_wrap .edit_message_pop .title_box .close_btn::after{content: '';display: block;width: 26px;height: 2px;transform: rotate(45deg) translate(16px, 1px);background-color: #222;}
.edit_message_wrap .edit_message_pop .edit_message{background: #fff; padding: 15px;}
.edit_message_wrap .edit_message_pop .edit_message .edit_wrap{margin-bottom: 10px;}
.edit_message_wrap .edit_message_pop .edit_message .edit_wrap li{margin-top: 10px;}
.edit_message_wrap .edit_message_pop .edit_message .edit_wrap li:first-child{margin-top: 0;}
.edit_message_wrap .edit_message_pop .edit_message .edit_wrap .tit{width: 100px;font-size: 15px;font-weight: 700;padding-top: 5px;}
.edit_message_wrap .edit_message_pop .edit_message .edit_wrap .input{width: calc(100% - 105px)}
.edit_message_wrap .edit_message_pop .edit_message .edit_wrap input{width: 100%;border-radius: 0;margin-left: 0;}
/*환경설정*/

/*체크항목리스트*/
.checkitem_wrap .cont_wrap > div{position: relative;gap: 130px;margin-top: 50px;}
.checkitem_wrap .cont_wrap > div:first-child{margin-top: 0;}
.checkitem_wrap .cont_wrap > div .btn_box{margin-top: 0;}
.checkitem_wrap .add_btn_wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.checkitem_wrap .add_btn_wrap button img{transform: rotate(-90deg);}
.checkitem_wrap .left,
.checkitem_wrap .right{width: 600px;display: flex;flex-direction: column;justify-content: space-between;align-items: stretch;height: 940px;}
.checkitem_wrap div input[type="text"]{margin-left: 0;/* width: 90%; */}
.checkitem_wrap .tbl_wrap{border: 0;height: 793px;overflow: hidden;overflow-y: auto;}
.checkitem_wrap table tr{border:1px solid #eee}
.checkitem_wrap .tbl_head01 tbody td{text-align: left;padding-left: 9px;} 
.checkitem_wrap .tbl_head01 tbody td.td_chk{text-align: center;padding-left: 0;}
.checkitem_wrap .tbl_head01 tbody td.cont{padding: 0 10px;}
.checkitem_wrap .screen_output
.checkitem_wrap .screen_output .tbl_head01 tbody td{text-align: center;}
.checkitem_wrap .screen_output .move_seat li img{transform: scale(0.5);}
.checkitem_wrap .screen_output .move_seat .consolation{transform: rotate(180deg);}
.checkitem_wrap .screen_output .move_seat li:hover{transform: scale(1.1);}
.checkitem_wrap .screen_output .move_seat li.consolation:hover{transform: scale(1.1)rotate(180deg);}
.checkitem_wrap .item_detailedset input[type="text"].w90px{width: 90px;}
.disabled{user-select: none;}
td.disabled > div::after{content: '';display: block;width: 100%;height: 100%;background-color: #f7f7f7c9;position: absolute;top: 0;left: 0;}
.delbtn{display: inline-block; width: 20px;height: 20px;border: 1px solid #ddd;background:url('../img/del_icon.png') no-repeat #fff;background-size: 10px;background-position: center; border-radius: 100%;padding: 2px;}
.delbtn:hover{border: 1px solid var(--custom-main-color);background:url('../img/del_icon_hover.png') no-repeat var(--custom-main-color);background-size: 10px;background-position: center;}
.add_btn{display: inline-block;width: 20px;height: 20px;border: 1px solid #ddd;background:url('../img/add_icon.png') no-repeat #fff;background-size: 12px;background-position: center; border-radius: 100%;padding: 2px;}
.add_btn:hover{border: 1px solid var(--custom-main-color);background:url('../img/add_icon_hover.png') no-repeat var(--custom-main-color);background-size: 12px;background-position: center;}
label[for="add_input"] input[type="text"]{padding: 4px 0;padding-left: 4px;font-size: 15px;width: 120px;}
.checkitem_wrap .departurearea_list > li,
.checkitem_wrap .aircrafttype_list > li,
.checkitem_wrap .accommodationtype_list > li,
.checkitem_wrap .numberofguests_list > li,
.checkitem_wrap .request_list > li,
.checkitem_wrap .bus_list > li,
.checkitem_wrap .travelguide_list > li,
.checkitem_wrap .etc_list > li{border: 1px solid #ddd;padding: 4px;border-radius: 8px;}
/*체크항목리스트*/

/*팝업관리*/
.newwinlist_wrap table td{text-align: center !important;}
.newwinform_wrap .cont_container table::before{display: none;}
/* .newwinform_wrap .cont_container table tr:first-child{border-top: 1px solid #eee;} */
small{display: block;}
.samplepop_wrap .sample_pop{width: 500px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border: 1px solid #ddd;}
.samplepop_wrap .sample_pop .title_box{padding: 15px 9px;color: #222;background-color: #fff;border-bottom: 1px solid #ddd;}
.samplepop_wrap .sample_pop .title_box h3{margin-bottom: 0;}
.samplepop_wrap .sample_pop .title_box .close_btn{display: inline-block;width: 50px;height: 30px;cursor: pointer;}
.samplepop_wrap .sample_pop .title_box .close_btn::before{content: '';display: block;width: 26px;height: 2px;transform: rotate(-45deg) translate(-2px, 18px);background-color: #222;}
.samplepop_wrap .sample_pop .title_box .close_btn::after{content: '';display: block;width: 26px;height: 2px;transform: rotate(45deg) translate(16px, 1px);background-color: #222;}
.samplepop_wrap .sample_pop .sample{background: #fff;}
.samplepop_wrap .sample_pop .sample img{width: 100%;}
/*팝업관리*/

/*게시판*/
.itemuselist_wrap table td{text-align: center !important;}
.itemuseform_wrap .profile_img{display: none;}
.itemuseform_wrap input{margin-left: 0;}
.eventhistorylist_wrap .local_sch01 .nice-select.site_sel{width: 150px !important;}
.eventhistorylist_wrap .historylist li{cursor:pointer; width: 24%; text-align: center;display: flex;flex-direction: column;align-items: stretch;justify-content: space-between;height: 275px;border: 1px solid #ddd; overflow: hidden;}
.eventhistorylist_wrap .historylist li p{padding-top: 10px; padding-bottom: 10px; overflow: hidden; text-overflow: ellipsis; width: 80%; white-space: nowrap; align-self: center;}
.eventhistorylist_wrap .historylist li img{height: 80%; width: auto; margin: 0 auto;}
.eventhistorywrap_wrap input{margin-left: 0;}
.eventhistorywrap_wrap .travel_input{width: 250px !important;}
/*게시판*/
/*설정*/

/* 통계분석*/
.analyze_wrap .tab_wrap li{padding: 0;border:0;background-color: unset;}
.analyze_wrap .tab_wrap li a{display: block;color: #6c84ff;background-color: #fff;border: 2px solid #6c84ff;padding: 14px 0;font-size: 16px;font-weight: 400;border-radius: 8px;}
.analyze_wrap .tab_wrap li a:hover{background-color: #6c84ff;color:#fff}
.analyze_wrap .site_select{width: 150px !important;}
.analyze_wrap .site_select li{border: 0;padding: 0;padding-left: 10px;width: 100% !important;}
.analyzeperformance_wrap .tab_wrap li{width: 30%; }
.analyze_wrap .tab-content.active{display: block !important;}
.analyze_wrap .piegraph{width: 100%;height: 340px; overflow: hidden;position: relative;}
.analyze_wrap .graph_wrap4 .piegraph{width: 100%;}
.analyze_wrap .piegraph canvas{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.analyze_wrap .summary{padding: 25px;background-color: #fff;border-radius: 30px;}
.analyze_wrap .summary .title_wrap {margin-bottom: 20px;}
.analyze_wrap .summary .title_wrap .cont_tit{color: #252c4b;font-size: 20px;font-weight: 700;}
.analyze_wrap .table_wrap td span{cursor: pointer;}
.analyze_wrap .table_wrap td span:hover{color: var(--custom-main-color);}
.analyze_wrap .bottom{margin-top: 2%;}
.analyze_wrap .summary.summary4{cursor: pointer;}
.analyze_wrap iframe{pointer-events: none;}
.analyze_wrap .summary.summary4 .calendar_wrap{width: 100%;height: 100%;overflow: hidden;}
.analyze_wrap .summary.summary4 .calendar{width: 100%; height: 100%;transform:translate(-29%, -15%) scaleY(0.72) scaleX(0.75)}
.analyzeperformance_wrap .article3 .tab_wrap li,
.analyzeperformance_wrap .article4 .tab_wrap li{width: 23%; }
/* 통계분석*/

.w26{width: 26% !important;}
.w150{width: 150px !important;}
.tbl_head01 tbody td .nice-select.w150{width: 150px !important;}
.w180{width: 180px !important;}
.frm_input{width: 100% !important;}


/* [OSJ : 2024-07-04] 간단한 변경 처리 : 차후 전체 변경 요청 필요함. START */
#hd_top{background:var(--custom-top-menu-bak-color); display:flex; justify-content: space-between; height:70px;border-bottom: 1px solid #ddd;}
#logo{background:var(--custom-top-menu-bak-color); width: 190px; padding:0; margin-left:30px; display:flex; align-items:center;}
#tnb .tnb_mb_area a{color:var(--custom-top-menu-color); font-size:14px;font-weight: 500;}

.fs16{font-size: 14px;}
input[type="text"], input[type="password"] { margin-left: initial; padding: 5px 0; padding-left: 9px; border-radius: 3px; font-size: inherit; height: unset; line-height: 1; border: 1px solid #ddd; width: 150px; color: #666; }
/* [OSJ : 2025-08-14] placeholder 컬러 */
input[type="text"]::placeholder { color: #ddd; }
#wrapper {/*margin-top:100px; margin-left:235px; */ padding:20px;/* position: absolute;top: 60%;left: 53%;transform: translate(-50%, -50%); */margin-left: 260px;margin-top: 70px;border-radius: 30px;width: auto; min-width: 1630px;background-color: #f9f9f9;}

#gnb{padding-top:0; height:calc(100% - 100px); margin-top:70px; width: 250px;;max-width: unset; overflow-y:scroll;/* border: 1px solid #ddd; */}
#gnb .gnb_oparea{position:unset; width:100%; background-color:unset; padding: 5px 20px;border-right:0; box-shadow:unset !important; border-bottom:1px solid var(--custom-left-menu-line-color); background-color:var(--custom-left-menu-bak2-color);}
#gnb .gnb_li button{text-indent:0;color:var(--custom-left-menu-color); width:100%; text-align:left; padding-left:70px; border-bottom:1px solid var(--custom-left-menu-line-color); position:relative; height:50px; font-weight:800; font-size:1em;}
#gnb .gnb_li button.menu-100{background: url(../img/dashboard_icon.svg) no-repeat #fff !important;background-position:14% 50% !important; background-size: 18px !important;}
#gnb .gnb_li button.menu-200{background: url(../img/member_icon.svg) no-repeat #fff !important;background-position:14% 50% !important; background-size: 18px !important;}
#gnb .gnb_li button.menu-300{background: url(../img/group_icon.svg) no-repeat #fff !important;background-position:14% 50% !important; background-size: 18px !important;}
#gnb .gnb_li button.menu-400{background: url(../img/document_icon.svg) no-repeat #fff !important;background-position:14% 50% !important; background-size: 18px !important;}
#gnb .gnb_li button.menu-500{background: url(../img/statistical_analysis_icon.png) no-repeat #fff !important;background-position:14% 45% !important; background-size: 18px !important;}
#gnb .gnb_li button.menu-800{background: url(../img/membership_center_icon.png) no-repeat #fff !important;background-position:14% 45% !important; background-size: 18px !important;}
#gnb .gnb_li button.menu-900{background: url(../img/document_icon.svg) no-repeat #fff !important;background-position:14% 45% !important; background-size: 18px !important;}
#gnb .gnb_oparea li a{display: block;color:var(--custom-left-menu-color);font-size: 14px;color: #8691a8;font-weight: 700;padding: 7% 0%;padding-left: 10%; border-radius: 3px;width: 100%;}

input[type="radio"] + label.icon{display: inline-block; width: 15px;height: 15px;border-radius: 100%; visibility: visible;border: 2px solid #ddd;background-color: #fff;margin-left: 0;margin-right: 0;}
.checkitem_wrap .left,
.checkitem_wrap .right{width: 600px;display: flex;flex-direction: column;justify-content: space-between;align-items: stretch;height: auto;}
.checkitem_wrap .tbl_wrap{border: 0;height: auto;overflow: hidden;overflow-y: auto;}
.customermanagement_wrap input:read-only
, .customermanagement_wrap input:read-only+input:hover
, .customermanagement_wrap input:read-only+input:focus
, .customermanagement_wrap input:read-only+input:focus-visible{ border: 0px!important; outline: none!important;}
.customermanagement_wrap input.file:read-only{border: 1px solid #ddd!important;}
.customermanagement_wrap .nice-select { display: inline-block; vertical-align: middle; }

.tbl_head01 thead th, .tbl_head02 thead th .tbl_head02 thead th{ background-color: unset;padding: 0;color: #222;border: 0;font-size: 14px; font-weight: 900;background-color: var(--custom-table-th-color);padding: 15px 0; }
.tbl_head01 tbody td{font-size: 14px;font-weight: 400;color: #666;border: 0;position: relative;padding: 10px 0;border:0;border-right: 1px solid #eee;word-wrap: break-word;word-break: keep-all;}
.tbl_head01 tbody td .nice-select{color: #666;height: 30px!important;line-height: 1;border-radius: 3px; padding: 7px 0;}

.btn, a.btn, .btn02, .btn_02, a.btn_02, .btn_03, a.btn_03{ width: fit-content;border-radius: 3px;text-align: center;height: unset;line-height: 1;background: #fff;color: var(--custom-main-color);border: 2px solid var(--custom-main-color);padding: 4px 15px; min-width: 100px; }
.memberform_wrap .btn.wu{width: unset;}
a.del_btn,.del_btn{display: inline-block; border-radius: 3px; text-align: center;height: unset;line-height: 1;background: #fff;color: #fa7878 !important;border: 2px solid  #fa7878;padding: 4px 15px; min-width: 100px;}
a.del_btn:hover,.del_btn:hover{background: #fa7878;color: #fff !important;border: 2px solid  #fa7878 !important;}

.submit{display: inline-block;border-radius:3px; text-align: center;height: 30px;line-height: 1;background: var(--custom-main-color);color: #fff;border: 2px solid var(--custom-main-color);padding: 4px 15px; min-width: 100px;}
.submit:hover{background: #fff;color:var(--custom-main-color);border: 2px solid var(--custom-main-color);}
.down_exel{font-size: 14px;font-weight: 700;color: #29d687;padding: 4px 15px;border-radius: 3px;background-color: #fff;border: 2px solid #29d687;line-height: 1; min-width: 100px;}
.down_exel:hover{background-color: #29d687;color: #fff;}
.btn_wrap .submit {height: auto;}

.analyze_wrap .tab_wrap li a{display: block;color: #6c84ff;background-color: #fff;border: 1px solid #6c84ff;padding: 7px 0;font-size: 14px;font-weight: 400;border-radius: 3px; min-width: 100px;}

.tab_list_wrap .tab_list.full_tab li a {background-color: #fff; color: #222; border: 1px solid #ddd; height: 35px; line-height: 35px; padding: 0;}

.tbl_frm01 td{padding:5px;border-top: 0;border-bottom: 1px solid #eee;}
table .filebox .file_btn { border-radius: 3px; background-color: var(--custom-main-color); min-width: 100px; border: 1px solid transparent; font-size: 14px; font-weight: 500; text-align: center; color: #fff; padding: 4px 15px; }
input.search{ background: url('../img/search_icon.png') no-repeat var(--custom-main-color); border-radius: 3px; padding: 5px 15px 4px 0; background-position: 90% center; background-size: 18px; min-width: 100px; }
input.search:hover{ background: url('../img/search_icon_hover.png') no-repeat #fff; background-position: 90% center; background-size: 18px; }
a.reset:hover{ background: url('../img/reset_icon_hover.png') no-repeat #fff !important; background-position: 90% center !important; background-size: 18px!important; border: 2px solid var(--custom-main-color);color: var(--custom-main-color); }
.cont_container table ul.input_box li, .cont_container table tr label {font-size: 14px; font-weight: 500; color: #666;}

.cont_wrap{padding: 20px;border-radius: 15px;background-color: #fff;}
.cont_container table::before {display: none;}
.cont_container table tr{ height: 50px; border-bottom: 1px solid #eee; border-bottom: 1px solid #666;}
.cont_container table tr:first-child {border-top: 1px solid #666;}
.cont_container table .title{ background-color: #f3f3f3; font-size: inherit; font-weight: 500; height: 100%; line-height: inherit; padding: 0 0 0 15px; padding: 0; text-align: center; border-right: 1px solid #666; border-left: 1px solid #666;}
.cont_container table select, .cont_container table input{ height: 30px; background-position: center right 15px; padding-left: 9px; width: 150px; background-color: #fff; border-radius: 3px; font-size: inherit; font-weight: 500; color: #666; margin-left: initial; }
.cont_container table input::placeholder, .cont_container table textarea::placeholder {color: #ddd;}
.cont_container table .table_wrap label, .cont_container table .radio_box label { padding-left: 30px; font-size: 14px; font-weight: 500; color: #666; position: relative;}
.nice-select { padding: 9px 0; min-width: 120px !important; height: 30px!important; line-height: 1 !important; font-size: 14px !important; font-weight: inherit; border-radius: 3px !important; float: inherit; }
.local_sch01{ padding: 0; border-radius: 0; align-items: center; justify-content: center; column-gap: 20px; }
.local_sch01 .frm_input { font-size: 14px; padding: 5px 0; padding-left: 9px; border-radius: 3px; font-size: 15px; height: 30px; line-height: 1; border: 1px solid #ddd; margin-left: 0; }
.addfile_wrap p { margin-top: 10px;}

input[type="checkbox"] + label.icon{display: inline-block; width: 15px;height: 15px;visibility: visible;border: 1px solid #ddd;background-color: #fff;margin-left: -3px;}
.cont_container table .table_wrap input[type="checkbox"] + label span {display: inline-block; width: 15px; height: 15px; border: 3px solid #ccc; background: transparent; margin-right: 4px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.cont_container table .table_wrap input[type="checkbox"] + label span.error {border-color: #EB5757;}
.cont_container table .table_wrap input[type="checkbox"]:checked + label span {border-color: var(--custom-main-color);}
.cont_container table .table_wrap input[type="checkbox"] + label span::after {content: ''; display: block; background: transparent; width: 15px; height: 15px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.cont_container table .table_wrap input[type="checkbox"]:checked + label span::after {background: url(../img/check_icon2.png) 50% 50% no-repeat var(--custom-main-color);}
.cont_container table .table_wrap label, .cont_container table .radio_box label { padding-left: 20px; font-size: 14px; font-weight: 500; color: #666; position: relative;}

.cont_container table ul li.openPop { padding: 0 15px; height: 30px; line-height: 30px; background-color: #ffd3d3; border-radius: 3px; color: #666; border: 1px solid transparent; cursor: pointer; box-sizing: border-box; }
.cont_container table ul li.openPop:hover {background-color: #fff; border: 1px solid #ffd3d3; color: #ffd3d3;}

.popcont_wrap table tr td{padding: 5px;}
.popup-container .inWrap table th, .popup-container .inWrap table td {border: 1px solid #ddd; font-size: 14px; padding: 3px; position: relative;}
.popup-container .inWrap table input {width: 100%; margin-left: 0; padding-left: 5px;}
.popup-container .inWrap table button.plus, .popup-container .inWrap table button.minus {appearance: none; border: 0; background: #fff; border: 1px solid #222; border-radius: 50%; width: 15px; height: 15px; line-height: 15px; font-size: 0; font-weight: 800; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.popup-container .inWrap table button.plus::before, .popup-container .inWrap table button.plus::after {content: ''; width: 9px; height: 1px; background-color: #222; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%);}
.popup-container .inWrap table button.plus::after {transform: translate(-50% ,-50%) rotate(90deg);}
.popup-container .inWrap table button.minus::before {content: ''; width: 9px; height: 1px; background-color: #222; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%);}
.popup-container .inWrap table button.plus:hover, .popup-container .inWrap table button.minus:hover {background-color: #222;}
.popup-container .inWrap table button.plus:hover::before, .popup-container .inWrap table button.plus:hover::after, .popup-container .inWrap table button.minus:hover::before {background-color: #fff;}

#tab4 .adddel_row button.plus {right: 55px;}
#tab4 .adddel_row button.minus {right: 20px;}

.processing_status.red + .nice-select .current{color: red;}
/* [OSJ : 2024-07-04] 간단한 변경 처리 : 차후 전체 변경 요청 필요함. END */

/* [KJH : 2024-07-16] 어사이드 메뉴 변경 처리 : 차후 검수 필요함. START */
#gnb{width: 100%;height: auto; transition: all .3s ease;}
#gnb.open {height: 360px; box-shadow: 0 4px 15px rgba(0,0,0, .07);}
#gnb > * {width: 100% !important;}
#gnb .gnb_ul{display: flex; overflow-y: hidden;}
#gnb .gnb_li{width: 130px;height: 50px; position: relative;}
#gnb .gnb_li button{padding-left: 45px;}
#gnb .gnb_li.on button:before{content: '';width: 100%;height: 3px;background: var(--custom-main-color);position: absolute;bottom: 0;}
/*#gnb .gnb_oparea ul {display: flex;}*/
#gnb .gnb_oparea {width:  max-content;}
#gnb .gnb_oparea_wr {position: absolute; left: 50%; top: 50px; transform: translateX(-50%);}
#gnb.open .gnb_oparea, #gnb .gnb_oparea li div {display: block;}
#gnb .gnb_oparea li {position: relative;}
#gnb .gnb_oparea li:not(:first-child) {margin-top: 5px;}
#gnb .gnb_oparea li a{width: 110px; width: 100%; padding:5px 10px;/*text-align:center;*/text-align: left;}
/*#gnb .gnb_oparea li:not(:first-child){margin-top: 0px;}*/
#gnb .gnb_oparea li ul {display: block; position: relative !important;}
#wrapper {padding:20px;margin-left: 0;/*margin-top: 200px;*/ margin-top: 130px; border-radius: 30px;width: auto; min-width: 1630px;background-color: #f9f9f9;}

/* [KJH : 2024-07-16] 어사이드 메뉴 변경 처리 : 차후 검수 필요함. END */



/* [OSJ : 2024-07-22 입출금 내역서 자동완성 처리 ] */
.ui-autocomplete, .ui-widget.ui-widget-content{ z-index: 1001; }
/* [OSJ : 2024-07-22 입출금 내역서 팝업 박스] */
.box_backlayer { width: 100vw; height: 100vh; background-color: rgb(0 0 0 / 70%); position: fixed; top: 0; left: 0; z-index: 1000; }
.box_layer { background-color: #FFFFFF; display: flex; flex-direction: column; height: 90vh; width: 90vw; margin: 0 auto; margin-top: 5vh; border-radius: 10px; }
.box_layer .box_layer_header { width: 100%; height: 80px; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; border-bottom: 2px solid var(--custom-main-color); }
.box_layer .box_layer_header h3::before { content: ''; display: inline-block; width: 10px; height: 10px; border: 5px solid var(--custom-main-color); border-radius: 100px; margin-right: 10px; }
.box_layer h4::before { content: ''; display: inline-block; width: 5px; height: 5px; border: 3px solid var(--custom-main-color); margin-right: 10px; }

.box_layer .box_layer_header .close { font-size: 35px; font-weight: 800; appearance: none; border: 0; background: transparent; padding: 0 15px; }
.box_layer .box_layer_content { flex: 1; overflow-y: auto; padding: 15px 35px 15px 15px; }
.box_layer .box_layer_footer { width: 100%; display: flex; gap: 15px; padding: 20px 0; justify-content: center; border-top: 2px solid var(--custom-main-color); }

/* [OSJ : 2024-07-22 입출금 내역서] */
table.table_style_1 { border-collapse: collapse; margin: 0 auto; }
table.table_style_1 .td_flex { display: flex; align-items: center; }
table.table_style_1 .td_flex_inline { display: inline-flex; align-items: center; }

table.table_style_1 tr{ border-bottom: 0; }

table.table_style_1 th { border: 1px solid #999999; padding: 5px; height: 39px; min-width: 90px; width: 90px; word-break: keep-all; } 
table.table_style_1 th.th_title_main { background-color: #b0b0b0; font-size: 24px; background-color: #888; color: #fff; }
table.table_style_1 th.th_title1 { background-color: #b0b0b0; font-size: 14px }
table.table_style_1 th.th_title2 { background-color: #e0e0e0; font-size: 14px }
table.table_style_1 th.th_title3 { background-color: #f1f1f1; font-size: 14px }
/* [ KSR 25.09.03 ] .th_account_cols 셀 너비 250 -> 200 으로 변경 */
table.table_style_1 th.th_account_cols { min-width: 200px; width: 200px; }
table.table_style_1 th.th_account_owner { min-width: 150px; width: 150px; }
table.table_style_1 th.border_no { border: none; border-right: 1px solid #999999; } 

table.table_style_1 td { border: 1px solid #999999; padding: 5px; height: 39px; min-width: 90px; width: 90px; word-break: keep-all; text-align: center;}
table.table_style_1 td.last_node button{ display: block; position: absolute; right: -25px; top: 10px; width: 20px; height: 20px; }
/* table.table_style_1 td.last_node button{ display: none; } */
/* table.table_style_1 td.last_node button.minus{ display: none; } */
table.table_style_1 td.last_node button.minus{ position: absolute; right: -25px; top: 10px; width: 20px; height: 20px;}
table.table_style_1 td.last_node { position: relative; }
/* table.table_style_1 td.last_node:hover button{ display: block; position: absolute; right: 10px; top: 5px; width: 20px; height: 20px; } */
table.table_style_1 td.last_node input+button{ position: absolute; right: -25px; top: 10px; width: 20px; height: 20px; }
table.table_style_1 td.text_right { text-align: right; }
table.table_style_1 td.text_right > input { text-align: right; }
table.table_style_1 td.text_center { text-align: center; }
table.table_style_1 td.text_center > input { text-align: center; }
table.table_style_1 td.text_left { text-align: left; }
table.table_style_1 td.text_left > input { text-align: left; }
table.table_style_1 td.border_no { border: none; border-right: 1px solid #999999; }

table.table_style_1 input{ width: 100%;  padding: 5px 5px; box-sizing: border-box; border: solid 1px #666666; border-radius: 0px; color: #333333; }
table.table_style_1 input[data-ui='date-picker']{ background-position: calc(100% - 10px) center; padding-left: 10px; }
table.table_style_1 input.input_readonly { border: 0; border-bottom: 1px solid #b0b0b0; vertical-align: text-bottom; }
table.table_style_1 input.input_readonly:hover { border: 0!important; border-bottom: 1px solid #b0b0b0!important; vertical-align: text-bottom; }
table.table_style_1 input.width_auto { width: auto; }


/* OSJ 캘린더 스케줄 CSS 추가 */
.tag_name_tag { margin-bottom: 30px; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* 인터넷익스플로러 */ user-select: none; }
.tag_name_tag ul{ display: flex; justify-content: start; align-items: center; }
.tag_name_tag ul li{ margin-right: 10px; }
.tag_name_tag ul li span{ display: inline-block; padding: 5px 10px; border-radius: 5px; font-size: 14px; font-weight: bold; }
.tag_name_tag ul li:not(:first-child) span {color: #fff;}

/* 색으로 구분되어야 함 */
.event_calendar_0{ background-color: #fff; border-color: #fff; border: 1px solid #ddd; }
.event_calendar_1{ background-color: #AD1457; border-color: #AD1457; border: 1px solid #ddd; }
.event_calendar_2{ background-color: #F09300; border-color: #F09300; border: 1px solid #F0F4FC; }
.event_calendar_3{ background-color: #E4C441; border-color: #E4C441; border: 1px solid #FDF0F2; }
.event_calendar_4{ background-color: #039BE5; border-color: #039BE5; border: 1px solid #F4F3FB; }
.event_calendar_5{ background-color: #0B8043; border-color: #0B8043; border: 1px solid #F0F7FB; }
.event_calendar_6{ background-color: #E67C73; border-color: #E67C73; border: 1px solid #EEF9F8; }
.event_calendar_7{ background-color: #8E24AA; border-color: #8E24AA; border: 1px solid #FCF2F9; }

.event_calendar_0 .fc-event-main{ color: #fff; font-size: 14px; font-weight: bold; padding: 3px;}
.event_calendar_1 .fc-event-main{ color: #fff; font-size: 14px; font-weight: bold; padding: 3px;}
.event_calendar_2 .fc-event-main{ color: #fff; font-size: 14px; font-weight: bold; padding: 3px;}
.event_calendar_3 .fc-event-main{ color: #fff; font-size: 14px; font-weight: bold; padding: 3px;}
.event_calendar_4 .fc-event-main{ color: #fff; font-size: 14px; font-weight: bold; padding: 3px;}
.event_calendar_5 .fc-event-main{ color: #fff; font-size: 14px; font-weight: bold; padding: 3px;}

/* nice-select 전역설정 */
.list{overflow-y: auto !important; -ms-overflow-style: none; scrollbar-width: none; }
.list::-webkit-scrollbar {display: none; }

/***** [LDH 26.01.05] css 추가 *****/
.cont_tit {margin-bottom: 20px;}
.df_ac.jc_sbetween .cont_tit {margin-bottom: 0;}
.df_ac.jc_sbetween:has(.cont_tit),
.df_ac.jc_sbetween:has(*[aria-label]) {margin-bottom: 10px;}

/* 대시보드 */
.dashboard_box_list {display: flex; gap: 10px;}
.dashboard_box_list li {border: 1px solid #ddd; border-radius: 15px; flex: 1; transition: box-shadow 0.3s ease;}
.dashboard_box_list li:hover {box-shadow: 5px 7px 13px 3px rgb(16 25 106 / 8%);}
.dashboard_box_list li a {display: flex; flex-direction: column; justify-content: space-between; padding: 20px; min-height: 100px;}
.dashboard_box_list li a span {display:block; font-size: 18px; font-weight: 600; color: #000;}
.dashboard_box_list li a span + span {text-decoration: underline;}

/* 평가단 구성 */
.group_result_area {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.group_result_area > div {border: 1px solid #ddd; border-radius: 15px; padding: 20px; height: 350px; overflow: hidden; display: grid; grid-template-rows: auto 1fr;}
.group_result_area > div > ul {height: 100%; overflow-y: auto; display: flex; flex-direction: column; gap: 10px;}
.group_result_area > div > ul .item {background: #f6f6f6; padding: 15px; border-radius: 10px; display: grid; grid-template-columns: 4fr 1fr; gap: 10px;}
.group_result_area > div > ul .item .btn,
.group_result_area > div > ul .item .btn_wrap {grid-column:  2 / 3; grid-row: 1 / 3; justify-self: flex-end; align-self: center;}
.group_result_area > div > ul .item .btn_wrap {display: flex; gap: 5px;}
.group_result_area > div > ul .item .btn_wrap .btn {grid-column: inherit; grid-row: inherit; justify-self: initial; align-self: inherit;}
.group_result_area > div > ul .item .btn {max-height: 30px;}
.group_result_area > div > ul .item .title {font-size: 18px; font-weight: 600;}

/* 보고서 관리 */
.tbl_frm01.default td span {background-color: var(--custom-main-color); padding: 5px 20px; border-radius: 7px; color: #fff;}
.report .info .row {width: 50%;}
.report .info .row h4 {margin-top: 5px; font-size: 16px;}
.report strong {font-size: 16px;}
.report .btns {gap: 20px;}
.report .btns a {padding: 10px 30px; border-radius: 8px; background-color: #eee;}
.report .btns a.origin {background-color: var(--custom-left-menu-color); color: #fff;}
.report .btns a.origin:hover {background-color: var(--custom-left-menu-select-color);}
.report .btns a.down:hover {background-color: #bbb; color: #fff;}

.detail_container {display: flex; align-items: flex-start;}
.detail_container .side_menu {width: 300px;}
.detail_container section {width: calc(100% - 300px); position: relative;}
.detail_container .top_wrap {position: fixed; top: 100px; border: 1px solid #dee2e6; width: calc(100% - 360px); padding: 20px; background-color: #fff; border-radius: 10px;}
.detail_container .tab_container .tab {padding-left: 20px;}
.detail_container .tab_container .tab .tab-btn {border-bottom: 0;}
.detail_container .tab .tab-btn + .tab-btn {margin-left: 5px;}
.detail_container .btn_wrap .status_btn {margin-left: 5px;}
.detail_container .btn_wrap .status_btn a, a.btn {padding: 5px; border: 1px solid #dee2e6; border-radius: 5px;}
.detail_container .btn_wrap .status_btn a + a {margin-left: 5px;}
.detail_container .top_wrap .tit_wrap h3 {font-size: 24px; margin-right: 10px;}
.detail_container .top_wrap .tit_wrap ul {margin-left: 20px;}
.detail_container .top_wrap .tit_wrap ul li {position: relative; padding-left: 7px; margin-left: 7px; font-size: 17px;}
.detail_container .top_wrap .tit_wrap ul li:first-child {padding-left: 0; margin-left: 0;}
.detail_container .top_wrap .tit_wrap ul li::before {content: ''; width: 1px; height: 7px; background-color: #666; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.detail_container .top_wrap .tit_wrap ul li:first-child::before {display: none;}
.detail_container .status {padding: 3px 7px; background-color: #FEF9C2; color: #FF8000; border-radius: 5px; font-size: 17px; font-weight: 500; border: 0; height: auto; min-width: auto;}
.detail_container .status.ing {background-color: #B7E7FF; color: #007AB7;}
.detail_container .status.confirm {background-color: #DBFCE7; color: #016630;}
.detail_container .status.pending {background-color: #FFC2C3; color: #FF0000;}
.detail_container .status.wait {background-color: #E2E2E2; color: #424242;}
.detail_container .status.submit {background-color: #FEF9C2; color: #FF8000;}
.detail_container .tab_content .tit_wrap {margin-bottom: 20px;}
.detail_container .tab_content .tit_wrap h4 {font-size: 21px;}
.detail_container .tab_content .tit_wrap h4 span {margin-left: 10px;}
.detail_container .tab_content .tit_wrap .right {gap: 20px;}
.detail_container .tab_content .tit_wrap .right .btns {gap: 5px;}
.detail_container .tab_content .conts h5 {margin-bottom: 10px; font-size: 18px;}
.detail_container .tab_content .conts .editor_wrap {margin-bottom: 20px;}
.detail_container .tab_content .conts .editor_wrap:last-child {margin-bottom: 0;}
.detail_container .tab_content .conts .editor_wrap p {margin-bottom: 5px; color: #222; font-size: 17px; line-height: 1.5;}
.detail_container .tab_content .conts .editor_wrap div + div {margin-top: 45px;}
.detail_container .side_menu .toggle-header .status {margin-left: 5px; font-size: 13px;}
.detail_container .side_menu .toggle-header[data-toggle="menu-7"] .status,
.detail_container .side_menu .toggle-header[data-toggle="menu-8"] .status {display: block; width: fit-content; margin-top: 6px; margin-left: 0;}
.detail_container .side_menu {position: fixed; left: 0; top: 80px; height: calc(100vh - 80px); background: #f8f9fa; border-right: 1px solid #dee2e6; overflow-y: auto; z-index: 100; padding: 20px; box-sizing: border-box;}
.detail_container .side_menu ul {list-style: none; padding: 0; margin: 0;}
.detail_container .side_menu > ul > li {margin-bottom: 20px;}
.detail_container .side_menu p {font-weight: bold; color: #333; margin-bottom: 10px; padding: 10px; background: #e9ecef; border-radius: 4px; cursor: pointer; position: relative; transition: background-color 0.2s;}
.detail_container .side_menu p:hover {background: #dee2e6;}
.detail_container .side_menu p::after {content: '▼'; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 12px; transition: transform 0.2s;}
.detail_container .side_menu p.collapsed::after {transform: translateY(-50%) rotate(-180deg);}
.detail_container .side_menu .menu-content {max-height: 1000px; overflow: hidden; transition: max-height 0.3s ease-out;}
.detail_container .side_menu .menu-content.collapsed {max-height: 0;}
.detail_container .side_menu h3 {font-size: 14px; color: #666; margin: 10px 0 5px 0; padding-left: 10px;}
.detail_container .side_menu li a {display: block; padding: 8px 20px; color: #555; text-decoration: none; border-radius: 4px; transition: background-color 0.2s; cursor: pointer;}
.detail_container .side_menu li a:hover {background-color: #007bff; color: white;}
.detail_container .side_menu li a.active {background-color: #007bff; color: white;}
.detail_container section {margin-left: 320px; flex: 1; padding: 20px;}
.detail_container .tab_content .content-section {display: none; margin-bottom: 40px; border: 1px solid #dee2e6; border-radius: 15px; padding: 20px; background-color: #fff;}
.detail_container .tab_content .content-section.active {display: block;}
.detail_container .tab_content.show-all .content-section {display: block;}
.detail_container .tab .tab-btn {display: inline-block; padding: 10px 20px; background: #fff; border: 1px solid #dee2e6; color: #666; text-decoration: none; border-radius: 6px 6px 0 0; cursor: pointer;}
.detail_container .tab .tab-btn.active {background: #007bff; color: white; border-color: #007bff;}

.detail_container .btn_wrap .btn, .detail_container .btn_wrap .status_btn a, .detail_container .tit_wrap .right .btn {position: relative; border: 0; padding: 10px 25px; padding-left: 48px; border-radius: 50px; background-color: #eee; color: #666; border: 0;}
.detail_container .btn_wrap .btn:hover, .detail_container .btn_wrap .status_btn a:hover, .detail_container .tit_wrap .right .btn:hover{box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.16);}
.detail_container .btn_wrap .btn.submit, .detail_container .tit_wrap .right .btn.submit {background-color: #155DFC; color: #fff;}
.detail_container .btn_wrap .btn.pending, .detail_container .tit_wrap .right .btn.pending, .detail_container .btn_wrap .btn.cancel, .detail_container .btn_wrap .btn.hold {background-color: #FFF7ED; color: #D14F20;}
.detail_container .btn_wrap .btn.confirm, .detail_container .tit_wrap .right .btn.confirm {background-color: #F0FDF4; color: #0F8941;}
.detail_container .tit_wrap .right .btn.edit, .detail_container .btn_wrap .btn.save, .detail_container .tit_wrap .right .btn.submit2, 
.detail_container .btn_wrap .btn.cancel.complete, .detail_container .tit_wrap .right .btn.complete {background-color: #DBEAFE; color: #155DFC;}
.detail_container .btn_wrap .btn::before, .detail_container .tit_wrap .right .btn::before {content: ''; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; display: block;}
.detail_container .btn_wrap .btn.down::before {background: url(../img/btn_down_icon.png) no-repeat; background-size: cover;}
.detail_container .btn_wrap .btn.submit::before {background: url(../img/btn_submit_icon.png) no-repeat; background-size: cover;}
.detail_container .btn_wrap .btn.pending::before, .detail_container .btn_wrap .btn.hold::before {background: url(../img/btn_hold_icon.png) no-repeat; background-size: cover;}
.detail_container .btn_wrap .btn.confirm::before, .detail_container .tit_wrap .right .btn.confirm::before {background: url(../img/btn_sucess_icon.png) no-repeat; background-size: cover;}
.detail_container .tit_wrap .right .btn.edit::before {background: url(../img/btn_edit_icon.png) no-repeat; background-size: cover;}
.detail_container .btn_wrap .btn.cancel::before {background: url(../img/btn_cancel_icon.png) no-repeat; background-size: cover; width: 15px; height: 15px; left: 25px;}
.detail_container .btn_wrap .btn.cancel.complete::before {background: url(../img/btn_sucess_icon2.png) no-repeat; background-size: cover; width: 20px; height: 20px; left: 20px;}
.detail_container .btn_wrap .btn.docu::before {background: url(../img/btn_docu_icon.png) no-repeat; background-size: cover;}
.detail_container .btn_wrap .btn.save::before {background: url(../img/btn_save_icon.png) no-repeat; background-size: cover; width: 18px; height: 18px; left: 22px;}
.detail_container .tit_wrap .right .btn.submit2::before, .detail_container .tit_wrap .right .btn.complete::before {background: url(../img/btn_submit2_icon.png) no-repeat; background-size: cover; width: 18px; height: 18px; left: 22px;}

.spellcheck_result_column, .original_content_column {height: 600px; overflow-y: scroll;}