@charset "UTF-8";

/* 달력 */
html.loaded .ui-widget,html.loaded .ui-widget input,html.loaded .ui-widget select,html.loaded .ui-widget textarea,html.loaded .ui-widget button{font-family:'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif;}
.ui-datepicker .ui-icon,.ui-widget-content.ui-datepicker .ui-icon,.ui-datepicker .ui-widget-header .ui-icon,.ui-datepicker .ui-state-hover .ui-icon,.ui-datepicker .ui-state-focus .ui-icon,.ui-datepicker .ui-button:hover .ui-icon,.ui-datepicker .ui-button:focus .ui-icon,.ui-datepicker .ui-state-active .ui-icon,.ui-datepicker .ui-button:active .ui-icon,.ui-datepicker .ui-state-highlight .ui-icon,.ui-datepicker .ui-button .ui-state-highlight.ui-icon,.ui-datepicker .ui-state-error .ui-icon,.ui-datepicker .ui-state-error-text .ui-icon,.ui-datepicker .ui-button .ui-icon {background-image: none}
.ui-datepicker .ui-datepicker-title{ margin: 0; text-align: center; padding: 7px 0; color: #000; font-weight: 700; font-size: 1.125rem; width: 100%; display: flex; align-items: center; justify-content: center; line-height: 30px}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month{ display: flex; align-items: center}
.ui-datepicker .PrevYr, .ui-datepicker .NextYr{width: 30px; height: 30px; margin-left: 0; margin-right: 15px}
.ui-datepicker .NextYr{ margin-left:5px; margin-right: 0}
.ui-datepicker .PrevYr:before, .ui-datepicker .NextYr:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display:block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\EA64"; font-size: 1.625rem; width: 30px; height: 30px; display: inline-block; vertical-align: middle; line-height: 30px;font-weight: 400; color: #bbb }
 .ui-datepicker .NextYr:before{content: "\EA6E";}
.ui-datepicker-title span{ display: inline-block; vertical-align: middle}
/* .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{   display: none} */
.ui-datepicker, #ui-datepicker-div{ padding: 0 ; width: 308px !important;border: 1px solid #c5c5c5 !important; display: none; background: #fff }
.ui-datepicker .ui-widget-header{ background: #fff ; border: none ;  border-radius: 0 }
.ui-datepicker table{  margin-bottom: 0; border-top: 0  }
.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default, .ui-datepicker .ui-button, html .ui-datepicker .ui-button.ui-state-disabled:hover, html .ui-datepicker .ui-button.ui-state-disabled:active{ border: none ; text-align: center; font-size:0.9375rem ;  color:#454545 !important; font-weight: 400; text-decoration: none   }
.ui-datepicker td span, .ui-datepicker td a{  height: 44px; line-height: 44px; padding: 0; width: 44px; display: block; border-radius: 100%}
.ui-datepicker th{ padding:0; font-size:0.9375rem !important; background: none !important; border: none !important; font-weight:700; color: #000; }
.ui-datepicker th span{ display: block; width: 100%; height: 50px;border-bottom: 1px solid #d9d9d9 !important; margin-bottom: 10px; line-height: 50px; color: #000}
.ui-datepicker .ui-state-highlight, .ui-datepicker.ui-widget-content .ui-state-highlight{border: 1px solid #46a5a8;;color: #46a5a8 !important;}
.ui-datepicker select.ui-datepicker-year + select.ui-datepicker-month{ margin-left: 5px}.ui-datepicker td{ color: #454545}
.ui-datepicker .ui-datepicker-header{ padding: 3px 0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{ margin:0 3px; width: 45%; border-color:#000}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{ display:none}
/*
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{ top: 0 !important; margin-top: 0; text-align: center; height: 33px; width: 33px; font-size: 0}
.ui-datepicker .ui-datepicker-prev{ left: 0 !important; margin-right: 15px; cursor: pointer; margin-left: 15px}
.ui-datepicker .ui-datepicker-next{ right: 0 !important; margin-left: 15px; cursor: pointer}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover span,.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover span{ background: none; top: 0; margin-top: 0; left: 0; margin: 0; height: 100%; width: 100%}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next:hover,.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover{ background:none; border: none}
.ui-datepicker .ui-datepicker-prev span:before, .ui-datepicker .ui-datepicker-next span:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display:block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\EA64";font-size: 1.625rem; text-indent: 0; height: 100%; line-height: 33px; text-align: center; font-weight: 400; color: #bbb  }
.ui-datepicker .ui-datepicker-next span:before{content: "\EA6E";}

 */
 .ui-datepicker th, .ui-datepicker td{height: 60px; border: none; text-align: center; padding: 0}
.ui-datepicker td{ width: 44px; height: 44px}
.ui-datepicker td:hover a.ui-state-default{ color: #46a5a8 !important}
.ui-datepicker{ display: none}
.ui-datepicker.ui-widget-content tr .ui-datepicker-week-end:first-child a, .ui-datepicker.ui-widget-content tr .ui-datepicker-week-end:first-child span {color: red !important;}
.ui-datepicker .ui-state-active, .ui-datepicker.ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active, .ui-datepicker a.ui-button:active, .ui-datepicker .ui-button:active, .ui-datepicker .ui-button.ui-state-active:hover{border: 1px solid #46a5a8;background:#46a5a8;color: #fff !important;}

input.dates,input.dates1{width:125px;padding-right:26px;text-align:left;border: 1px solid #cdd0db; background: none ; border: none }
.date_dash{display:inline-block;width:15px;height:30px;line-height:30px;text-align:center;font-size:0.9375rem;}
.date_w span.date, .date_box span.date{ position: relative; display: inline-block;border: 1px solid #999; background:none !important; border-radius: 0px; line-height: 1}
.date_w span.date:before, .date_box span.date:before{ position: absolute; right: 0; top: 0;width: 30px; line-height: 30px; color: #666f8c; content: ""; background: url("../img/ico_date.svg") no-repeat 50% 50%; background-size: 18px; height: 30px; display: block}
.date_w span.date input[type=text], .date_w span.date input[type=text]:read-only, .date_box span.date input[type=text], .date_box span.date input[type=text]:read-only{  cursor: pointer; position: relative; height: 28px}
.date_w span.date input:disabled{ cursor:auto !important}
.detail_table td .date_w span.date input[type=text], .detail_table td .date_w span.date input[type=text]:read-only, .detail_table td .date_box span.date input[type=text], .detail_table td .date_box span.date input[type=text]:read-only{ margin-top: 0;  width: 135px}

.date_w span.date, .date_box span.date{ display: inline-block; vertical-align: middle; position: relative}
input.dates:disabled,input.dates1:disabled{color:#aaa !important; background: rgba(0,0,0,0.03) !important }
span.clock{ display: inline-flex;vertical-align: middle;position: relative; align-items: center}
span.clock:before {font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display:block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\F20F";}

/*td span.date,td span.clock{ position: relative; height: 34px; display: inline-block}
td span.clock:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display:block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\EB25"; position: absolute; right: 0; top: 0;width: 30px; line-height: 34px; color: #666f8c; z-index: -1  }
td span.clock input[type="text"] {width: 120px; background: none !important; padding-right: 35px; z-index: 2}
td span.clock:before {content: "\F20F";}
*/


/* 탭 */
.nav-tabs {display: flex !important;width: 100%;overflow-x: auto; flex-wrap: nowrap !important;-ms-overflow-style: none; overflow: -moz-scrollbars-none; margin-bottom: 15px; position: relative}
.nav-tabs:after{ content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background: #cdd0db  }
.nav-tabs li{ flex-basis: auto !important; margin: 0 !important;}
.nav-tabs li + li a{ margin-left: -1px}
.nav-tabs>li>a.active,.nav-tabs>li>a.active:focus,.nav-tabs>li>a.active:hover {}
.nav-tabs>li>a {color: #555; padding: 0 30px; display: block; position: relative; height: 100%; line-height: 34px; font-size: 1rem; border: 1px solid #cdd0db; overflow: hidden}
.nav-tabs li:first-of-type a{ border-radius: 6px 0 0 0}
.nav-tabs li:last-of-type a{ border-radius: 0 6px 0 0}
.nav-tabs>li>a.active,.nav-tabs>li>a:hover {color: #fff !important;background:#46a5a8; border-color:#46a5a8 ; z-index: 2}
.cncg_layer [role="tabpanel"] { display: none}
.cncg_layer [role="tabpanel"].active{ display: block}
.tab-content {padding: 20px}
.nav-tabs::-webkit-scrollbar {display: none;}
.tab_contents:focus{ outline: none !important}
/* 텍스트 탭 + 스와이프 탭 */
.tab_bx.swipe{ display: flex; align-items: center; padding:5px 80px 5px 20px; position: relative;border-bottom: 1px solid var(--border-line-dark); background: #f5f5f5; margin-bottom: 10px;border-top: 1px solid var(--border-line-dark);}
.tab_bx.swipe li{ width: auto;}
.tab_bx.swipe .swiper-button-next, .tab_bx.swipe .swiper-button-prev{ position: relative; left: auto; top: auto; bottom: auto; right: auto; height: 100%; margin: 0; color: #000; width: 25px}
.tab_bx.swipe .swiper-button-next:after, .tab_bx.swipe .swiper-button-prev:after{ font-size: 1.12rem}
.tab_bx.swipe .swiper_tool{ display: flex; position: absolute; right: 0px; top: 0; width: 80px; height: 100%; z-index: 2;background-image: linear-gradient(to right,rgba(245,245,245,0) 0%,rgba(245,245,245,1) 30% ); justify-content: flex-end }

.tab_bx.swipe:before, .tab_bx.swipe:after{ position: absolute; left:-15px; top: 0; width: 15px; height: 100%; background: #fff; content: ""; display: block; z-index: 3}
.tab_bx.swipe:after{ left: auto; right: -15px;}
.tab_bx.swipe li button{ display: flex; gap:15px; align-items: center; justify-content: space-between; background: var(--gray); padding: 2px 10px; border-radius: 16px; color: #fff}
.tab_bx.swipe li button .tit{opacity: 0.88; font-weight: 400}
.tab_bx.swipe li button .num{font-size: 0.859rem;opacity: 1;}
.tab_bx.swipe li.active button{ background:var(--secondary) }
.sch_box + .list_w .tab_bx.swipe{ margin-top: -16px}
.list_w h3 + .tab_bx.swipe{ margin-top: 0 !important}
/* skip */
.skip_nav {position: absolute; height: 0}
.skip_nav a { display: block;left: -9000px;position: absolute;text-align: center;width: 400px; white-space: nowrap}
.skip_nav a:focus,.skip_nav a:active,.skip_nav a:hover {background-color:var(--contrast-hover);color: var(--primary-inverse);left: 0%;padding: 5px 0;position: absolute;top: 10px;    z-index: 1000000;}

/* 헤더 */
.wrap{ display: grid; grid-template-rows: 50px 1fr; grid-template-columns: 200px auto; height: 100%}

header{ grid-column: 1/3; background:var(--top-background-color); position: relative; z-index: 9}
header .head_bx {display: grid; grid-template-columns: 200px 1fr auto; height: 100%; align-items:  center;grid-gap: 25px; }
header h1{ width: 200px; background-color: var(--logo-background-color); color: var(--logo-color); height:50px; font-size: 1.44rem; display: flex; align-items: center; font-weight: 400; justify-content: center;font-family:'IBM Plex Sans KR',"Malgun Gothic","맑은고딕","AppleSDGothic","AppleGothic","Dotum","Arial",sans-serif; position: relative; padding-right: 50px; overflow: hidden}
header h1 .txt{height: 50px; overflow: hidden;display: flex; align-items: center; justify-content: center; text-align: center; font-size: 0;color:#000;}
header h1 .txt strong {display: block;align-items: center; background: #fff; width:150px; height: 50px; vertical-align: middle;white-space: nowrap;text-overflow: ellipsis; max-width: 100%; line-height: 50px; font-size:  1.44rem; overflow: hidden   }
header .main_nav{ display: flex; gap:25px; height: 100% }
header .main_nav li{ height: 100%}
header .main_nav a{ color: var(--gnb); font-size: 1.08rem; position: relative; font-family:'IBM Plex Sans KR',"Malgun Gothic","맑은고딕","AppleSDGothic","AppleGothic","Dotum","Arial",sans-serif; }
header .main_nav a:hover{ color: var(--gnb-hover);}
header .main_nav a:focus{ color: var(--gnb-focus);}
header .main_nav a.curr{font-weight: 700;color: var(--gnb-hover);}
header .user{ display: flex; justify-content: flex-end; gap:20px; align-items: center; height: 100%}
header .user .id, header .user .id a{ color: var(--gnb)}
header .user .id a:hover{ color: var(--gnb-hover)}
header .util_b{ height: 100%}
header .util_b .bt_logout{ background-color: var(--logo-background-color); color: var(--gnb-hover); height: 100%; padding: 0 20px; font-size: 0.92rem }
header .util_b .bt_logout:hover{ background-color:var(--primary) }
header .user i{ font-size: 1.25rem; font-weight: 400 !important; vertical-align: middle}
header .util_b .bt_alarm{ color: var(--primary-inverse);font-size: 1.15rem;font-weight: 400 !important;vertical-align: middle; position: relative; width:26px; height: 26px;  border-radius: 4px}
header .util_b .bt_alarm:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\ef91"; line-height: 26px}
header .util_b .bt_alarm .num{ font-size: 10px; position: absolute; right: 3px; top: 0; transform: translate(50%, -2px); background:var(--warning-hover); color: var(--primary-inverse); padding: 2px 4px; border-radius: 10px; display: block; height: 14px; line-height: 1}
header .util_b .bt_change{ background: var(--success); border: 1px solid var(--success-bd); padding:0 10px; color: var(--primary-inverse); border-radius: 4px; height: 26px; line-height: 24px }
header .util_b .bt_change:hover{ background: var(--success-hover); }

header .util_b .user_box{ position: relative}
header .util_b .layer_user{ position: absolute; padding:25px 16px 16px 16px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); right:0; transform: translateX(50px); top: 40px;  width: 255px; display: none}
header .util_b .layer_user:before{position:absolute;border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; content: ""; top: -10px; right: 50px}
header .util_b .layer_user .username{ text-align: center; padding: 16px}
header .util_b .layer_user .username .icon i{ font-size: 24px; display: block; margin: 0 auto 16px auto; background: var(--td-hover); border-radius: 6px; width: 40px; height: 40px; line-height: 40px; border: 1px solid var(--border-line)}
header .util_b .layer_user .username strong{ color: var(--primary)}
header .util_b .layer_user .bt_close{ position: absolute; right:35px; top: 25px; transform: rotate(-45deg); }
header .util_b .layer_user .bt_close:before, header .util_b .layer_user .bt_close:after{ content: ""; width: 2px; height: 15px; background: #000; position: absolute; left: 10px; top:0px}
header .util_b .layer_user .bt_close:after{ transform: rotate(90deg)}

header .util_b .layer_user .btn_bx{ display: flex; width: 100%}
header .util_b .layer_user .btn_bx button{  width: 100%}



/* lnb */
.bt_snb{ position: absolute; right: 0; top: 0; width: 50px; color: var(--gnb); height: 100% }
.bt_snb:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display:flex;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\EF3D"; height: 100%; align-items: center; justify-content: center }

.snb_pan{ background-color: var(--lnb-background-color); padding: 0; border-right: 1px solid var(--border-line); position: relative; display: flex; flex-direction: column; justify-content: space-between }
.snb_pan h2{ padding: 16px 16px 0 21px; color:var(--lnb-color); font-size: 0.95rem; opacity: 0.6}
.snb_pan ul.lnb_bx{ padding:0 16px 16px 16px }
.snb_pan ul>li >a{ font-size: 1.21rem; font-weight: 700;font-family:'IBM Plex Sans KR',"Malgun Gothic","맑은고딕","AppleSDGothic","AppleGothic","Dotum","Arial",sans-serif; width: 100%; height: 100%; display: block; align-items: center; padding-left: 5px; color: var(--lnb-color)}
.snb_pan ul>li >a.curr{ color: var(--primary)}
.snb_pan ul>li{ min-height: 45px; border-bottom: 1px solid var(--border-line-dark); display: flex; flex-direction: column; justify-content: center; padding: 10px 0; position: relative }
.snb_pan ul>li:after{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\EA13"; position: absolute; right: 0; top: 10px;font-size: 1.21rem;}
.snb_pan ul>li.no_depth:after{ display: none}
.snb_pan ul>li.current:after{content:"\F1AF";}
.snb_pan ul>li >ul{ padding: 10px 0; display: none}
.snb_pan ul>li >ul>li{  border-bottom: none;min-height: auto; padding: 0}
.snb_pan ul>li >ul>li:after{ top:2px;    font-size: 1.1rem; font-weight: 200}
.snb_pan ul>li >ul>li >a{ font-size: 1.1rem; font-weight: 400; padding: 3px 10px 3px 20px; font-weight: 600}
.snb_pan ul>li >a.curr + ul{ display: block}
.snb_pan .ccsenter_bx{ margin-bottom: 15px }
.snb_pan .ccsenter_bx p{ padding-left: 16px}
.snb_pan .ccsenter_bx h2{ padding-bottom: 10px}
/*페이지헤더*/
.page_header{ background: #eee; display: flex; justify-content: flex-end; align-items: center; gap:6px; font-size: 0.95rem  }
.page_header .tit_box{ display: flex; padding: 10px 16px; width: 100%; align-items: center}
.page_header .tit_box h2.tit{ font-size:1.52rem; padding-right: 10px}
.page_header .breadcrumb_box{ white-space: nowrap; padding: 0 10px }
.breadcrumb_box .home{ position: relative}
.breadcrumb_box .home:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none;   text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\EE1C"; vertical-align: middle; display: inline-block; color:var(--color); }
.breadcrumb_box .home a{ font-size: 0; width: 100%; height: 100%; display:block; position: absolute; left: 0; top: 0}
.page_header .tool_box{white-space: nowrap; padding: 0 10px 0 0 }
.breadcrumb_box span + span:before{ content: ">"; color: var(--lnb-color); padding: 0 3px}
.page_header .tool_box button:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none;   text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\F07F"; vertical-align: middle; color: var(--primary-inverse);width: 20px; height: 20px; color:var(--ins-color); border-radius: 100%; font-size: 20px}

/* 레이아웃 변경 */
.wrap.simple{grid-template-columns: 50px auto;}
.simple header .head_bx{grid-template-columns: 50px 1fr auto;}
.simple header h1{ width: 100%}
.simple header h1 a, .simple #snb, .simple .snb_pan .ccsenter_bx{ display: none}
.simple .bt_snb:before{content: "\EF40"}

/* 풋터 공지 */
.foot_noti{position: relative;overflow-x:  hidden;  width: 100%; padding-top: 12px  }
.footnoti_bx{background: var(--foot); padding: 20px 60px 18px 60px; border-top: 2px solid var(--border-line-dark); overflow:  hidden;  width: 100%; position: relative; z-index: 3; height: 128px }
.foot_noti .swiper-wrapper{ }
.foot_noti .tit{ height:1.6rem; overflow: hidden; font-weight: 600;white-space: nowrap;text-overflow: ellipsis; width: 100%; margin-bottom: 5px; font-size: 0.94rem}
.foot_noti .badge{ vertical-align: middle; margin-right: 5px; background:var(--schbtn); font-size: 0.8rem }
.foot_noti .badge.new{ background:var(--success)}
.foot_noti .badge.danger{ background:var(--danger)}
.foot_noti .badge.warning{ background:var(--warning)}
.foot_noti .txt{ height: 3.28rem; overflow: hidden; margin-bottom: 5px;font-size: 0.94rem}
.foot_noti li a{ display: block; width: 100%; height: 100%; overflow: hidden}
.foot_noti .date{ color:var(--gray);font-size: 0.94rem }
.foot_noti .swiper-button-next:after, .foot_noti .swiper-button-prev:after{ font-size: 2rem}
.foot_noti li a:hover .txt{ text-decoration: underline}
.foot_noti .swiper_bx{ margin: 0 auto; width: 100%; overflow: hidden}
.foot_noti .swiper-pagination{ width: auto; top: 0; left: auto; right: 20px; transform: translate(0,10px);  bottom: auto}
.foot_noti .swiper-pagination-current{ font-weight: 600; color: var(--primary)}
.foot_noti .bt_footnoti{ width:26px; height: 26px; border-radius: 100%; background: var(--gray);color: var(--primary-inverse); position: absolute; left: 50%; top: 0; transform: translate(-50%,0); z-index:4}
.foot_noti .bt_footnoti:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none;   text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\EA4E"; line-height: 26px; font-size: 1.3rem}
.content_wrap.simple .foot_noti{ overflow: hidden}
.content_wrap.simple .foot_noti .bt_footnoti:before{ content:"\EA78"}
.content_wrap.simple{ display: grid; grid-template-rows: 1fr 28px; }

/*검색*/
.sch_box{ display: flex; justify-content: space-between; padding: 10px 16px 10px 0;  align-items: flex-end; border-bottom: 1px solid var(--border-line-dark)}
.sch_box .sch{ display: flex; flex-wrap: wrap; flex-basis: 100%}
.sch_box .sch > *{ display: flex; align-items: center; gap:10px; padding: 5px 15px}
.sch_box .sch > *:before{ content: ""; width: 3px; height: 3px; background: var(--lnb-color); display: block}
.sch_box .sch > dl dt{ padding-right: 5px; font-weight: 600}
.sch_box .sch > dl dd{ flex: 1; display: flex; align-items: center}
.sch_box .sch select + *{ margin-left:5px}
.sch_box .tool_box{ padding: 0px 0 5px 0;display: flex; gap:10px}
.sch_box .tool_box button{ height: 30px; min-width: 30px;  font-size: 1.12rem;  border-radius: 4px; overflow: hidden}
.sch_box .tool_box button.bt_sch{background:var(--schbtn); color:var(--primary-inverse); padding: 0 35px; font-weight: 600}
.sch_box .tool_box button.bt_reset:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none;   text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\F064"; vertical-align: middle; color: var(--primary-inverse); background: var(--border-line-dark); width: 100%; height: 100%; display: block; line-height: 30px; font-size: 1.42rem; font-weight: 400}
/* 스와이퍼 */
.swiper_bx{ position: relative; overflow: hidden; }
/*****
내용
******/
.content_wrap{ display: grid; grid-template-rows: 1fr 140px; height: 100%; overflow-y: auto}
.container_center article{ padding: 16px 20px}
.content_bx{ overflow-y: auto}
/* 버튼 */
.buttons{ border: 1px solid var(--gray-dark); font-size: 0.91rem; padding: 0 10px; background:var(--background-color); color:  var(--gray-dark); height: 26px; font-size: 1rem; min-width: 66px }
.buttons:hover{background:var(--gray-dark);color:  var(--primary-inverse) }
.buttons.primary{ border-color: var(--primary); color: var(--primary)}
.buttons.primary_bg{ border-color: var(--primary); color: var(--primary-inverse);background:var(--primary);}
.buttons.secondary{ border-color: var(--secondary); color: var(--secondary)}
.buttons.alert{border-color: var(--alert-color); color: var(--alert-color)}


.buttons.primary:not(:disabled):hover{background:var(--primary);color:  var(--primary-inverse) } 
.buttons.primary_bg:not(:disabled):hover{background:var(--primary-hover);}
.buttons.secondary:not(:disabled):hover{background:var(--secondary);color:  var(--primary-inverse) } 
.buttons.alert:not(:disabled):hover{background:var(--alert-color);color:  var(--primary-inverse) } 

.buttons.secondary_bg{ border-color: var(--secondary); color: var(--secondary-inverse);background:var(--secondary);} 
.buttons.secondary_bg:not(:disabled):hover{background:var(--secondary-hover);}


/* 뱃지 */
 .badge.primary {background-color: #2e6da4;color: #fff}
 .badge.success {background-color: #4cae4c;color: #fff}
 .badge.info {background-color: #46b8da;color: #fff}
 .badge.warning {background-color: #eea236;;color: #fff}
 .badge.danger {background-color: #d43f3a;;color: #fff}
 .badge.gray {background-color:var(--gray-dark);;color: #fff}
/* 테이블내버튼 */
.tdbtn, .tdbtn:disabled:hover{ height:24px; border: 1px solid var(--gray); font-size: 0.91rem; padding: 0 10px; background:var(--background-color); color:  var(--gray-dark); min-width: 45px; white-space: nowrap }
.tdbtn:hover{background:var(--gray);color:  var(--primary-inverse) }
.tdbtn.primary, .tdbtn.primary:disabled:hover{border: 1px solid var(--secondary);background:var(--secondary); color:  var(--background-color)  }
.tdbtn.primary:hover{border: 1px solid var(--secondary-hover);background:var(--secondary-hover); }
.tdbtn.small{ padding: 0; min-width: 20px;  display: inline-flex; justify-content: center; align-items: center; height: 20px; border-radius: 3px}
.tdbtn.small i{ line-height: inherit}
.tdbtn.gray{ background: var(--gray); color: #fff}
.tdbtn.gray:hover{background:var(--gray-dark);}
.tdbtn i{ font-size: 1.142rem}
/* ax5 button */
.btn {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px;font-size: 1rem;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; min-width: 50px; background-color: var(--gray-light);border: 1px solid var(--gray);}
.btn:focus,.btn.focus,.btn:active:focus,.btn:active.focus,.btn.active:focus,.btn.active.focus {}
.btn:hover,.btn:focus,.btn.focus {color: #333;text-decoration: none}
.btn:active,.btn.active {outline: 0;background-image: none;-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {cursor: not-allowed;opacity: .65;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none}
a.btn.disabled,fieldset[disabled] a.btn {pointer-events: none}
.btn-default {color: #333;background-color: #fff;border-color: #ccc}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c}
.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad}
.btn-default:active,.btn-default.active,.open>.btn-default.dropdown-toggle {color: #333;background-color: #e6e6e6;border-color: #adadad}
.btn-default:active:hover,.btn-default:active:focus,.btn-default:active.focus,.btn-default.active:hover,.btn-default.active:focus,.btn-default.active.focus,.open>.btn-default.dropdown-toggle:hover,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle.focus {color: #333;background-color: #d4d4d4;border-color: #8c8c8c}
.btn-default:active,.btn-default.active,.open>.btn-default.dropdown-toggle {background-image: none}
.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled.focus,.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default.focus {background-color: #fff;border-color: #ccc}
.btn-default .badge {color: #fff;background-color: #333}
.btn-primary {color: #fff;background-color: #337ab7;border-color: #2e6da4}
.btn-primary:focus,.btn-primary.focus {color: #fff;background-color: #286090;border-color: #122b40}
.btn-primary:hover {color: #fff;background-color: #286090;border-color: #204d74}
.btn-primary:active,.btn-primary.active,.open>.btn-primary.dropdown-toggle {color: #fff;background-color: #286090;border-color: #204d74}
.btn-primary:active:hover,.btn-primary:active:focus,.btn-primary:active.focus,.btn-primary.active:hover,.btn-primary.active:focus,.btn-primary.active.focus,.open>.btn-primary.dropdown-toggle:hover,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle.focus {color: #fff;background-color: #204d74;border-color: #122b40}
.btn-primary:active,.btn-primary.active,.open>.btn-primary.dropdown-toggle {background-image: none}
.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled.focus,.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary.focus {background-color: #337ab7;border-color: #2e6da4}
.btn-primary .badge {color: #337ab7;background-color: #fff}
.btn-success {color: #fff;background-color: #5cb85c;border-color: #4cae4c}
.btn-success:focus,.btn-success.focus {color: #fff;background-color: #449d44;border-color: #255625}
.btn-success:hover {color: #fff;background-color: #449d44;border-color: #398439}
.btn-success:active,.btn-success.active,.open>.btn-success.dropdown-toggle {color: #fff;background-color: #449d44;border-color: #398439}
.btn-success:active:hover,.btn-success:active:focus,.btn-success:active.focus,.btn-success.active:hover,.btn-success.active:focus,.btn-success.active.focus,.open>.btn-success.dropdown-toggle:hover,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle.focus {color: #fff;background-color: #398439;border-color: #255625}
.btn-success:active,.btn-success.active,.open>.btn-success.dropdown-toggle {background-image: none}
.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled.focus,.btn-success[disabled]:hover,.btn-success[disabled]:focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success.focus {background-color: #5cb85c;border-color: #4cae4c}
.btn-success .badge {color: #5cb85c;background-color: #fff}
.btn-info {color: #fff;background-color: #5bc0de;border-color: #46b8da}
.btn-info:focus,.btn-info.focus {color: #fff;background-color: #31b0d5;border-color: #1b6d85}
.btn-info:hover {color: #fff;background-color: #31b0d5;border-color: #269abc}
.btn-info:active,.btn-info.active,.open>.btn-info.dropdown-toggle {color: #fff;background-color: #31b0d5;border-color: #269abc}
.btn-info:active:hover,.btn-info:active:focus,.btn-info:active.focus,.btn-info.active:hover,.btn-info.active:focus,.btn-info.active.focus,.open>.btn-info.dropdown-toggle:hover,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle.focus {color: #fff;background-color: #269abc;border-color: #1b6d85}
.btn-info:active,.btn-info.active,.open>.btn-info.dropdown-toggle {background-image: none}
.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled.focus,.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info.focus {background-color: #5bc0de;border-color: #46b8da}
.btn-info .badge {color: #5bc0de;background-color: #fff}
.btn-warning {color: #fff;background-color: #f0ad4e;border-color: #eea236}
.btn-warning:focus,.btn-warning.focus {color: #fff;background-color: #ec971f;border-color: #985f0d}
.btn-warning:hover {color: #fff;background-color: #ec971f;border-color: #d58512}
.btn-warning:active,.btn-warning.active,.open>.btn-warning.dropdown-toggle {color: #fff;background-color: #ec971f;border-color: #d58512}
.btn-warning:active:hover,.btn-warning:active:focus,.btn-warning:active.focus,.btn-warning.active:hover,.btn-warning.active:focus,.btn-warning.active.focus,.open>.btn-warning.dropdown-toggle:hover,.open>.btn-warning.dropdown-toggle:focus,.open>.btn-warning.dropdown-toggle.focus {color: #fff;background-color: #d58512;border-color: #985f0d}
.btn-warning:active,.btn-warning.active,.open>.btn-warning.dropdown-toggle {background-image: none}
.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled.focus,.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning.focus {background-color: #f0ad4e;border-color: #eea236}
.btn-warning .badge {color: #f0ad4e;background-color: #fff}
.btn-danger {color: #fff;background-color: #d9534f;border-color: #d43f3a}
.btn-danger:focus,.btn-danger.focus {color: #fff;background-color: #c9302c;border-color: #761c19}
.btn-danger:hover {color: #fff;background-color: #c9302c;border-color: #ac2925}
.btn-danger:active,.btn-danger.active,.open>.btn-danger.dropdown-toggle {color: #fff;background-color: #c9302c;border-color: #ac2925}
.btn-danger:active:hover,.btn-danger:active:focus,.btn-danger:active.focus,.btn-danger.active:hover,.btn-danger.active:focus,.btn-danger.active.focus,.open>.btn-danger.dropdown-toggle:hover,.open>.btn-danger.dropdown-toggle:focus,.open>.btn-danger.dropdown-toggle.focus {color: #fff;background-color: #ac2925;border-color: #761c19}
.btn-danger:active,.btn-danger.active,.open>.btn-danger.dropdown-toggle {background-image: none}
.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled.focus,.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger.focus {background-color: #d9534f;border-color: #d43f3a}
.btn-danger .badge {color: #d9534f;background-color: #fff}
.btn-link {color: #337ab7;font-weight: normal;border-radius: 0}
.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link {background-color: transparent;-webkit-box-shadow: none;box-shadow: none}
.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {border-color: transparent}
.btn-link:hover,.btn-link:focus {color: #23527c;text-decoration: underline;background-color: transparent}
.btn-link[disabled]:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus {color: #777;text-decoration: none}



/* 리스트 테이블*/
.listtable td, .listtable th{  height: 25px }
.listtable tbody tr td, .listtable tbody tr th{ background: #fff }
.listtable tbody tr:nth-of-type(2n+1) td, .listtable tbody tr:nth-of-type(2n+1) th{ background: #f6f6f6;}
.listtable tbody tr:hover td, .listtable tbody tr:hover th{ background: var(--td-hover)}
/*.listtable,.listtable td,.listtable th {overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}*/
.list_footer{ display: flex; justify-content: space-between;overflow: hidden;background-color:#d4d4d4;border: 0px none;border: 1px solid #d4d4d4; border-top: 0; height: 29px; align-items: center; padding: 0 10px}
.paging_inner button{box-sizing: border-box;min-width: 20px;border-radius: 5px;border: 0px none;background: transparent;font-size: 11px;color: #222;outline: 0;height: 20px;padding: 0 5px ; line-height: 20px}
.paging_inner button[data-page-selected="true"]{background-color: #888;color: #fff;}
.paging_inner button:hover{text-decoration: none;background: var(--lnb-color);color: var(--primary-inverse);}

/* resizable */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-e {cursor: col-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.table_head,.table_foot{ display: table; text-align: right; width:  100%; margin-bottom: 8px}
.table_foot{ margin-top: 8px; margin-bottom: 0}
.table_head > div,.table_foot > div{ display: table-cell}
.table_head > div.left,.table_foot > div.left{ text-align: left}
.table_head select,.table_foot select{ height: 26px; border-radius: 0}
h3{ padding-bottom: 10px; font-size: 1.32rem}
.container_center > h3{ padding: 16px 20px}
.table_head .left h3{ padding-bottom: 0}
td input[type="text"], td input[type="password"], td input[type="number"], td input[type="email"], td input[type="tel"],td select, td input[type="time"], td .date_w span.date, td .date_box span.date{ height: 24px}

td .date_w span.date input[type=text], td .date_w span.date input[type=text]:read-only, td .date_box span.date input[type=text], td .date_box span.date input[type=text]:read-only{ height: 22px}
td .date_w span.date:before, td .date_box span.date:before{ height: 24px}


label.default{ margin:2px 5px 2px 0; font-weight: 400 }
label.default input[type="radio"], label.default input[type="checkbox"]{ margin:  0; vertical-align: middle}
.listtable tbody tr td.nochk{ background:#f6f6f6 }
.listtable tbody tr td.nochk [type="checkbox"], .listtable thead tr th.nochk [type="checkbox"]{background-image: linear-gradient(to bottom,#fff,#F0F0F0); margin: 0 auto; vertical-align: middle}
/* 뷰테이블 */
.viewtable{ table-layout: fixed}
.viewtable tbody tr th{ background: #e0e5f0}
.viewtable tbody tr td{ background: #fff; text-align: left}
.viewtable .listtable thead tr th{ background: var(--gray)}
.viewtable .listtable tbody tr td{ text-align: center; }
.viewtable tbody tr th+th{background: #e0e5f0; }
.viewtable .viewtable tbody tr th{ background: var(--td-hover) !important;}


/* 멀티 */
.multitable{}
.multitable thead tr th{ background: #586576}
.multitable tbody tr th{ background: #e0e5f0; min-width: 80px }
.multitable tbody tr td{ background: #fff; text-align: left}
.multitable .listtable thead tr th{ background: var(--gray)}
.multitable .listtable tbody tr td{ text-align: center;}
.multitable .listtable tbody tr th{ background: var(--td-hover) !important;}

/* 텍스트 컬러 */
.primary-txt{ color: var(--primary) !important;}
.success-txt{ color: var(--success) !important;}
.danger-txt{ color: var(--danger) !important;}
.warning-txt{ color: var(--warning) !important;}
.info-txt{ color: var(--info) !important;}
a{ cursor: pointer}
/* 리스트박스 */
.over_y{ overflow: hidden; overflow-y: auto}
.list_bx.over_y{ background:#f9fafc; padding: 6px 16px}
.list_bx ul, .list_bx ul li{ list-style: outside disc; padding-left: 10px}
.list_bx ul li{ padding-left: 0px}
.list_bx ul li + li{ margin-top: 2px}
.list_bx >* + *{ margin-top: 4px}
.list_bx > p{ margin-left:-6px }
.list_bx p + p{ margin-top: 2px}
/* 그리드 */
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr:hover td{ background: var(--td-hover)}
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="page"] [data-ax5grid-page="holder"] [data-ax5grid-page="navigation"] [data-ax5grid-page-navigation="holder"] [data-ax5grid-page-move]{ height: 20px; padding: 0 5px !important; line-height: 20px}
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="page"] [data-ax5grid-page="holder"] [data-ax5grid-page="navigation"] [data-ax5grid-page-navigation="holder"] [data-ax5grid-page-move]:hover{ text-decoration: none; background: var(--lnb-color); color: var(--primary-inverse)}

[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="header"]{ background:#586576; color: #fff }
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-panel] table tr td:hover{ background: #304055}
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-column-sort]:after, [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-column-sort][data-ax5grid-column-sort-order="desc"]:after{border-top-color:#fff;}
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-column-sort]:before,[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-column-sort][data-ax5grid-column-sort-order="asc"]:before{border-bottom-color:  #fff;}

[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-panel] table tr td{box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.2); cursor: default}
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr.tr-2,[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr.tr-0,[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel][data-ax5grid-panel="top-aside-body"] table tr, [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel][data-ax5grid-panel="aside-body"] table tr, [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel][data-ax5grid-panel="bottom-aside-body"] table tr{    background: #f6f6f6;}
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr[data-ax5grid-selected="true"] {background: #e3f1ff;
}
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="page"]{ background: #dadada; border-color: #dadada}
[data-ax5grid] .form-control{ font-size: 1rem; padding: 0; height:100% }
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr td [data-ax5grid-cellHolder]{ line-height: 1.6; padding: 0 5px; font-size: 1rem}
[data-ax5grid] td .pic img{max-height: 50px; vertical-align: middle; }
[data-ax5grid] td .pic {display: inline-block;}
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr td [data-ax5grid-cellHolder] [data-ax5grid-editor="checkbox"]{ vertical-align: middle}
[data-ax5grid] .badge{ line-height: 1.15; display: inline-flex; align-items: center; justify-content: center; padding: 3px 5px;align-content: center; font-size: 0.9rem }
/* 모달 */
.ax5modal{ border: none; border-radius: 0; box-shadow:  rgba(0, 0, 0, 0.2) 0px 0px 10px 0px}
.ax5modal .ax-modal-header .ax-modal-header-addon [data-modal-header-btn]:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\EB99"; color: #fff; font-size: 1.42rem }
.ax5modal.danger .ax-modal-header .ax-modal-header-addon [data-modal-header-btn]:before{ color:#a94442 }

.ax5modal .ax-modal-header .ax-modal-header-addon [data-modal-header-btn="restore"]{ display: none}
.ax5modal.mini .ax-modal-header .ax-modal-header-addon [data-modal-header-btn="restore"]{ display: inline-block}
.ax5modal.mini .ax-modal-header .ax-modal-header-addon [data-modal-header-btn="minimize"]{ display: none}
.ax5modal .ax-modal-header .ax-modal-header-addon [data-modal-header-btn="minimize"]:before{ content: "\F1AF"}
.ax5modal .ax-modal-header .ax-modal-header-addon [data-modal-header-btn="restore"]:before{ content: "\EA66"}
.modal-container .ax5modal .ax-modal-header .ax-modal-header-addon [data-modal-header-btn="restore"]:before{ content: "\EA70"}
.ax5modal .ax-modal-header{  background:var(--primary); color:var(--primary-inverse); font-size: 1.16rem; font-weight: 400; border-radius: 0 }
.ax5modal .ax-modal-body{ overflow-y: auto}
.ax5modal .sch_box{ padding-left: 6px}
.ax5modal article{ padding: 16px}
.ax5modal .content{ padding:0; text-align: left;padding:16px 15px 0 15px}
.ax5modal .content > * + *{ margin-top: 16px}
.ax5modal .content .tit{ font-weight: 600}
.form_list{ }
.form_list li{ display: flex; align-items: baseline; position: relative }
.form_list .col{ flex-direction: column}
.form_list li + li{ border-top: 1px solid #eee; margin-top: 10px; padding-top: 10px}
.form_list li .f_tit{ flex-basis: 50%; margin-bottom: 0}
.form_list li .f_txt{color: #666; margin-top: 0 !important; flex-basis: 100%; margin-left: 20px}
.form_list li .f_txt > *{ vertical-align: middle}
.form_list li .f_txt > p+ p{ margin-top: 5px}
.form_list li.col .f_tit, .layer_wrap .form_list li.col .f_txt{ margin-left: 0 !important; width: 100%}
.form_list li.col .f_txt{ margin-top: 10px !important}
.btm_group{ border-top:1px solid #333; padding: 16px 0; text-align: center; display: flex; justify-content: center; margin: 16px 0; gap:5px}
.btm_group button{ height: 30px; width: 50%}
.form_list [type="file"]{  line-height: 32px; }
.btm_group .buttons{color: var(--background-color);background: var(--gray-dark);}
.btm_group .primary_bg{ background: var(--info); border-color:var(--info-bd)}
.btm_group .primary_bg:not(:disabled):hover{background: var(--info-hover);} 

.btm_group .danger_bg{ background: var(--danger); border-color:var(--danger-bd)} 
.btm_group .danger_bg:not(:disabled):hover{background: var(--danger-hover);} 



.modal-container{ position: fixed; left: 0; bottom:0; width: 300px;z-index: 9}
.modal-container .ax5modal{ position: relative; max-width:100%; left: auto !important; top: auto !important; margin: 5px !important}

/* 달력 */
.ax5-ui-calendar .calendar-control{ font-size: 17px}
.ax5-ui-calendar .calendar-control .date-display{ font-weight: 600}
.ax5-ui-calendar .calendar-control .date-display [data-calendar-display],.ax5-ui-calendar .calendar-body table td a{ text-decoration: none}
/* toast */
.ax5-ui-toast-container .ax5-ui-toast{ padding: 6px}
.ax5-ui-toast-container .ax5-ui-toast .ax-toast-body{ padding: 4px 4px 2px 0; vertical-align: top}
.ax5-ui-toast-container .ax5-ui-toast .ax-toast-icon{ font-size: 1.2rem; padding: 0 4px; vertical-align: top; width: 2rem}
.ax5-ui-toast-container .ax5-ui-toast .ax-toast-buttons{ padding: 0 0 0 4px;vertical-align: top}
.ax5-ui-toast-container .ax5-ui-toast .ax-toast-body a{ text-decoration: underline}
.ax5-ui-toast-container .ax5-ui-toast .ax-toast-buttons .btn{ min-width: auto}
/* 알람 */
.alarm_pannel{position: fixed; right:-350px; top: 0; height: 100%; width: 50px; background:var(--background-color); z-index:-5; border-left: 1px solid var(--gray); padding-top: 50px}
.alarm_pannel.active{right: 0; width: 250px;  z-index:5; }

.alarm_header{ padding:17px 10px 10px 10px; display: flex; position: relative; justify-content: center; align-items: flex-end; gap:8px }
.alarm_header .bt_close{ position: absolute; left: -13px; top: 10px; width: 26px; height: 26px; border: 1px solid var(--gray); background: #fff; border-radius: 100%; z-index: 6; display: flex; align-items: center; justify-content: center; color: var(--gray-dark);font-size: 1.25rem; transition: transform .3s; }
.alarm_header .bt_close:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none;   text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\EB99"; }
.alarm_header .bt_close:hover{ box-shadow:var(--button-hover-box-shadow); border-color: var(--gray-dark);color: var(--color);transform: scale(1.1) }
.alarm_header .total{ font-size: 0.95rem; color: var(--gray);}
.alarm_header h2{ font-size: 1.2rem; }

.alarm_pannel .ax5-ui-toast-container{ position: relative; z-index: auto; padding: 0 10px 16px 10px;height: calc(100% - 70px); overflow-y: auto}
.alarm_pannel .ax5-ui-toast-container .ax5-ui-toast{ border-radius: 0; width: 100%;border: 1px solid var(--gray); padding-left: 12px; border-width: 1px 1px 1px 4px;border-radius: 4px 0 0 4px; box-shadow: 2px 2px 1px rgba(0,0,0,0.18); opacity: 1; margin: 7px 0; font-size: 0.92rem}
.alarm_pannel .ax5-ui-toast-container .ax5-ui-toast.primary{ border-left-color:var(--primary); }
.alarm_pannel .ax5-ui-toast-container .ax5-ui-toast.success{ border-left-color:var(--success); }
.alarm_pannel .ax5-ui-toast-container .ax5-ui-toast.danger{ border-left-color:var(--danger); }
.alarm_pannel .ax5-ui-toast-container .ax5-ui-toast.warning{ border-left-color:var(--warning); }
.alarm_pannel .ax5-ui-toast-container .ax5-ui-toast.info{ border-left-color:var(--info); }
.alarm_pannel .ax5-ui-toast-container .ax5-ui-toast .date{ color: var(--gray-dark); margin-bottom: 4px; font-size: 0.95rem}

.alarm_pannel .alarm_footer .bt_more{ background-color: var(--logo-background-color); color: var(--gnb-hover); height: 100%; padding: 0 20px; display: block; padding: 10px; width: 100%; border-radius: 0 }
.alarm_pannel .alarm_footer .bt_more:hover{ background-color:var(--primary) }
.alarm_pannel .alarm_footer .bt_more:disabled{ opacity: 0.6; filter: grayscale(0.5); color: var(--gray)}
.alarm_pannel .alarm_footer{ position: absolute; bottom:0; width: 100%}
.alarm_pannel .btn.bt_del{ min-width: auto; background: none; border: none }

/* 파일업로드 -ax5*/
.upload_w{padding: 10px 16px 10px 0;align-items: flex-end;border-bottom: 1px solid var(--border-line-dark);}

.upload_bx.upload_type1{ display: flex; width: 100%; justify-content: space-between; align-items: center; gap:10px; position: relative}
.upload_bx.upload_type1 > div:first-of-type{ width: 100%; display: flex; align-items: center; gap:10px}
.upload_bx.upload_type1 [data-ax5uploader-uploaded-box]{ min-height: 30px; width: 100%; background: #f9fafc; border: 1px dashed var(--gray)}
.upload_w .upload_bx.upload_type1{ align-items: flex-end}
.upload_w .upload_bx.upload_type1 [data-ax5uploader-uploaded-box]{ min-height: 60px; margin: 0}
.upload_bx [data-ax5grid]{ margin-top:5px; margin-bottom: 5px}
.upload_bx [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-panel] table tr td{ background:#586576;font-size: 0.875rem; }
.upload_w [data-ax5uploader] [data-ax5uploader-button="selector"]{ width:100%; margin-bottom: 3px}
.upload_w .filesize{ display: block; font-size: 0.95rem; white-space: nowrap; color: gray}
.upload_bx [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-panel] table tr td [data-ax5grid-cellHolder]{font-size: 0.875rem;}
.upload_bx .tool_box button {height: 30px;min-width: 30px;font-size: 1.12rem;border-radius: 4px;overflow: hidden;}
.upload_bx .tool_box .bt_upload{background: var(--schbtn);color: var(--primary-inverse);padding: 0 35px;font-weight: 600;}

.upload_bx .tool_box {padding: 0px 0 0px 0;display: flex;gap: 10px;}
.upload_bx .tool_box button.bt_reset:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none;   text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\F064"; vertical-align: middle; color: var(--primary-inverse); background: var(--border-line-dark); width: 100%; height: 100%; display: block; line-height: 30px; font-size: 1.42rem; font-weight: 400}


/* 파일업로드-예전버전 */


[data-upload-role="file_list"] .list .filename{ display: flex; align-items: center}
[data-upload-role="file_list"] .list .filesize{padding-left: 5px;}

[class*="old_upload_"]{display: flex; width: 100%; justify-content: space-between; align-items: flex-end; gap:10px; position: relative;}

[class*="old_upload_"] input[type="file"]{ opacity:0;position:absolute; left:0px; top:0px;width: 100%;  height: 100%; z-index: 2; cursor: pointer}
.upload_w [class*="old_upload_"] .drop_zone{min-height: 60px;}

[class*="old_upload_"] .drop_zone{border-radius: 5px;padding: 7px;cursor: pointer;width: 100%;background: #f9fafc;border: 1px dashed var(--gray); margin: 0;}
[data-upload-role="file_list"] > *{color: #000; display: inline-flex; background: #f5f5f5 ; margin: 2px;border: 1px solid #aaa;border-radius: 4px;box-sizing: border-box;padding: 0;padding:0 6px 0 26px;position: relative;max-width: 100%;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;white-space: nowrap; align-items: center; z-index: 5; cursor: auto}

[data-upload-role="file_list"] .bt_del, [data-upload-role="file_list"] .bt_dn{background-color: transparent;border: none;border-right: 1px solid #aaa;border-top-left-radius: 4px;border-bottom-left-radius: 4px;color: #999;cursor: pointer;font-size: 1rem;font-weight: bold;padding: 0 6px;position: absolute;left: 0;top: 0; height: 100%; display: block; width: 19.53px}
[data-upload-role="file_list"] .bt_del:before{ content: "x"; }
[data-upload-role="file_list"] .bt_dn{ display: flex; align-items: center; justify-content: center;font-size: 1rem; }
[data-upload-role="file_list"] .bt_dn:before{content:"\EC5A";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }

[class*="old_upload_"] .uploadbtn_box{ align-self: flex-start; text-align: center; position: relative}
[data-upload-role="file_add"]{ width: 100%}
[class*="old_upload_"] .drop_zone .list .filesize{ padding-left: 5px}
.list[data-upload-role="file_list"] i.thum{ display: inline-block; width:30px; height:30px; overflow: hidden; object-fit: fill; border: 1px solid #ddd; border-width: 0 0 1px 0; background: #fff; margin-left: -8px; margin-right: 8px }
.list[data-upload-role="file_list"] i.thum img, .list[data-upload-role="file_list"] i.thum video{ vertical-align: middle}
.list[data-upload-role="file_list"] i.thum video, .list[data-upload-role="file_list"] i.thum video source{ width: 100%; height: 100%}
.list[data-upload-role="file_list"] .filename{ display: flex; align-items: center; gap:3px;}
.list[data-upload-role="file_list"]{ display: flex; flex-wrap: wrap; align-items: flex-start}


.list[data-upload-role="file_list"] .big_thum i.thum{ width: 90px;height: 90px; background: none; margin:0 0 4px 0; border-width: 1px 1px 1px 1px}
.list[data-upload-role="file_list"] .big_thum .filename{ flex-direction: column; width: 90px; white-space: normal}
.list[data-upload-role="file_list"] .big_thum{ padding: 6px; align-items: flex-end; display: block}
.list[data-upload-role="file_list"] .big_thum .bt_del, .list[data-upload-role="file_list"] .big_thum .bt_dn{ position: absolute; left: auto; right: 0; height:20px; border:1px solid #ddd; border-width: 0 0 1px 1px; background: #f5f5f5}


[data-upload-role="placeholder"]{ text-align: center; color: rgba(0,0,0,0.5)}
/* 파일업로드-예전버전




.upload_wrap { border-bottom: 1px solid #eee;  }
.newfile_box{ position:relative; margin-bottom:20px;text-align:left; border:2px dashed #999; min-height:60px; color:#999;  }
.newfile_box input[type="file"]{ opacity:0;position:absolute; left:10px; top:15px;width: 110px;  height: 30px; z-index: 2}
.newfile_box button.addfile{ position:absolute; left:10px; top:15px; min-width: 55px;background: #fff;    border: 1px solid #0195df;color: #0195df; height:30px; padding:0 15px; z-index: 2}
.newfile_box button.addfile:before{content: "\ED70";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; padding-right:5px }
.newfile_box .txt{ color: #999; line-height: 60px; text-align: center  }
.newfile_box .list{ color: #111;  text-align: left; padding:5px 20px 0px 20px; word-break: break-all }
.newfile_box button.bt_del:before{content:"\EB97";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle;  text-align: center; color: #aaa; margin-left: 10px; font-size: 20px}
.upload_wrap .btn_upload{ text-align: center}
.newfile_box .list p{ padding-bottom: 5px}
.newfile_box .list p:last-of-type{ margin-bottom: 12px}
.newfile_box .list p .filesize{ color:#888; padding-left: 10px }
.newfile_box .list p a{ color: #111}
.newfile_box .list p a:hover{ text-decoration: underline}
.upload_wrap .totalsize{ position: absolute; right: 10px; top: 10px}
 */

/* select2*/
.select2-container { min-width: 120px; text-align: left !important }
.max + .select2-container{ display: block; width: 100% !important}
.select2-hidden-accessible{ width: 1px !important}

.select2-container--default .select2-selection--single{ height: 24px !important; border: 1px solid #cdd0db;; border-radius:  0 !important; font-size: 1rem; border-radius: 0 !important}
.search_wrap .select2-container--default .select2-selection--single{ border: 1px solid #dfe6ef; border-radius: 0 !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 24px !important; color: #000; padding-left: 15px; padding-right: 30px}



.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 24px !important; width: 30px !important}
.select2-container--default .select2-selection--single .select2-selection__arrow b{background:url(../img/select.svg)no-repeat center top 50% !important;  box-sizing: border-box !important;  background-size: 7px !important; border: none !important; display: block; width: 100% !important; height: 100% !important; margin: 0 !important; position: relative !important; top: auto !important; left: auto !important}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ transform: rotate(180deg)}
.sch_box .select2-container--default .select2-selection--single{ height: 30px !important}
.sch_box .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 30px !important}
.sch_box .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 30px !important}
.sch_box .sch select + .select2{ margin-left: 0}

.select2-container--default.select2-container--focus .select2-selection--multiple{ padding-bottom: 0 !important; min-height: 24px !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{ color: #000; font-size: 0.9rem; line-height: 1}
.select2-container--default .select2-selection--multiple .select2-selection__choice{ background: #f5f5f5 !important; margin: 1px 2px !important}
.select2-container .select2-selection--multiple .select2-selection__rendered{ }
.select2-container--default .select2-selection--multiple{ border: 1px solid #dfe6ef; border-radius: 0 !important; padding: 0; margin: 0; padding-right: 50px; min-height: 24px !important; padding-bottom: 0 !important; }
.select2-container .select2-search--inline .select2-search__field{ margin: 0 !important}
.select2-container--default .select2-selection--multiple:before{background:url(../img/select.svg)no-repeat center top 50% !important;  box-sizing: border-box;  background-size: 7px !important; border: none !important; display: block; width:30px !important; height:24px !important; margin: 0 !important; position: absolute !important; top: 0 !important; right:0 !important; content: ""}
.select2-container--default .select2-selection--multiple:after{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #757575; content:"\EE75"; vertical-align: middle; position: absolute; right: 25px; top: 0;display: block; width: 30px; text-align: center; line-height: 24px}
.select2-container--default .select2-selection--multiple .select2-search.select2-search--inline{ margin-left: 8px}

.select2-container .select2-search--inline .select2-search__field{ height: 24px !important; margin: 0 !important; line-height: 24px !important; padding: 0px 15px ; box-sizing: border-box;}
.select2-search--dropdown{ background:#f0f4fb; padding: 0 0 0 46px !important; border-bottom: 1px solid #d1d9e6; position: relative; }
.select2-search--dropdown:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #757575; content:"\F0D1"; vertical-align: middle; position: absolute; left: 0; top: 0;display: block; width: 40px; text-align: center; line-height:26px; color: #5897fb; padding-left: 15px; text-align: left }
.select2-search--dropdown:after{ content: ""; width: 1px; height: 15px; position: absolute; left: 36px; top:6px; background:rgba(0, 105, 217,0.24);}


.select2-container--default .select2-search--dropdown .select2-search__field{outline: none !important; border-color:rgba(0,0,0,0) !important; background: rgba(0,0,0,0); font-size: 1rem;font-weight:600; color:rgb(0, 105, 217); padding: 0 4px !important; line-height: 24px !important}
.select2-dropdown{ border: 1px solid #aaa !important; margin-top: -1px !important}
.select2-results__message.select2-results__option{ padding: 10px !important; text-align: center; justify-content: center}
.select2-results__option{ padding-left: 15px !important; padding-right: 15px !important; display: flex; align-items: center; }
.select2-results__options{width: 100% !important}
.select2-container--default .select2-results__group{font-size: 0; padding: 0}
.select2-container--open{ z-index: 9999}
/* 마스크 */
.ax-mask .ax-mask-bg{ opacity: 0.75}

/* 다이얼로그 */
.ax5-ui-dialog{border: 1px solid var(--border-line-dark); border-radius: 0; box-shadow:  rgba(0, 0, 0, 0.11) 5px 5px 0px 0px}
.form-control{ border-radius: 0; border-color: #999 }
.form-control:focus{ box-shadow: none}

/* nodata */
.nodata{ display: flex; justify-content: center; align-content: center; align-items: center; height: 100%; min-height: 50px; padding: 30px 0; flex-direction: column}
.nodata:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #757575; content:"\EE59"; font-size: 2.6rem; color:var(--border-line)}
.foot_noti .nodata{ padding: 0}
/*  로그인 */
.login_wrap{ width: 100%; height: 100%; min-width: 100vw; min-height: 100vh; margin: 0; padding: 0; background: #f5f5f5 url("../img/bg01.png") no-repeat 50% 50%; background-size: cover; display: flex; align-items: center; justify-content: center}
.login_wrap .login_bx{ padding:60px; background: #fff; box-shadow: 0 10px 35px 0 rgba(132, 132, 132, 0.1); display: flex; flex-direction: column; align-items: center}
.login_wrap .login_bx  :lang(en){ display: block; font-size: 1rem; color: gray}
.login_wrap h1{ margin-bottom: 40px; text-align: center; font-size: 2rem}
.login_wrap h1 strong{ color:var(--primary); display: block}
.login_wrap h1 img{ width: 210px}
.login_wrap input[type="text"], .login_wrap input[type="password"]{ margin: 0 0 15px 0 !important; width: 360px; height: 50px; padding: 0 15px }
.login_wrap .bt_login{ background:var(--primary); height: 60px; width: 100%; margin-top: 20px; color: #fff; font-size: 18px;letter-spacing: -0.54px; font-weight: 500}

.login_wrap .save{ margin-top: 0px; text-align: left; width: 100%; line-height:20px; vertical-align: top; display: flex; align-items: center;}
.login_wrap .save .chk input[type="checkbox"]{ top: 0}
.login_wrap .save .chk input[type="checkbox"]+ span:before, .login_wrap .save .chk input[type="checkbox"]:checked + span:before{ background: #fff; border: none}
.login_wrap .save .chk input[type="checkbox"] + span:after{position: absolute;left: 0;top: 0;width: 20px;height: 20px;display: block;   font-family: "remixicon";font-style: normal;speak: none;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\EB7B";font-weight: normal;color: #ddd; font-size: 18px; line-height: 1}
.login_wrap .save .chk input[type="checkbox"] + span{ color: #ccc}
.login_wrap .save .chk input[type="checkbox"]:checked + span:after{ color:var(--primary); font-size: 18px; font-weight: bold;}
.login_wrap .save .chk input[type="checkbox"]:checked + span{ color: #454545}
.login_wrap .ccsenter_bx{ text-align: left; width: 100%; margin-top: 20px; color: var(--gray)}



/* loader */
.loading_bx{transition: all .2s ease;display: table;position:absolute;top:50%;left:50%;z-index:110;transform:translate(-50%, -50%); text-align: center }
.loading{ background: #0069d9;  width:110px; height: 48px; border-radius: 24px; margin: 0 auto 10px auto }
.loader:before{content: "";position: absolute;top: 0px;height: 12px;width: 12px;border-radius: 12px;-webkit-animation: loader9g 1.5s ease-in-out infinite;animation: loader9g 1.5s ease-in-out infinite;}
.loader{position: relative;width: 12px;height: 12px;top:19px;left: 46%;border-radius: 12px;background-color: #fff;}
.loader:after{content: "";position: absolute;top: 0px;height: 12px;width: 12px;border-radius: 12px;-webkit-animation: loader9d 1.5s ease-in-out infinite;animation: loader9d 1.5s ease-in-out infinite;}
@-webkit-keyframes loader9g{
    0%{ left: -25px; background-color: rgba(255,255,255, .8); }
    50%{ left: 0px; background-color: rgba(255,255,255, .1);}
    100%{ left:-25px; background-color: rgba(255,255,255, .8); }
}
@keyframes loader9g{
    0%{ left: -25px; background-color: rgba(255,255,255, .8); }
    50%{ left: 0px; background-color: rgba(255,255,255, .1);}
    100%{ left:-25px; background-color: rgba(255,255,255, .8); }
}
@-webkit-keyframes loader9d{
    0%{ left: 25px; background-color: rgba(255,255,255, .8); }
    50%{ left: 0px; background-color: rgba(255,255,255, .1);}
    100%{ left:25px; background-color: rgba(255,255,255, .8); }
}
@keyframes loader9d{
    0%{ left: 25px; background-color: rgba(255,255,255, .8); }
    50%{ left: 0px; background-color: rgba(255,255,255, .1);}
    100%{ left:25px; background-color: rgba(255,255,255, .8); }
}


/* 팝업 템플릿
-------------------------------------------------------------- */
/* 공지 */
.pop_header{ display: flex; justify-content: space-between; gap:10px}
.pop_header .tit{ font-size: 1.1rem}
.pop_header .badge{ margin: 0;background: var(--schbtn); font-size: 0.95rem}
.pop_header .badge.new{ background:var(--success)}
.pop_header .badge.danger{ background:var(--danger)}
.pop_header .badge.warning{ background:var(--warning)}
.pop_header .date{ color:var(--gray); white-space: nowrap}
.pop_header .badge + .title{ color: var(--schbtn)}
.pop_header .badge.new + .title{ color: var(--success)}
.pop_header .badge.danger + .title{ color: var(--danger)}
.pop_header .badge.warning + .title{ color: var(--warning)}
[data-pop="system_noti"] .over_y{ border: 1px  solid var(--border-line); padding: 6px; height: 150px}
.ax5modal .content .over_y{ overflow-y: scroll}
/* 비밀번호 변경 */
.guide, [class^="guide_"]{ font-size: 0.92rem; line-height: 1.3}
.guide:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\ECA0"; vertical-align: middle; margin-right: 3px; }
.must{ font-size:0}
.must:before{text-transform: none;vertical-align: top; background: #BB007A; content: ""; width: 6px; height: 6px; border-radius: 100%; margin-top: 3px; display: inline-block; margin-top: 3px  }
[data-pop="pw_modi"] .form_list li .f_tit{ flex-basis: 30%}
[data-pop="pw_modi"] .form_list li .f_txt{ display: flex; gap:6px; align-items: center; justify-content: space-between}

/*단지코드 변동 내역*/
.ax5modal .content article{ padding: 0}
/* 아파트 검색 결과 */
.ax5modal .content .sch_box{ padding: 0 0 10px 0}
.ax5modal .content .sch_box .sch > *{ padding-left: 0}



/* 입력그리드 */
.container.grid{ display: grid;grid-template-rows: 1fr;  grid-template-columns: min-content 1fr; height: 100%;;grid-gap: 0px; border: 4px solid #ccc; margin: 0 16px; max-height: calc(100vh - 310px); }
.content_wrap.simple .container.grid{max-height: calc(100vh - 190px); }
.grid .tree_bx{ background: #f9f9f9; height: 100%; overflow: auto;resize: horizontal;min-width:350px;max-width: 45vw; border-right: 1px solid #ddd}
.grid .detail_bx{overflow-y: auto}
.grid .detail_bx .depth{ font-weight: 700; height: 100%; }

.tree_bx .ui-resizable-e{ width: 7px; right: 0;cursor: col-resize;}


.tree_bx .tree{padding: 0 16px}
.tree_header{ padding: 16px; display: flex; flex-wrap: wrap; gap:10px; align-items: center; justify-content: space-between; background: rgba(0,0,0,0.05); margin-bottom: 10px}

.tree_header .sch{ width: 100%; display: flex; align-items: center}
.tree_header .sch:before{ color: #999;font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\F0D1"; display: block; width: 26px  }
.tree_header .sch .sch_tree{ width: 100%}
.tree_header .btn{ border: none; background: none; padding: 0}
.tree_header .btn button+button{ border-left: 1px solid #ccc}
.tree_header .btn button{ padding: 0 5px; display: inline-flex; align-items: center;  }
.tree_header .sch.sching:before{ display: none}
.tree_header .sch.sching .bt_sch{ width: 30px; height: 30px; border: 1px solid #999; position: relative; z-index: 2; margin-left: -1px; background: #fff }
.tree_header .sch.sching .bt_sch:hover, .tree_header .sch .sch_tree:focus + .bt_sch{border-color: var(--primary); background:  var(--primary); color: #fff}



.labeling{ display: inline-flex; gap:0 15px}



/* 탭 */
.tab_list_w{ display: flex; position: relative; margin-bottom: 16px; position: relative}
.tab_list_w:after{ position: absolute; left: 0; bottom: 0; width: 100%; content: ""; background: #000; height: 1px}
.tab_list_w li{ border: 1px solid #000; padding: 10px; border-radius: 4px 4px 0 0; border-width: 1px 1px 0 1px; margin-right: -1px; min-width: 100px}
.tab_list_w li.active{ background: #000;}
.tab_list_w li button{ font-weight: bold; color: #000; width: 100%; height: 100%}
.tab_list_w li.active button{ color: #fff;}

hr{  display: block; height: 1px; border: none;margin: 20px 0; background: #aaa}
/* 카드형 리스트 */
.card_bx ul.list{ display: flex; flex-wrap: wrap; gap:16px; }
.card_bx ul.list li{border: 1px solid #ddd; width: 250px; flex-direction: column; justify-content: space-between; display: flex }
.card_bx ul.list li > *{ padding:10px}
.card_bx ul.list li .tit{ font-weight: bold}
.card_bx ul.list li [class^="guide"] label, .card_bx ul.list li [class^="guide"]{ color: #666; }
.card_bx ul.list li .btn_bx{ display: flex; justify-content: flex-end; gap:5px; background: #f5f5f5; padding: 5px; border-top: 1px solid #ddd}
.card_bx ul.list li.active{ border-color: #999}
.card_bx ul.list li.readonly{ background: #f9f9f9}
.card_bx ul.list li.readonly :disabled{ filter: grayscale(.63)}
h4{ margin-bottom: 8px}

/* faq형 */

.accor_q{ display: none; background: #fff !important}
.accor_q td{ background: #fff !important}
.edit_view{ min-height: 300px; text-align: left}
.tarea_view{min-height: 100px; }
.td_foot{ display: flex; justify-content: space-between; align-items: flex-end; gap:50px }
.edit_view + .td_foot{ border-top: 1px solid #ddd; padding-top: 10px; padding-bottom: 10px}
.td_foot .right{ flex: none;}
/* 이미지 스와이퍼 */
.pic_bx{ position: relative}
.pic_bx .swiper_bx{ position: relative}
.pic_bx .swiper_bx ul{ }
.pic_bx .swiper_bx .swiper-slide{ width: 150px; height: 100%; flex: none;}
.pic_bx .swiper_bx .swiper-slide img{max-width: calc(100% - 10px);height: 100px; margin: 5px}
.pic_bx .swiper_bx .swiper-slide figure{position: relative; overflow: hidden; text-align: center;  }
.pic_bx .swiper_bx .swiper-slide figure:before{ position: absolute; background: #f2f2f2; border: 1px solid #eee;; content: ""; width: 100%; height: 110px; display: block; z-index: -1}
.pic_bx .swiper_bx .swiper-slide > button, .pic_bx .swiper_bx .swiper-slide > a{ width: 100%; height: 100%; position: relative; display: block}


.pic_bx .swiper-button-next:after, .pic_bx .swiper-button-prev:after{ font-size: 2rem}

.pic_bx .swiper-button-next, .pic_bx .swiper-button-prev{ color: #000}
.pic_bx .swiper_bx .swiper-slide:hover figure:before{ border-color: #000}
/*.list_bx ul, .list_bx ul li{ list-style: outside disc; padding-left: 10px}
.list_bx ul li{ padding-left: 0px}
.list_bx ul li + li{ margin-top: 2px}
.list_bx >* + *{ margin-top: 4px}*/
[data-list-default],[data-list-default] li{ }
[data-list-default] + [data-list-default]{ margin-top: 4px}
[data-list-default] li{ padding-left: 14px; position: relative; display: flex}
[data-list-default] li + li{ margin-top: 2px}

[data-list-default] li:before{ position: absolute; left: 0; top: 6px; width: 4px; height: 4px; background: #000; content: ""; display: block; border-radius: 100% }

[data-list-default] li.no_blet:before{ display: none}


[data-list-default="inline-block"]{ display: flex; gap:2px 30px; flex-wrap: wrap}
[data-list-default="inline-block"] li{ align-items: center; padding-left: 0}
[data-list-default="inline-block"] li:before{ position: relative; left: auto; top: auto; margin-right: 10px}

/**/
label.default{ margin-right: 15px}
label.default:last-of-type, label.chk:last-of-type, label.disabled:last-of-type,label+label:last-of-type{ margin-right: 5px}


/**/
.flex .btn_arrow_bx{ height:100%; display:flex; justify-content: center; align-items: center; align-content: center; align-self: center; gap:10px; margin: 10px ; flex-direction: column}

.flex .btn_arrow_bx button{ height: 40px; width: 40px; padding: 0; min-width:auto; border-radius: 6px}
.flex .btn_arrow_bx button i{ font-size: 1.62rem}


/* 토글버튼 */

.tgl { display: none;}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before { box-sizing: border-box;}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection {  background: none;}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection{ background: none;}
.tgl + .tgl-btn { outline: 0;  display: block;    height:20px;  position: relative;  cursor: pointer;user-select: none; display: inline-block}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {  position: relative;  display: block;  content: "";  width: 14px;  height: 14px;}
.tgl + .tgl-btn:after {  left: 0;}
.tgl + .tgl-btn:before {  display: none;}
.tgl:checked + .tgl-btn:after {  left: 50%;}
/*
.tgl-flip + .tgl-btn {  padding: 2px;  transition: all 0.2s ease;  font-family: sans-serif;  perspective: 100px;}
.tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {  display: inline-block;  transition: all 0.4s ease;  width: 100%;  text-align: center;  position: absolute;  line-height: 2em;  font-weight: bold;  color: #fff;  position: absolute;  top: 0;  left: 0;  -webkit-backface-visibility: hidden;backface-visibility: hidden;  border-radius: 4px;}


.tgl-flip + .tgl-btn:after {  content: attr(data-tg-on);  background: #02C66F;  transform: rotateY(-180deg);}
.tgl-flip + .tgl-btn:before {  background: #FF3A19;  content: attr(data-tg-off);}
.tgl-flip + .tgl-btn:active:before {  transform: rotateY(-20deg);}
.tgl-flip:checked + .tgl-btn:before {  transform: rotateY(180deg);}
.tgl-flip:checked + .tgl-btn:after {  transform: rotateY(0);  left: 0;  background: #7FC6A6;}
.tgl-flip:checked + .tgl-btn:active:after {  transform: rotateY(20deg);}
*/


.tgl-flip + .tgl-btn {  padding: 2px 6px;  transition: all 0.2s ease;  background: #fff;  border: 1px solid var(--secondary);;  border-radius: 16px; margin: 0; vertical-align: middle; min-width: 71px}
.tgl-flip + .tgl-btn:before{content: attr(data-tg-on);display: inline-block;  transition: all 0.4s ease;  text-align: center;  position: relative;  line-height: 14px;  font-weight:700;  color: var(--secondary);  -webkit-backface-visibility: hidden;backface-visibility: hidden; height: 14px; overflow: hidden; width: auto; padding-left:14px; left: 0; font-size: 0.85rem }
.tgl-flip + .tgl-btn:after {  transition: all 0.2s ease;  background: var(--secondary);  content: "";  border-radius: 1em; position: absolute; left: 2px; top:
2px}
.tgl-flip:checked + .tgl-btn {  border: 1px solid #aaa;}
.tgl-flip:checked + .tgl-btn:after {  left: calc(100% - 16px);  background: #aaa;}
.tgl-flip:checked + .tgl-btn:before{content: attr(data-tg-off); padding-left: 0; padding-right: 14px; color: #aaa}



/* tui */
.schdule_w{ height: 100%; min-height: calc(100vh - 250px);    display: grid;    grid-template-rows: 1fr 50px; overflow: hidden}
.schdule_bx{ position: relative}
.schdule_bx.tab-container{ height: 100%}
.code-html{ position: relative}
.code-html #menu { padding: 0px; margin-bottom: 10px}
.schdule_bx .tab_contents_w{}
.schdule_bx #calendar, .schdule_bx .tab_contents_w{position: relative; height:calc(100% - 50px); width: 100%  }
.schdule_bx .tab_contents_w  #calendar{ height: 100%;}


.schedule_head{ display: flex; justify-content: space-between; align-items: center}
.schedule_head .schedule_navi{ display: flex; gap:10px; align-items: center}
.schedule_head .schdule_label{ display: flex; font-size: 0.92rem; gap:10px }
.schedule_head .render-range{ font-weight: bold; font-size:1.3rem; white-space: nowrap }

.schedule_head .move-today{ font-weight: bold;  border-radius: 16px; border-color: #444; padding:6px 8px; box-shadow: none !important; background: #fff !important}
.schedule_head .move-today:hover{ background: #fff; border-color:#337ab7; color: #337ab7;}
.schedule_head .move-day{ padding:3px; border: none; min-width: auto; text-align: center}
.schedule_head .move-day i{ font-size: 1.3rem; color: #000; font-weight: bold; vertical-align: middle}
.tui-full-calendar-layout{ border: 1px solid #ccc; min-height: 602px}
.tui-full-calendar-month-dayname{ border-top-width: 0 !important}
.tui-full-calendar-layout, .tui-full-calendar-weekday-grid-line,.tui-full-calendar-month-dayname, .tui-full-calendar-weekday-border { border-color: #ccc !important}
.tui-full-calendar-month-dayname-item{ padding-right: 10px !important; text-align: center; background: #f5f5f5}
.tui-full-calendar-weekday-grid-line > *{ font-size: 1rem}
.tui-full-calendar-weekday-schedule-title{ line-height: inherit}
.schdule_bx .tui-full-calendar-month-week-item .tui-full-calendar-today .tui-full-calendar-weekday-grid-date-decorator{ background: #000}
.schedule_head .tui-full-calendar-icon.tui-full-calendar-calendar-dot{ width: 8px; height: 8px; margin-right: 4px}
.schdule_bx .tui-full-calendar-weekday-schedule-bullet{ width: 8px; height: 8px}
.schdule_bx .tui-full-calendar-weekday-schedule.tui-full-calendar-weekday-schedule-time .tui-full-calendar-weekday-schedule-title{ padding-left: 12px}
.schdule_bx .tui-full-calendar-weekday-grid-line .tui-full-calendar-weekday-grid-more-schedules{ color: var(--danger)}


/* tui-컨시어지 */
/*[data-calendar-id="메이드"] strong.time{ color: #31b0d5;}
[data-calendar-id="비서"] strong.time{ color: #5cb85c;}
[data-calendar-id="버틀러"] strong.time{ color:#337ab7;}
[data-calendar-id="푸드"] strong.time{ color: #f0ad4e;}
.schedule_head .tab_head{ display: flex; align-items: center; gap:30px}
.schedule_head .tab_head .tab_list_w{ gap:0; margin: 0}
.schedule_head .tab_head .tab_list_w:after{ display: none}

.schedule_head .tab_head .tab_list_w li{  overflow: hidden; border-width: 1px; padding: 0; border-radius: 0}
.schedule_head .tab_head .tab_list_w li button{ height: 30px; padding: 0 10px}

.schedule_head .tab_head .tab_list_w li button:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: middle;content: "\EB20"; padding-right: 5px }
.schedule_head .tab_head .tab_list_w li button[aria-controls="day"]:before{ content: "\F217";}

.schedule_head .tab_head .tab_list_w li button i{ font-weight: normal}

.schdule_bx .schdule_list{ display: flex;align-items: flex-start; justify-content: flex-start; gap:30px }
.schdule_bx .schdule_list .mini_calendar{ width: 225px; flex: none; font-size: 0.85rem; display: flex; flex-direction: column; align-items: flex-start; gap:8px }
.schdule_bx .schdule_list .mini_calendar .ax5-ui-calendar{ padding:10px; border: 1px solid #ddd;}

.schdule_bx .schdule_list .mini_calendar button.reset { display: flex; align-items: center; font-size: 0.91rem; line-height: 1.12;    align-self: flex-end;}
.schdule_bx .schdule_list .mini_calendar button.reset:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: middle;  content:"\EA27"; padding-right: 5px}


.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day, .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day{ font-size: 0.96rem}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live{ background: #fff}
.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.selected-day, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.selected-day{ outline: 1px dashed rgba(0,0,0,0.5); color: inherit !important; background: #fff}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type01, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type01{ background: rgba(49, 176, 213,0.15); border: 1px solid rgba(49, 176, 213,0.35)}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type02, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type02{ background: rgba(92, 184, 92,0.15); border: 1px solid rgba(92, 184, 92,0.35)}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type03, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type03{ background: rgba(51, 122, 183,0.15); border: 1px solid rgba(51, 122, 183,0.35)}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type04, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type04{ background: rgba(240, 173, 78,0.15); border: 1px solid rgba(240, 173, 78,0.35)}



.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type01.selected-day, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type01.selected-day{ background: rgba(49, 176, 213,1); border: 1px solid rgba(49, 176, 213,1); color: #fff !important; outline: none}
.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type02.selected-day, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type02.selected-day{ background: rgba(92, 184, 92,1); border: 1px solid rgba(92, 184, 92,1); color: #fff !important; outline: none}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type03.selected-day, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type03.selected-day{ background: rgba(51, 122, 183,1); border: 1px solid rgba(51, 122, 183,1); color: #fff !important; outline: none}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type04.selected-day, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type04.selected-day{ background: rgba(240, 173, 78,1); border: 1px solid rgba(240, 173, 78,1); color: #fff !important; outline: none}
.schdule_bx .schdule_list .daylist_bx{ width: 100%}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td, .schdule_list .ax5-ui-calendar .calendar-body table tbody th{ height: 25px; line-height: 25px}


.schdule_list .listtable{ table-layout: auto; border-top-color: #666}
.schdule_list .listtable td{ border-left: 0; border-right: 0; padding:8px 2px;background: #fff !important; height: auto }
.schdule_list .listtable td .dotdot, .schdule_list .listtable td .dotdot a{ display: block; overflow: hidden; width: 100%; max-width: 660px; vertical-align: middle}

.schdule_list .listtable tbody tr td.nochk{ background: #fff; text-align: left; padding-left: 20px}
.schdule_list .listtable .badge{ min-width: 45px; text-align: center; min-width: 60px}

.schdule_list .listtable .conc_type01 .badge {background: rgba(49, 176, 213,1);}
.schdule_list .listtable .conc_type02 .badge {background: rgba(92, 184, 92,1);}
.schdule_list .listtable .conc_type03 .badge {background: rgba(51, 122, 183,1);}
.schdule_list .listtable .conc_type04 .badge {background: rgba(240, 173, 78,1);}
.schdule_list .listtable .badge.gray{ background: #999}
.schdule_list .date_bx{ border:2px solid #ddd; padding: 10px; overflow: hidden }

.schdule_list .date_bx + .date_bx{ margin-top: 15px}

.schdule_list .date_bx .date_header{ display: flex;  justify-content: space-between; text-align: left; padding: 0 0 6px 0; border-bottom: 1px solid #000;}

.schdule_list .date_bx .date_header .sel_tit{ display: flex; align-items: center; padding-left:20px}
.schdule_list .date_bx .date_header .sel_tit input[type="radio"], input[type="checkbox"]{ margin: 0}

.schdule_list .date_bx .date_header .sel_tit .d_tit{ font-size: 1.28rem; padding-left:10px; font-weight: 700}
.schdule_list .sb_cate{ width: 100% ; border-top: 1px solid #f5f5f5; background: #f5f5f5; padding: 5px 0; position: relative }
.schdule_list .sb_cate .sbtit{ font-weight: bold; padding: 0 0px 0 20px; flex: none; width:200px;  }
.schdule_list .sb_cate .sbtit button{ margin-left: 8px}
.schdule_list .sb_cate .list{  overflow: hidden;  overflow-x: scroll; gap:0px; display: flex;    transition-property: transform; width: calc(100% - 200px);    touch-action: pan-y; position: absolute; left: 200px; top: 5px; gap:20px; z-index: 2}
.schdule_list .sb_cate .list {transform: translate3d(0,0,0); -webkit-transform:translateZ(0); -webkit-overflow-scrolling: touch; }
.schdule_list .sb_cate .list::-webkit-scrollbar {-webkit-appearance: none;}
.schdule_list .sb_cate .list::-webkit-scrollbar:vertical {width: 12px;}
.schdule_list .sb_cate .list::-webkit-scrollbar:horizontal {height: 11px;}
.schdule_list .sb_cate .list::-webkit-scrollbar-thumb {border-radius: 8px;border: 2px solid white;background-color: #ccc}
.schdule_list .sb_cate  button{ padding: 2px 10px;  border-radius: 20px; height: auto; white-space: nowrap  }
.schdule_list .sb_cate  button span{ font-size: 0.859rem;  opacity: 0.8}
.schdule_list .sb_cate  button span:before{content: "("}
.schdule_list .sb_cate  button span:after{content: ")"}
.schdule_list .sb_cate  button.active{ color: #fff;background: #666; }
.schdule_bx .schdule_list[hidden]{ display: none}

.main_cate .chk input[type="checkbox"]:checked + span:before{background: #333; border-color: #000}
.main_cate .chk input[type="checkbox"] + span:before{ border-color: #000}
.main_cate .chk.conc_type01 input[type="radio"]:checked + span:before{border-color: #31b0d5;;}
.main_cate .chk.conc_type01 input[type="radio"]:checked + span:before { border-color: #31b0d5;}
.main_cate .chk.conc_type01 input[type="radio"] + span:before{ border-color: #31b0d5;}
.main_cate .chk.conc_type01 input[type="radio"]:checked + span:after{ background: #31b0d5}
.chk.conc_type01.check input[type="radio"] + span:before{background: #31b0d5}

.main_cate .chk.conc_type02 input[type="radio"]:checked + span:before{border-color: #5cb85c;;}
.main_cate .chk.conc_type02 input[type="radio"]:checked + span:before { border-color: #5cb85c;}
.main_cate .chk.conc_type02 input[type="radio"] + span:before{ border-color:#5cb85c;}
.main_cate .chk.conc_type02 input[type="radio"]:checked + span:after{ background: #5cb85c}
.chk.conc_type02.check input[type="radio"] + span:before{background: #5cb85c}

.main_cate .chk.conc_type03 input[type="radio"]:checked + span:before{border-color: #337ab7}
.main_cate .chk.conc_type03 input[type="radio"]:checked + span:before { border-color:#337ab7}
.main_cate .chk.conc_type03 input[type="radio"] + span:before{ border-color: #337ab7}
.main_cate .chk.conc_type03 input[type="radio"]:checked + span:after{ background: #337ab7}
.chk.conc_type03.check input[type="radio"] + span:before{background: #337ab7}

.main_cate .chk.conc_type04 input[type="radio"]:checked + span:before{border-color:#f0ad4e;}
.main_cate .chk.conc_type04 input[type="radio"]:checked + span:before { border-color:#f0ad4e;}
.main_cate .chk.conc_type04 input[type="radio"] + span:before{ border-color: #f0ad4e}
.main_cate .chk.conc_type04 input[type="radio"]:checked + span:after{ background: #f0ad4e}
.chk.conc_type04.check input[type="radio"] + span:before{background: #f0ad4e}
.schdule_w .filter{ position: relative}
.schdule_w .filter + .tui-full-calendar-popup-detail-item{ position: relative; padding-left: 10px}
.schdule_w .filter + .tui-full-calendar-popup-detail-item:before{ content: ""; position: absolute; left: -2px; top: 50%; width: 1px; height: 14px; background: #ccc; display: block; transform: translate(0,-50%)}

.schdule_w .filter .chk input[type="checkbox"] + span{ font-weight: bold}
.schdule_w .filter .chk input[type="checkbox"]:checked + span{ color: #46a5a8}



@media all and (max-width: 1800px){
	.schdule_list .listtable td .dotdot, .schdule_list .listtable td .dotdot a{ max-width:450px }
}


@media all and (max-width: 1500px){
    .schdule_bx .schdule_list{ gap:10px}
	.schdule_list .listtable td .dotdot, .schdule_list .listtable td .dotdot a{ max-width:300px }
	.schedule_head .tab_head .tab_list_w li button{ font-size: 0; height:30px; overflow: hidden; display: block }
    .schedule_head .tab_head .tab_list_w li button:before{font-size: 1.2rem; line-height: 30px; display: block; width: 100%; height: 100%; padding: 0}

	.schedule_head .tab_head{ gap:15px}
	.schedule_head .filter .chk{ margin-right:7px}
	.schedule_head .schdule_label, .schedule_head .schedule_navi{ gap:5px}
}

@media all and (max-width: 1300px){
	.schdule_list .listtable td .dotdot, .schdule_list .listtable td .dotdot a{ max-width:200px }
    .schedule_head .schdule_label{ flex-wrap: wrap}
    .schdule_w .filter + .tui-full-calendar-popup-detail-item:before{ display: none;}
    .schdule_w .filter + .tui-full-calendar-popup-detail-item{ padding-left: 0}
    .code-html #menu{ gap:20px}
}

@media all and (max-width: 1250px){
    .schdule_w .filter{ width: 100%; text-align: right}
    .schedule_head .schdule_label{ justify-content: flex-end}
    .schedule_head .filter label+label:last-of-type{ margin-right: 0}
}

*/


/* tui-컨시어지 */

.schedule_head .tab_head{ display: flex; align-items: center; gap:30px}
.schedule_head .tab_head .tab_list_w{ gap:0; margin: 0}
.schedule_head .tab_head .tab_list_w:after{ display: none}

.schedule_head .tab_head .tab_list_w li{  overflow: hidden; border-width: 1px; padding: 0; border-radius: 0; min-width: auto}
.schedule_head .tab_head .tab_list_w li button{ height: 30px; padding: 0 10px}

.schedule_head .tab_head .tab_list_w li button:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: middle;content: "\EB20"; padding-right: 5px }
.schedule_head .tab_head .tab_list_w li button[aria-controls="day"]:before{ content: "\F217";}

.schedule_head .tab_head .tab_list_w li button i{ font-weight: normal}

.schdule_bx .schdule_list{ display: flex;align-items: flex-start; justify-content: flex-start; gap:30px }
.schdule_bx .schdule_list .mini_calendar{ width: 225px; flex: none; font-size: 0.85rem; display: flex; flex-direction: column; align-items: flex-start; gap:8px }
.schdule_bx .schdule_list .mini_calendar .ax5-ui-calendar{ padding:10px; border: 1px solid #ddd;}

.schdule_bx .schdule_list .mini_calendar button.reset { display: flex; align-items: center; font-size: 0.91rem; line-height: 1.12;    align-self: flex-end;}
.schdule_bx .schdule_list .mini_calendar button.reset:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: middle;  content:"\EA27"; padding-right: 5px}



/*  20230509 kj 추가 */
.schdule_bx .schdule_list .mini_calendar2{ width: 225px; flex: none; font-size: 0.85rem; display: flex; flex-direction: column; align-items: flex-start; gap:8px }
.schdule_bx .schdule_list .mini_calendar2 .ax5-ui-calendar{ padding:10px; border: 1px solid #ddd;}

.schdule_bx .schdule_list .mini_calendar2 button.reset { display: flex; align-items: center; font-size: 0.91rem; line-height: 1.12;    align-self: flex-end;}
.schdule_bx .schdule_list .mini_calendar2 button.reset:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: middle;  content:"\EA27"; padding-right: 5px}
/*  20230509 kj 추가 */

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day, .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day{ font-size: 0.96rem}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live{ background: #fff}
.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.selected-day, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.selected-day{ outline: 1px dashed rgba(0,0,0,0.5); color: inherit !important; background: #fff}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type01, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type01{ background: rgba(49, 176, 213,0.15); border: 1px solid rgba(49, 176, 213,0.35)}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type02, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type02{ background: rgba(92, 184, 92,0.15); border: 1px solid rgba(92, 184, 92,0.35)}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type03, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type03{ background: rgba(51, 122, 183,0.15); border: 1px solid rgba(51, 122, 183,0.35)}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type04, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type04{ background: rgba(240, 173, 78,0.15); border: 1px solid rgba(240, 173, 78,0.35)}



.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type01.selected-day, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type01.selected-day{ background: rgba(49, 176, 213,1); border: 1px solid rgba(49, 176, 213,1); color: #fff !important; outline: none}
.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type02.selected-day, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type02.selected-day{ background: rgba(92, 184, 92,1); border: 1px solid rgba(92, 184, 92,1); color: #fff !important; outline: none}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type03.selected-day, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type03.selected-day{ background: rgba(51, 122, 183,1); border: 1px solid rgba(51, 122, 183,1); color: #fff !important; outline: none}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.conc_type04.selected-day, .schdule_list .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.conc_type04.selected-day{ background: rgba(240, 173, 78,1); border: 1px solid rgba(240, 173, 78,1); color: #fff !important; outline: none}
.schdule_bx .schdule_list .daylist_bx{ width: 100%}

.schdule_list .ax5-ui-calendar .calendar-body table tbody td, .schdule_list .ax5-ui-calendar .calendar-body table tbody th{ height: 25px; line-height: 25px}


.schdule_list .listtable{ table-layout: auto; border-top-color: #666}
.schdule_list .listtable td{ border-left: 0; border-right: 0; padding:8px 2px;background: #fff !important; height: auto }
.schdule_list .listtable td .dotdot, .schdule_list .listtable td .dotdot a{ display: block; overflow: hidden; width: 100%; max-width: 660px; vertical-align: middle}

.schdule_list .listtable tbody tr td.nochk{ background: #fff; text-align: left; padding-left: 20px}
.schdule_list .listtable .badge{ min-width: 45px; text-align: center; min-width: 60px}

/*.schdule_list .listtable .conc_type01 .badge {background: rgba(49, 176, 213,1);}
.schdule_list .listtable .conc_type02 .badge {background: rgba(92, 184, 92,1);}
.schdule_list .listtable .conc_type03 .badge {background: rgba(51, 122, 183,1);}
.schdule_list .listtable .conc_type04 .badge {background: rgba(240, 173, 78,1);} */

.schdule_list .listtable .badge{ display: flex; gap:5px; align-items: center; justify-content: left; color: #000; background: #fff; font-size: 13px; font-weight: bold; min-height: 20px}
.schdule_list .listtable .badge:before {font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #000; font-size: 1rem;content:"\f1d7"; width: 20px; height: 20px; line-height: 20px; text-align: center }

.schdule_list .listtable .conc_type01 .badge:before {background: rgba(49, 176, 213,0.15); border: 1px solid rgba(49, 176, 213,0.35);content:"\f1d7";}
.schdule_list .listtable .conc_type02 .badge:before {background: rgba(92, 184, 92,0.15); border: 1px solid rgba(92, 184, 92,0.35);content:"\ec0b";}
.schdule_list .listtable .conc_type03 .badge:before {background: rgba(51, 122, 183,0.15); border: 1px solid rgba(51, 122, 183,0.35);content:"\efac";}
.schdule_list .listtable .conc_type04 .badge:before {background: rgba(240, 173, 78,0.15); border: 1px solid rgba(240, 173, 78,0.35);content: "\f084";}
.schdule_list .listtable .badge.time{ color: #fff; background: #000; font-weight: bold; justify-content: center; font-size: 12px }
.schdule_list .listtable .badge.time:before { display: none !important;}

.schdule_list.comports .listtable .badge:before{display:none;}
.schdule_list.comports .listtable .badge{background:var(--gray);color:#fff; justify-content: center}
.schdule_list.comports .listtable .badge.time{background:#000;}

.schdule_list .listtable .badge.gray{ background: #999}
.schdule_list .listtable .badge[class*="icon"]{ color: #fff; text-align: center; justify-content: center; font-size: 12px}
.schdule_list .listtable .badge[class*="icon"]:before{ display: none}



.schdule_list .date_bx{ border:2px solid #ddd; padding: 10px; overflow: hidden }

.schdule_list .date_bx + .date_bx{ margin-top: 15px}

.schdule_list .date_bx .date_header{ display: flex;  justify-content: space-between; text-align: left; padding: 0 0 6px 0; border-bottom: 1px solid #000;}

.schdule_list .date_bx .date_header .sel_tit{ display: flex; align-items: center; padding-left:20px}
.schdule_list .date_bx .date_header .sel_tit input[type="radio"], input[type="checkbox"]{ margin: 0}

.schdule_list .date_bx .date_header .sel_tit .d_tit{ font-size: 1.28rem; padding-left:10px; font-weight: 700}
.schdule_list .sb_cate{ width: 100% ; border-top: 1px solid #f5f5f5; background: #f5f5f5; padding: 5px 0; position: relative }
.schdule_list .sb_cate .sbtit{ font-weight: bold; padding: 0 0px 0 20px; flex: none; width:200px;  }
.schdule_list .sb_cate .sbtit button{ margin-left: 8px}
.schdule_list .sb_cate .list{  overflow: hidden;  overflow-x: scroll; gap:0px; display: flex;    transition-property: transform; width: calc(100% - 200px);    touch-action: pan-y; position: absolute; left: 200px; top: 5px; gap:20px; z-index: 2}
.schdule_list .sb_cate .list {transform: translate3d(0,0,0); -webkit-transform:translateZ(0); -webkit-overflow-scrolling: touch; }
.schdule_list .sb_cate .list::-webkit-scrollbar {-webkit-appearance: none;}
.schdule_list .sb_cate .list::-webkit-scrollbar:vertical {width: 12px;}
.schdule_list .sb_cate .list::-webkit-scrollbar:horizontal {height: 11px;}
.schdule_list .sb_cate .list::-webkit-scrollbar-thumb {border-radius: 8px;border: 2px solid white;background-color: #ccc}
.schdule_list .sb_cate  button{ padding: 2px 10px;  border-radius: 20px; height: auto; white-space: nowrap  }
.schdule_list .sb_cate  button span{ font-size: 0.859rem;  opacity: 0.8}
.schdule_list .sb_cate  button span:before{content: "("}
.schdule_list .sb_cate  button span:after{content: ")"}
.schdule_list .sb_cate  button.active{ color: #fff;background: #666; }
.schdule_bx .schdule_list[hidden]{ display: none}

.main_cate .chk input[type="checkbox"]:checked + span:before{background: #333; border-color: #000}
.main_cate .chk input[type="checkbox"] + span:before{ border-color: #000}
.main_cate .chk.conc_type01 input[type="radio"]:checked + span:before{border-color: #a3dbec;}
.main_cate .chk.conc_type01 input[type="radio"]:checked + span:before { border-color: #a3dbec;}
.main_cate .chk.conc_type01 input[type="radio"] + span:before{ border-color: #a3dbec;}
.main_cate .chk.conc_type01 input[type="radio"]:checked + span:after{ background: #31b0d5}
.chk.conc_type01.check input[type="radio"] + span:before{background: #e0f3f9}

.main_cate .chk.conc_type02 input[type="radio"]:checked + span:before{border-color: #b6dfb6;}
.main_cate .chk.conc_type02 input[type="radio"]:checked + span:before { border-color: #b6dfb6;}
.main_cate .chk.conc_type02 input[type="radio"] + span:before{ border-color:#b6dfb6;}
.main_cate .chk.conc_type02 input[type="radio"]:checked + span:after{ background: #5cb85c}
.chk.conc_type02.check input[type="radio"] + span:before{background:#e7f4e7}

.main_cate .chk.conc_type03 input[type="radio"]:checked + span:before{border-color:#a4c4df}
.main_cate .chk.conc_type03 input[type="radio"]:checked + span:before { border-color:#a4c4df}
.main_cate .chk.conc_type03 input[type="radio"] + span:before{ border-color:#a4c4df}
.main_cate .chk.conc_type03 input[type="radio"]:checked + span:after{ background:#337ab7}
.chk.conc_type03.check input[type="radio"] + span:before{background: #e1ebf4}

.main_cate .chk.conc_type04 input[type="radio"]:checked + span:before{border-color:#f9dab0;}
.main_cate .chk.conc_type04 input[type="radio"]:checked + span:before { border-color:#f9dab0;}
.main_cate .chk.conc_type04 input[type="radio"] + span:before{ border-color: #f9dab0}
.main_cate .chk.conc_type04 input[type="radio"]:checked + span:after{ background: #f0ad4e}
.chk.conc_type04.check input[type="radio"] + span:before{background: #fdf3e5}
.schdule_w .filter{ position: relative}
.schdule_w .filter + .tui-full-calendar-popup-detail-item{ position: relative; padding-left: 10px}
.schdule_w .filter + .tui-full-calendar-popup-detail-item:before{ content: ""; position: absolute; left: -2px; top: 50%; width: 1px; height: 14px; background: #ccc; display: block; transform: translate(0,-50%)}

.schdule_w .filter .chk input[type="checkbox"] + span{ }
.schdule_w .filter .chk input[type="checkbox"]:checked + span{ color: #46a5a8}

.schdule_w.cncg_w .schdule_label .tui-full-calendar-popup-detail-item{ display: flex; align-items: center; gap:4px}
.schdule_w.cncg_w .schdule_label .tui-full-calendar-popup-detail-item i{ font-size:1rem;  background: var(--primary); color: #fff; padding: 2px; border-radius: 4px }

/*[data-calendar-id="메이드"] strong.time{ color: #31b0d5;}
[data-calendar-id="비서"] strong.time{ color: #5cb85c;}
[data-calendar-id="버틀러"] strong.time{ color:#337ab7;}
[data-calendar-id="푸드"] strong.time{ color: #f0ad4e;} */
.schdule_w.cncg_w .tui-full-calendar-weekday-schedule-bullet{ background: rgba(0,0,0,0) !important;top:2px !important; width: auto !important; height: auto !important }
.schdule_w.cncg_w .tui-full-calendar-weekday-schedule-bullet:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #000; font-size: 1rem }
.schdule_w.cncg_w [data-calendar-id="메이드"] .tui-full-calendar-weekday-schedule-bullet:before{  content:"\f1d7";}
.schdule_w.cncg_w [data-calendar-id="비서"] .tui-full-calendar-weekday-schedule-bullet:before {    content: "\ec0b";}
.schdule_w.cncg_w [data-calendar-id="버틀러"] .tui-full-calendar-weekday-schedule-bullet:before {    content: "\efac";}
.schdule_w.cncg_w [data-calendar-id="푸드"] .tui-full-calendar-weekday-schedule-bullet:before{    content: "\f084";}
.schdule_w.cncg_w .schdule_bx .tui-full-calendar-weekday-schedule.tui-full-calendar-weekday-schedule-time .tui-full-calendar-weekday-schedule-title { padding-left: 16px}

.schdule_w.cncg_w .badge.icon1{ background:var(--warning-hover)}
.schdule_w.cncg_w .badge.icon2{ background:var(--info-hover)}
.schdule_w.cncg_w .badge.icon3{ background:var(--schbtn)}
.schdule_w.cncg_w .badge.icon4{ background:var(--gray-dark)}
.schdule_w.cncg_w .badge.icon5{ background:var(--gray)}
.schdule_w.cncg_w .badge.icon6{ background:var(--del-color)}

.schdule_w.cncg_w .tui-full-calendar-weekday-exceed-right .tui-full-calendar-weekday-schedule, .schdule_w.cncg_w .tui-full-calendar-weekday-exceed-left .tui-full-calendar-weekday-schedule{ background:var(--contrast-focus) !important; border: 1px solid var(--border-line) !important; color:#333 !important; }
.schdule_w.cncg_w .tui-full-calendar-weekday-exceed-right .tui-full-calendar-weekday-schedule{ border-right-width: 0 !important}
.schdule_w.cncg_w .tui-full-calendar-weekday-exceed-left .tui-full-calendar-weekday-schedule{ border-left-width: 0 !important}
.schdule_w.cncg_w .tui-full-calendar-weekday-exceed-right .tui-full-calendar-weekday-schedule .tui-full-calendar-weekday-schedule-title,
.schdule_w.cncg_w .tui-full-calendar-weekday-exceed-left .tui-full-calendar-weekday-schedule .tui-full-calendar-weekday-schedule-title{ display: flex; align-items: center; gap:5px}

.schdule_w.cncg_w .tui-full-calendar-weekday-exceed-right .tui-full-calendar-weekday-schedule .tui-full-calendar-weekday-schedule-title:before,
.schdule_w.cncg_w .tui-full-calendar-weekday-exceed-left .tui-full-calendar-weekday-schedule .tui-full-calendar-weekday-schedule-title:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #000; font-size: 1rem;content:"\f1d7"; }


.main_cate .chk.check input[type="radio"]:checked + span:after{ background: rgba(0,0,0,0)} 



.chk.icon1 input[type="checkbox"] + span:before{ border-color:var(--warning-hover); }
.chk.icon2 input[type="checkbox"] + span:before{ border-color:var(--info-hover); }
.chk.icon3 input[type="checkbox"] + span:before{ border-color:var(--schbtn); }
.chk.icon4 input[type="checkbox"] + span:before{ border-color:var(--gray-dark);}
.chk.icon5 input[type="checkbox"] + span:before{ border-color:var(--gray); }
.chk.icon6 input[type="checkbox"] + span:before{ border-color:var(--del-color); }

.chk.icon1 input[type="checkbox"]:checked + span:after, .chk.icon1 input[type="checkbox"]:checked + span:before{ background: var(--warning-hover)}
.chk.icon2 input[type="checkbox"]:checked + span:after, .chk.icon2 input[type="checkbox"]:checked + span:before{ background:var(--info-hover); }
.chk.icon3 input[type="checkbox"]:checked + span:after, .chk.icon3 input[type="checkbox"]:checked + span:before{ background:var(--schbtn); }
.chk.icon4 input[type="checkbox"]:checked + span:after, .chk.icon4 input[type="checkbox"]:checked + span:before{ background:var(--gray-dark);}
.chk.icon5 input[type="checkbox"]:checked + span:after, .chk.icon5 input[type="checkbox"]:checked + span:before{ background:var(--gray); }
.chk.icon6 input[type="checkbox"]:checked + span:after, .chk.icon6 input[type="checkbox"]:checked + span:before{ background:var(--del-color); }


.schdule_w .filter .chk.icon1 input[type="checkbox"]:checked + span{color:var(--warning-hover); }
.schdule_w .filter .chk.icon2 input[type="checkbox"]:checked + span{olor:var(--info-hover); }
.schdule_w .filter .chk.icon3 input[type="checkbox"]:checked + span{ color:var(--schbtn); }
.schdule_w .filter .chk.icon4 input[type="checkbox"]:checked + span{ color:var(--gray-dark);}
.schdule_w .filter .chk.icon5 input[type="checkbox"]:checked + span{ color:var(--gray); }
.schdule_w .filter .chk.icon6 input[type="checkbox"]:checked + span{ color:var(--del-color); }

.schdule_w.cncg_w .filter .chk input[type="radio"] +span{ font-weight: bold}
.schdule_w.cncg_w .filter .chk:nth-of-type(2):after{ content: "";position: absolute;right: 0px;top: 50%;width: 1px;height: 14px;background: #ccc;display: block;transform: translate(0,-50%); }
.schdule_w.cncg_w .filter .chk:nth-of-type(2){ padding-right: 14px}

.comports .main_cate .chk input[type="radio"] + span:before{background: #fff;border-color:var(--gray);}
.comports .main_cate .chk.check input[type="radio"] + span:before {background: var(--gray-light);border-color: var(--gray);}
.comports .main_cate .chk input[type="radio"]:checked + span:after{background:var(--gray);}
.comports .main_cate .chk input[type="radio"]:checked + span:before{border-color:var(--gray);}
.comports.schdule_list .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day:not(.disable){background:rgba(70, 165, 168,0.1); border:1px solid rgba(70, 165, 168,0.32)}
.comports .main_cate .chk.check input[type="radio"]:checked + span:after{ background: rgba(0,0,0,0)} 



@media all and (max-width: 1800px){
	.schdule_list .listtable td .dotdot, .schdule_list .listtable td .dotdot a{ max-width:450px }
}


@media all and (max-width: 1550px){
    .schdule_bx .schdule_list{ gap:10px}
	.schdule_list .listtable td .dotdot, .schdule_list .listtable td .dotdot a{ max-width:300px }
	.schedule_head .tab_head .tab_list_w li button{ font-size: 0; height:30px; overflow: hidden; display: block }
    .schedule_head .tab_head .tab_list_w li button:before{font-size: 1.2rem; line-height: 30px; display: block; width: 100%; height: 100%; padding: 0}

	.schedule_head .tab_head{ gap:15px}
	.schedule_head .filter .chk{ margin-right:7px}
	.schedule_head .schdule_label, .schedule_head .schedule_navi{ gap:5px}
}

@media all and (max-width: 1350px){
	.schdule_list .listtable td .dotdot, .schdule_list .listtable td .dotdot a{ max-width:200px }
    .schedule_head .schdule_label{ flex-wrap: wrap; justify-content: flex-end}
    .schdule_w .filter + .tui-full-calendar-popup-detail-item:before{ display: none;}
    .schdule_w .filter + .tui-full-calendar-popup-detail-item{ padding-left: 0}
    .code-html #menu{ gap:20px}
}

@media all and (max-width: 1250px){
    .schdule_w .filter{ width: 100%; text-align: right}
    .schedule_head .schdule_label{ justify-content: flex-end}
    .schedule_head .filter label+label:last-of-type{ margin-right: 0}
}


/* 이미지 업로드 */
.profile_bx{ display: inline-flex; vertical-align: middle}
.pic_box{ margin:10px 0 10px 0;width:95px;position: relative; height: 95px }
.pic_box:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: middle; font-size: 26px; color: #ddd; position: absolute; content: "\EE47"; left: 50%; top: 50%; transform: translate(-50%,-80%); z-index: 2}
.pic_box:after{ content: "사진을 등록하려면 여기를 눌러주세요"; font-size: 0.86rem; color: var(--gray); position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; line-height: 1.2; padding: 0 10px}
.pic_box.on:before, .pic_box.on:after{ display: none}
.pic_box .pic{border: 1px solid #ddd;width: 100%; height:100%; overflow: hidden; text-align: center; position: relative;font-size: 0; display: flex ; border-radius: 8px; background: #fff}
.pic_box .pic img{ width:100%;  object-fit: cover}
.pic_box .tool{ position: absolute; right: -10px; bottom:-10px; width: 24px; height:24px; line-height: 0; font-size: 0; overflow: visible}
.pic_box .tool button{ width: 100%; height: 100%; display: none; border-radius: 100%;  font-size: 0; color: #fff; line-height: 24px}
.pic_box .tool button:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: middle; font-size: 16px; color: #fff;}
.pic_box .tool button.plus{ display:block; width:95px; height: 95px; background:none; margin-left: -80px; margin-top: -80px; position: relative; border-radius: 0; z-index: 3;  }
.pic_box .tool button.plus:before{content:"\EA13"; color: #fff;font-size: 16px;  display: block; width: 24px; height: 24px;position: absolute; right: -10px; bottom:-10px; border-radius: 100%; overflow: hidden;background: #4eafe5;}
.pic_box .tool button.del{ background: #000}
.pic_box .tool button.del:before{content: "\EB99"}
.pic_box .tool input[type="file"]{width:100%;height:100%;  color:#fff }
.pic_box .tool input[type="file"].plus{display: none;width:24px;height:24px; }
.pic_box + .pic_box{ margin-left:60px }
.pic_box .pic.video img{ opacity: 0}
.pic_box.on .pic.video{background: #00c0a1; background: -moz-linear-gradient(-45deg, #00c0a1 0%, #00a8b4 100%); background: -webkit-linear-gradient(-45deg, #00c0a1 0%,#00a8b4 100%); background: linear-gradient(135deg, #00c0a1 0%,#00a8b4 100%); positon:relative}
.pic_box.on .pic.video:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: middle; color: #fff;content: "\EF80"; position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size:30px}
.pic_box.on .pic.video video{ width: 100%}


.count{ position: absolute; right:10px; top: 0; background: rgba(255,255,255,0.5); color: var(--gray); font-size: 0.9rem}
.count strong{color:var(--secondary)}
:disabled + .count{background: rgba(255,255,255,0);} 


/* 팝업 */
.form_list .count{ top: 11px; height: 22px; line-height: 22px;}
.form_list li:first-of-type .count{ top:1px}
.ax5modal input[type="text"] + .tdbtn, .ax5modal input[type="password"] + .tdbtn, .ax5modal input[type="number"] + .tdbtn, .ax5modal input[type="email"] + .tdbtn, .ax5modal input[type="tel"] + .tdbtn, .ax5modal input[type="time"] + .tdbtn{ height: 24px}
.ax5modal .list_w .date_w span.date input[type=text], .ax5modal .list_w .date_w span.date input[type=text]:read-only,.ax5modal .list_w .date_box span.date input[type=text], .ax5modal .list_w .date_box span.date input[type=text]:read-only{ border-radius: 0; height: 22px}
.ax5modal .list_w .date_w span.date:before, .ax5modal .list_w .date_box span.date:before, .ax5modal .list_w .date_w span.date{ height: 24px}
.ax5modal .form_list input[type="text"], .ax5modal .form_list input[type="password"], .ax5modal .form_list input[type="number"], .ax5modal .form_list input[type="email"], .ax5modal .form_list input[type="tel"], .ax5modal .form_list input[type="time"],.ax5modal .list_w select,.ax5modal .form_list select{ height: 24px}
input[type="time"]{ width: 127px; padding-right:4px !important}

[data-pop="redg_candidate"] .pic_box:before{    content: "\F25E";}
[data-pop="redg_candidate"] .pic_box{ margin:0px 0 10px 0;width:120px; height: 120px }
[data-pop="redg_candidate"] .pic_box .tool button.plus{width:120px; height: 120px;margin-left: -106px;margin-top: -106px;}

[data-pop="redg_candidate"] .list_w{ display: flex; gap:30px}
[data-pop="redg_candidate"] .list_w .form_list{ width: 100%}
[data-pop="redg_candidate"] .list_w .form_list .f_tit{ flex: none; }
[data-pop="redg_candidate"] .form_list li input[type="text"]{ padding-right: 80px}
[data-pop="redg_candidate"] .f_txt p{ position: relative; display: flex}
[data-pop="redg_candidate"] .f_txt p input[type="text"]{ width: calc(100% - 40px); margin-right: -1px}
[data-pop="redg_candidate"] .f_txt p .count{ right: 50px; top: 1px}
.schdule_bx .tui-full-calendar-weekday-schedule[data-calendar-id="HOLY"] .tui-full-calendar-weekday-schedule-bullet{ display: none}
.schdule_bx .tui-full-calendar-weekday-schedule[data-calendar-id="HOLY"] .tui-full-calendar-weekday-schedule-title{ padding-left: 0; color: rgba(209,0,3,0.6) !important;}
.schdule_bx .tui-full-calendar-weekday-schedule[data-calendar-id="HOLY"]{ cursor: default; background-color: rgba(209,0,3,0.1) !important; border: none !important; padding-left: 6px !important;}


/* 투표 */
.ax5modal h4{ font-size: 1.1rem; font-weight: 600}
.voteresult_bx{ border:1px solid rgba(0, 105, 217,0.3);background: rgba(0, 105, 217,0.048); margin-bottom: 10px}
.vote_info, .vote_info dl{ display: flex;}

.vote_info{ display: flex; justify-content: space-between; padding: 10px 16px 10px 0;  align-items: center; border-bottom: 1px solid rgba(0, 105, 217,0.3)}
.vote_info dl{ display: flex; align-items: center; gap:10px; padding: 5px 15px}
.voteresult_bx dl:before{ content: ""; width: 3px; height: 3px; background: var(--lnb-color); display: block}
.voteresult_bx dl dt{ padding-right: 5px; font-weight: 600}
.vote_info dl dd{ flex: 1; display: flex; align-items: center}
.voteresult_bx .total_rate{ display: flex; background:  rgba(255,255,255,0.24); padding:  16px; width: 100%; justify-content: center; gap:20px; align-items: center}
.chart_box{ display: flex; gap:20px; justify-content: space-between; width: 100%; align-items: center; margin: 1px 0}

.chart_box > *{ display: flex;width: 100%}
.chart_box .tit{ width: 30%; align-items: center; flex: none}
.chart_box .tit p{ line-height: 1.2; display: flex; align-items: center; gap:5px}
.chart_box .tit, .ax5modal .content .chart_box .tit{ font-weight: 400; gap:10px}
.chart_box [class^="lank"]{ line-height: 1; font-size: 0.84rem; text-align: center}
.chart_box [class^="lank"]:before{ font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: middle; font-size: 22px; content:"\EAE2"; display: block}
.chart_box .lank1, .chart_box .lank1 + p{ color:#eea913}
.chart_box .lank1{ filter: drop-shadow(0px 0px 6px rgba(238, 133, 19,0.5));}
.chart_box .lank1 + p{ font-weight: bold}
.chart_box .lank2, .chart_box .lank2 + p{ color:#7a9195}
.chart_box .lank3, .chart_box .lank3 + p{ color: #725007}
.chart_box .rate{ width: auto; gap:15px;  text-align: right;    justify-content: flex-end;}
.chart_box .chart{ display: block; position: relative; background: #f5f5f5; border: 1px solid #ddd; border-radius: 16px; overflow: hidden; line-height: 1; height: 20px; min-width: 500px}
.chart_box .chart .bar{height: 20px;width: calc(var(--data-set) * 100%); display: block; position: absolute; left: 0; top: 0; background:#6c0b74; }
.rating{ display: flex; gap:5px;min-width: 80px;}
.votedetail_bx ul{ display: flex; flex-direction: column; gap:10px; border: 1px solid #ddd; padding: 10px}
.chart_box .chart .now{ padding: 0 10px; color: #fff;filter: contrast(1) brightness(1);mix-blend-mode: difference; display: block; height: 100%}
.total_rate .chart_box{ gap:10px}
.total_rate .chart_box .tit{ width: auto}

.total_rate .chart_box .chart, .total_rate .chart_box .chart .bar, .total_rate .chart_box .chart .now{ }
.total_rate .chart_box .chart .bar{ background:#0747a6}
.total_rate .chart_box .rate{ min-width: auto}
.total_rate .chart_box .chart{ background: #fff; border-color:rgba(0, 105, 217,0.13);}
.chart_box .rate .total{ color: var(--gray)}
.voteresult_bx dl.total_rate:before{ display: none}
.chart_box .tit p .pic{ border: 1px solid #ddd; display: block; width: 50px; height: 50px; overflow: hidden}


td .chart_box .chart{ min-width:auto}
.chart_box + .tdbtn{ flex: none}
td .flex .chart_box + .tdbtn{ width: 140px}
td .flex .chart_box .rate{ width: 195px; flex: none; justify-content: space-between}
td .flex .chart_box .rate .total{  text-align: left; }

td .flex .chart_box{ padding:2px 0}
.chart_list{ border: 1px solid #ccc; padding: 5px; margin-top: 5px}

td .chart_box .chart .bar{ background:var(--secondary) }
td  .chart_list .flex .chart_box + .tdbtn{ width: 135px}

td .chart_list .chart_box .chart .bar{ background: #333}
td .flex .chart_box .tit{ width: 140px}
td .chart_list .flex .chart_box .tit{ width: 135px}

/**/


[data-ax5grid-container="body"] [data-ax5grid-panel] table tr .disabled input + span, .listtable tbody tr .disabled input + span{ background: #f6f6f6;} /**/
[data-ax5grid-container="body"] [data-ax5grid-panel] table tr.tr-1 .disabled input + span,
[data-ax5grid-container="body"] [data-ax5grid-panel] table tr.tr-3 .disabled input + span,
.listtable tbody tr:nth-of-type(2n) .disabled input + span
{ background: #fff} /* 짝수 bg-#fff */
[data-ax5grid-container="body"] [data-ax5grid-panel] table tr[data-ax5grid-selected="true"] .disabled input + span
{background: #e3f1ff;} /* tr선택시*/
[data-ax5grid-container="body"] [data-ax5grid-panel] table tr:hover .disabled input + span,.listtable tbody tr:hover .disabled input + span{background: var(--td-hover);} /*마우스오버*/

/* 댓글*/
.rply_list{ border: 1px solid #ccc}
.rply_list li{ display: flex; flex-direction: row; flex-wrap: wrap; padding: 8px 9px; color:#767676; position: relative; gap:2px 20px;    align-items: flex-start;}
.rply_list li > ul{ width: 100%; flex:none; background: #f5f5f5; border-radius: 4px; padding: 8px 0; margin-top: 4px}
.rply_list > li + li{ border-top: 1px solid #ddd}
.rply_list li > ul > li{padding: 4px; padding-left: 30px; flex-wrap: nowrap; padding-right: 8px }
.rply_list li > ul > li+li{ border-top: 1px dotted #ddd}
.rply_list > li:before{ content: ""; width: 3px; height: 3px; background: #000;  display: block; position: absolute; left: 8px; top:17px}
.rply_list p.tit{ color: #000; width: calc(100% - 540px); flex:1 0 calc(100% - 540px)}
.rply_list p.user{ padding-left: 10px; width: 140px; flex: none}
.rply_list p.date{ width: 140px}
.rply_list p.tit .badge{ background: #000}
.rply_list p.p_btn{ width: 90px; flex: none; text-align: left}
.rply_list p.p_btn button{ width: 88px}
.rply_list > li >  p.p_btn{ width: 98px;}
.rply_list p.like{ width:80px; flex: none; text-align: left; display: flex; align-items: center; justify-content: flex-start; gap:4px }
.rply_list p.like:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display:block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\F206"; flex: none}
.rply_list li > ul > li:before{content: ""; width: 8px; height:8px; border: 1px solid #000;  display: block; position: absolute; left:15px; top:7px; border-width: 0 0 1px 1px; border-radius: 0 0 0 2px}
.rply_list li > ul > li:after{content: ""; border-left:4px solid #000; border-top: 3px solid transparent; border-bottom: 3px solid transparent; display: block; position: absolute; left:21px; top:12px; }
.rply_list li > ul > li p.user{ padding-left: 0; width: 110px}

/*에러페이지*/
.error{ overflow: auto; min-width: auto}
body.error{ background: #fff}
body.error h1{ width:183px; margin:0; padding: 20px }
body.error h1 img{ width: 80px}
body.error .error_bx{text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; justify-content: center; max-height: 90vh; }
body.error h2{ line-height: 1 }
body.error h2 img{ max-width: 150px; margin-bottom: 10px}
body.error p{font-size:42px; word-break: keep-all;color: #000; margin-bottom: 10px}
body.error p.dec{font-size:1.3rem}
body.error a{ padding-top: 20px; display: inline-block; font-size:  1.285rem; text-decoration: underline; color: #1429a0}
body.error .key{ border: 1px solid #1095EA; background: rgba(16, 149, 234,0.06); padding: 15px; font-size: 18px; margin-bottom: 20px; white-space: nowrap; }
body.error .key span, body.error .key strong{ display: inline-block}
body.error .btn_bottom{ display: flex; justify-content: center;}
body.error .btn_bottom .buttons{ min-width: 190px; width: auto; padding: 26px 20px; text-decoration: none; display: flex;     align-items: center; justify-content:center; border:none !important; flex-grow:1; white-space: nowrap}
body.error .btn_bottom .buttons i{ margin-right: 5px}

body.error .btn_bottom .buttons.edge{ background: #005da6 !important; color: #fff}
body.error .btn_bottom .buttons.chrome{ background: #1a73e8 !important; color: #fff}
@media only screen and (max-width: 1023px){
    body.error h2 img{ max-width: 140px; }
    body.error p{ font-size: 30px}
    body.error p.dec{font-size:16px !important }
    body.error a{ font-size: 16px}
    body.error .key{ }
}
@media only screen and (max-width:767px){
    body.error .error_bx{ width: 90%}
    body.error h2 img{ max-width: 100px; }
    body.error p.dec{font-size:14px !important;}
    body.error .btn_bottom{ flex-wrap: wrap}
    body.error .btn_bottom .buttons{ max-width: none; width: 90%}
    body.error a{ font-size: 14px}
      body.error .key{ font-size: 15px;white-space: normal}
    body.error h1{ width:150px;}
}
@media (max-width:767px) and (orientation: landscape) {
    body.error .error_bx{ position: relative; left: auto; top: auto; transform:none; margin: 20px auto; max-height: none;}
}



/* 대시보드 */
.content_wrap > .content_bx.dashboard_bx{background: #f3f6fa;  margin: 0; padding:0 0 0px 0; height: 100%; min-height: calc(100vh - 70px); }
.content_wrap > .content_bx.dashboard_bx table *{font-family:'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif;}
html.loaded .content_wrap > .content_bx.dashboard_bx table *{ font-family:'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif !important;}
.content_wrap > .content_bx.dashboard_bx table tr td strong{ vertical-align: middle; color:#6d819e }
.dashboard_bx .dashboard_w{ margin: 0 auto; display: flex; justify-content: center;}
.dashboard_w .container_center{width:  1440px; flex: 1 ; padding:5px 0 0 0}
.dashboard_w .box, .dashboard_w .today_bx .car, .dashboard_w .today_bx .member{ padding: 30px 40px;  box-shadow: 0 10px 35px 0 rgba(132, 132, 132, 0.1);  background-color: #fff;border: 1px solid #e3e7e8;  border-radius: 10px;  background-color: #fff; }
.dashboard_w table th{ background: #f5f5f5; font-size: 1rem; font-weight:700; color: #000; text-align: center}
.dashboard_w table tbody th{ border-right: 0}
.dashboard_w aside{ width: 320px; margin-left:40px}
.dashboard_w h4, .dashboard_w .apt_bx h3{font-size: 1.375rem;  font-weight:700;  letter-spacing: -0.66px; display: inline-block; margin-right: 20px;vertical-align: middle; margin-bottom: 15px; color: #333; margin-top: 0}
.dashboard_w h4 + .bt_more{ display: inline-block; vertical-align: middle; color: #909090; font-size: 1rem; margin-bottom: 15px}
.dashboard_w .bt_more:after{content:"\EA6E";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.dashboard_w .today_bx{ display: flex; flex-wrap: wrap; padding: 0; background: none; border: none}
.dashboard_w .today_bx h3{ width: 100%; flex: 1 0 100%;font-size: 1.75rem;  font-weight: bold; letter-spacing: -0.84px; display: flex; align-items: center; margin-bottom: 20px;font-family:'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif; }

html.loaded .dashboard_w .today_bx h3{font-family:'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif;}
.dashboard_w .today_bx h3 .updatetime, .dashboard_w .today_bx h3 .updatetime strong{font-size: 1rem;  font-weight: normal; letter-spacing: -0.48px;color: #909090;}
.dashboard_w .today_bx h3 .updatetime strong:before{ content: "- "}
.dashboard_w .today_bx h3 .updatetime{ padding-left: 20px}
.dashboard_w .today_bx > div{ flex:1 0 calc(50% - 20px)}
.dashboard_w .today_bx > div + div{ margin-left: 40px}
.dashboard_w .today_bx > div{ display: flex; align-items: center}
.dashboard_w .today_bx > div:before{ display: block; width: 75px; height: 75px; background:rgba(70, 165, 168,0.15) url("../img/bui_man.png") no-repeat 50% 50%; content: ""; background-size: 70px; border-radius: 100%; margin-right:40px }
.dashboard_w .today_bx > div.car:before{ background-image: url("../img/bul_car.png"); background-color:rgba(73, 120, 227,0.15); }
.dashboard_w .today_bx dl{ width: calc(100% - 115px); display: flex; flex-wrap: wrap}
.dashboard_w .today_bx dl dt{font-size: 1.125rem;  font-weight:700; letter-spacing: -0.54px; flex:1 0 100%; display: flex; align-items: center}
.dashboard_w .badge{ margin-left: 10px; height: 22px;border: solid 1px rgb(113, 117, 124); background: #fff;  font-size: 0.75rem; letter-spacing: -0.36px;  color: #71757c; padding: 0 8px; min-width: 50px; line-height: 20px; font-weight: normal; border-radius: 15px}
.dashboard_w .badge.busy{ color:  #ce3e3e;; border-color:  #ce3e3e;}
.dashboard_w .badge.normal{}
.dashboard_w .badge.good{ color: #4978e3; border-color:  #4978e3}
.dashboard_w .today_bx dl dt .badge{ margin-left: 10px;}
.dashboard_w .today_bx dl dd p{ display: inline-block; color: #000; font-weight: normal}
.dashboard_w .today_bx dl dd.data{ font-size: 2.25rem;  font-weight:700; letter-spacing: -1.08px;}
.dashboard_w .today_bx dl dd.data strong{ padding-left: 10px; color:#46a5a8; font-weight: 700;font-family:'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif;}
html.loaded .dashboard_w .today_bx dl dd.data strong{font-family:'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif;}
.dashboard_w .today_bx .car dl dd.data strong{  color:#4978e3}
.dashboard_w .today_bx dl dd.detail{ margin-bottom: 7px; padding-left: 20px}
.dashboard_w .today_bx dl dd.detail:before{ content: "("; padding-right: 5px}
.dashboard_w .today_bx dl dd.detail:after{ content: ")"; padding-left: 5px}
.dashboard_w .today_bx dl dd.detail p + p:before{ content: "/"; padding: 0 5px}
.dashboard_w .today_bx dl dd{ display: flex; align-items: flex-end; }
.dashboard_w article + article{ margin-top: 30px}
.dashboard_w .cfirm_bx{ display: flex; padding: 0; border: none; background: none}
.dashboard_w .cfirm_bx > div{ flex:1 0 calc(50% - 20px)}
.dashboard_w .cfirm_bx > div + div{ margin-left: 40px;}
.dashboard_w .cfirm_bx table{ height: 133px}
.dashboard_w .cfirm_bx .member table thead tr th{ background:#46a5a8}
.dashboard_w .cfirm_bx .car table thead tr th{ background:#4978e3}
.dashboard_w .cfirm_bx .member td strong{ color:#46a5a8; font-size: 1.125rem }
.dashboard_w .cfirm_bx .car td strong{ color:#4978e3; font-size: 1.125rem }
.dashboard_w .apt_bx{ padding: 0; border: none; background: none}
.dashboard_w .apt_bx h4{font-size: 1.125rem;  font-weight:700;letter-spacing: -0.54px; color: #000; margin-bottom: 15px}
.dashboard_w .apt_bx .box{ display: flex}
.dashboard_w .apt_bx .box > div{ flex:1 0 50%; padding-right: 40px}
.dashboard_w .apt_bx .box > div + div{ padding-right: 0; padding-left: 40px; border-left: 1px solid #eee}

.dashboard_w aside.news_w{ margin-top:  100px; background-color: #46a5a8; color: #fff; border-radius: 10px; padding-top: 10px}
.dashboard_w .news_w article{ padding:30px 30px 10px 30px; position: relative; min-height: 180px}
.dashboard_w aside.news_w h3{ color: #fff; font-weight: 400}
.dashboard_w .news_w article a{ color: #fff}
.dashboard_w .news_w article + article{ margin: 0; border-top: 1px solid rgba(255,255,255,0.3)}
.dashboard_w .news_w article p.more{ position: absolute; top: 30px; right: 30px; font-size: 0.875rem}
.dashboard_w .news_w article p.more a{ text-decoration: underline; font-weight:700}

.dashboard_w .news_w article li a:before{ content: "-"; padding-right: 5px; width:10px; flex: 1 }

.dashboard_w .news_w article li{ display: flex}
.dashboard_w .news_w article li a{ display: flex; justify-content: space-between; width: 100%;align-items: baseline;}
.dashboard_w .news_w article li a span.tit{ display: block; flex: 1 0 calc(100% - 74px); margin-right:10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.dashboard_w .news_w article li.nodata{ justify-content: center; flex-direction: column; text-align: center; opacity: .7}
.dashboard_w .news_w article li.nodata:before{ display: block;content:"\ED93";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size:1.875rem }
.dashboard_w .news_w article li span.date{ opacity: 0.7; font-size: 0.875rem}
.dashboard_w .news_w article li a:hover span.tit{ text-decoration: underline}

/* 입주자 카드 추가 */
[data-list-default] li:before{ flex: none}
[data-list-default="no_flex"] li{ display: block} 

[data-pop="member_card"]{
    .guide{ position: absolute; left: 0; bottom: 4px} 
    .form_list{display: flex; flex-wrap: wrap; gap:0px 0px; padding-bottom: 16px; 
        li{width: calc(33.3% - 0px);  align-items: center;border-top: 1px solid #eee;  margin-top: -1px;padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; flex: none;} 
        li.w100{width: 100%; } 
        li.w75{width: calc(66% - 0px);} 
        .f_tit{ width: 90px; flex: none; padding-left:20px} 
        .f_txt{ margin-left: 0; display: flex; gap:4px; align-items: center; position: relative} 
        .w70{ width: 100%} 
        input.dates, input.dates1{    border: 1px solid #999; width: 100%; max-width: 160px} 
        span.date{ position: relative} 
        span.date:before{ position: absolute; right: 0; top: 0;width:24px; line-height: 24px; color: #666f8c; content: ""; background: url("../img/ico_date.svg") no-repeat 50% 50%; background-size: 16px; height: 24px; display: block}        
        .guide{ white-space: nowrap; padding-left: 20px; padding-right: 10px; position: relative; left: auto; top: auto; bottom: auto}        
    }
    
    .form_list.type2{
        li{width: calc(50% - 0px);}
         li.w100{width: 100%; }    
         .f_tit { width: 130px}  
         div.f_txt>div{ display: flex; align-items: center; gap:4px; white-space: nowrap; padding-right: 10px; width: calc(33% - 5px)} 
      
        
    }
     .caution_bx{ padding: 20px} 
    .lawbox{ display: flex; flex-direction: column;gap:10px;align-content: center; background: #f6f6f6; padding: 16px; border-radius: 5px;
        dl{ display: flex} 
        dt{ width: 200px; flex: none; font-weight: 600} 
    } 
    article.law{ display: flex; flex-direction: column; 
        .agree_box{ padding: 20px 0px; position: relative; text-align: center}   
        .sign_box{ padding:20px 0; border-top: 1px solid #eee; display: flex; flex-direction: column; align-items: center; margin-top: 20px; text-align: left}  
        
        .sign_g{ display: flex} 
        .chk{ margin: 0 auto} 
        .chk input[type="checkbox"] + span:before{border: 1px solid var(--success);} 
        .chk input[type="checkbox"]:checked + span:before {background: var(--success);border: 1px solid var(--success);}
    }
     
     .etc_box{ text-align: right; color: var(--gray-dark); padding-top: 20px} 
    .btm_group .print-button{ max-width:200px; height: 36px } 
    
}
 .sign_g{ display: flex; gap:40px; justify-content: flex-end; color:var(--tit-txt); font-size: 1.230rem; font-weight: 400; align-items: center; margin-top: 10px; justify-content: space-between;
    .sign{ display: flex; align-items: center;} 
    .sign *{ max-height: 38px; } 
    .bt_del{ background:  url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.70708 8.00008L11.8541 4.85308C12.0484 4.65875 12.0484 4.34042 11.8541 4.14575C11.6594 3.95142 11.3414 3.95142 11.1471 4.14575L8.00008 7.29308L4.85275 4.14575C4.65842 3.95142 4.34042 3.95142 4.14575 4.14575C3.95142 4.34042 3.95142 4.65875 4.14575 4.85308L7.29308 8.00008L4.14575 11.1471C3.95142 11.3414 3.95142 11.6598 4.14575 11.8544C4.34042 12.0488 4.65842 12.0488 4.85275 11.8544L8.00008 8.70742L11.1471 11.8544C11.3414 12.0488 11.6594 12.0488 11.8541 11.8544C12.0484 11.6598 12.0484 11.3414 11.8541 11.1471L8.70708 8.00008Z' fill='%235F5F5F'/%3E%3C/svg%3E%0A") no-repeat 50% 50%; width: 20px; height: 20px; font-size: 0; line-height: 0; text-indent: -999px; overflow: hidden}     
  
   .signname{ min-width:60px } 
   .bt_sign{border: 1px solid var(--primary); padding: 0 12px; color: var(--primary); height: 28px; line-height: 26px; text-align: center; font-size: 1rem; background: #fff; min-width: 68px}   
}


@media print {
    @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');
    html,body, *{ font-size: 11px;font-family: "Noto Serif KR", serif;  font-optical-sizing: auto;margin: 0; padding: 0; word-break: keep-all}   
    body{ font-weight:500} 
    .ax5modal{ box-shadow: none}
    ul,li{ margin: 0; padding: 0}
    h1{ text-align: center; font-size: 1.2rem; margin-bottom: 5px; padding-top: 5px} 
    h3{ font-size: 1.1rem; padding: 0; } 
    label.default{ font-weight: 700 !important} 
    label.default input:disabled, label.default input:disabled:not(:checked) + span{ display: none; }
    label.default input:disabled::checked + span{  font-weight: 700}
    .pop_header{ align-items: center; } 
	.agree_box{
		padding: 0 !important;
	}
	.caution_bx{
		padding: 5px !important;
	}
	.list_w{
		margin-top: 15px !important;
		gap: 10px !important;
	}
	article{
		gap: 10px !important;
	}
	ul li{
		padding-bottom: 5px !important;
		padding-top: 5px !important;
	}
	.list{
		gap: 5px !important;
	}
	.content{
		padding: 10px 15px 0 15px !important;
	}
	
    [data-pop="member_card"]{
        .f_txt, .f_txt>span{ font-weight: 700 !important; color: #000; word-break: break-all}    
        article{ display: flex; flex-direction: column; gap:20px} 
        article+article{ margin-top: 10px !important} 
        table{border-top:1px solid #ccc;text-align:center; width: 100%; margin: 0; padding: 0; border-collapse: collapse }
        table th, table td{height: 20px;padding: 2px 4.5px;border-bottom:1px solid #d9d9d9; vertical-align:middle;text-align:center; font-weight: 400;border-left:1px solid #ccc; font-size:1rem;border-right:1px solid #ccc}
        table td a{ text-decoration: underline; color:#46a5a8 }
        table th{font-weight:400;text-align:center; font-size: 0.92rem; color:#000}
        table thead tr th{background-color: #f2f2f2;border-bottom: 1px solid #ccc; color: #000  }
        table td{ background: #fff !important}  
        [data-list-default="no_flex"]{ display: flex; flex-direction: column; gap:10px; line-height: 1.2} 
        .danger-txt{ color: red !important; font-weight: 700} 
        .sign_g{ margin: 10px 0} 
        .sign_g, .sign_g *{ font-size: 1.1rem} 
        .etc_box, .etc_box *{ font-size: 1.2rem; text-align: center; line-height: 1.2} 
        .btm_group{ display: none} 
        .form_list *{ border-width: 1.5pt !important; border-color: #ccc !important} 
        .form_list li{ margin-top: -1.5pt;}
        .lawbox{ border: 1.5pt solid #ccc}  
    }
} 
@page {
    size: A4;
    margin: 1cm;
    margin-top: 2cm;
    margin-bottom: 2cm;   
}