.butn_cancel{display: block; width: 150px; max-width: 100%; height: 40px; line-height: 38px; border: 0; background: #444444; font-size: 15px; font-weight: 500; color: #ffffff; text-align: center; cursor: pointer;}
.butn_submit{display: block; width: 150px; max-width: 100%; height: 40px; line-height: 38px; border: 0; background: #FF5B13; font-size: 15px; font-weight: 500; color: #ffffff; text-align: center; cursor: pointer;}
.butn_01{display: block; min-width: 65px; max-width: 100%; height: 30px; padding: 0 10px; line-height: 26px; border-radius: 5px; border: 0; background: #FF5B13; font-size: 14px; font-weight: 500; color: #ffffff; text-align: center; cursor: pointer;}
.butn_02{display: block; min-width: 65px; max-width: 100%; height: 30px; padding: 0 10px; line-height: 26px; border-radius: 5px; border: 0; background: #999999; font-size: 14px; font-weight: 500; color: #ffffff; text-align: center; cursor: pointer;}
.butn_03{display: block; min-width: 65px; max-width: 100%; height: 30px; padding: 0 10px; line-height: 26px; border-radius: 5px; border: 0; background: #D50017; font-size: 14px; font-weight: 500; color: #ffffff; text-align: center; cursor: pointer;}
.butn_04{display: block; min-width: 65px; max-width: 100%; height: 30px; margin: 0 auto; padding: 0 10px; line-height: 26px; border-radius: 5px; border: 0; background: #444444; font-size: 14px; font-weight: 500; color: #ffffff; text-align: center; cursor: pointer;}
.butn_01.small, .butn_02.small, .butn_03.small, .butn_04.small {min-width: 40px; width: auto; height: 25px; line-height: 23px; font-size: 13px; font-weight: 400;}

.mn_sort-btn {display: block; width: 24px; height: 24px; margin: 0 auto; border: 0; background: none; color: #999;}
.ui-sortable-helper {display: block;}

.dim{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 990; background: rgba(0,0,0,0.7);}
.mn_alert{visibility: hidden; overflow: hidden; opacity: 0; display: block; position: fixed; top: 50%; left: 50%; width: 500px; height: auto; max-width: 95%; max-height: 95%; z-index: 995; background: #ffffff; transform: translate(-50%, -50%) scale(0.8); transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56);}
.mn_alert_top{position: relative; padding: 0 60px 0 15px; background: #f8f8f8;;}
.mn_alert_title{height: 50px; line-height: 50px; font-size: 18px; font-weight: 500; color: #000000;}
.mn_alert_close{position: absolute; top: 0; right: 0; z-index: 5; width: 50px; height: 50px; border: 0; color: #ffffff; background: #666666;}
.mn_alert_cont{height: calc(100% - 50px); padding: 20px 15px;}
.mn_alert_msg{font-size: 14px; font-weight: 400; color: #333333; line-height: 1.7; text-align: left;}
.mn_alert_btn_ul{margin: 20px -1px 0; font-size: 0; text-align: center;}
.mn_alert_btn_ul > li{display: inline-block; max-width: 50%; padding: 1px; font-size: 16px; vertical-align: top;}
.mn_alert_ok{background: #03a9f4;}
.mn_alert.show{visibility: visible; opacity: 1; transform: translate(-50%, -50%) scale(1);}

.mn_confirm{visibility: hidden; overflow: hidden; opacity: 0; display: block; position: fixed; top: 50%; left: 50%; width: 500px; height: auto; max-width: 95%; max-height: 95%; z-index: 995; background: #ffffff; transform: translate(-50%, -50%) scale(0.8); transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56);}
.mn_confirm_top{position: relative; padding: 0 60px 0 15px; background: #f8f8f8;;}
.mn_confirm_title{height: 50px; line-height: 50px; font-size: 18px; font-weight: 500; color: #000000;}
.mn_confirm_close{position: absolute; top: 0; right: 0; z-index: 5; width: 50px; height: 50px; border: 0; color: #ffffff; background: #666666;}
.mn_confirm_cont{height: calc(100% - 50px); padding: 20px 15px;}
.mn_confirm_msg{font-size: 14px; font-weight: 400; color: #333333; line-height: 1.7; text-align: left;}
.mn_confirm_btn_ul{margin: 20px -1px 0; font-size: 0; text-align: center;}
.mn_confirm_btn_ul > li{display: inline-block; max-width: 50%; padding: 1px; font-size: 16px; vertical-align: top;}
.mn_confirm_ok{background: #03a9f4;}
.mn_confirm.show{visibility: visible; opacity: 1; transform: translate(-50%, -50%) scale(1);}

.mn_popup{visibility: hidden; overflow: hidden; opacity: 0; display: block; position: fixed; top: 50%; left: 50%; width: 1000px; height: 700px; max-width: 95%; max-height: 95%; z-index: 995; background: #ffffff; border: 2px solid #000000; transform: translate(-50%, -50%) scale(0.8); transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56);}
.mn_popup-mini {width: 600px; height: 600px;}
.mn_fm_popup{width: 500px; height: auto; padding-bottom: 20px;}
.mn_popup_top{position: relative; padding: 0 60px 0 15px; background: #000000;;}
.mn_popup_title{height: 50px; line-height: 50px; font-size: 18px; font-weight: 500; color: #ffffff;}
.mn_popup_close{position: absolute; top: 0; right: 0; z-index: 5; width: 50px; height: 50px; border: 0; color: #ffffff; background: #000000;}
.mn_popup_cont{height: calc(100% - 120px); padding: 15px 5px 15px 15px;}
.mn_popup_cont .user_menu_wrap {max-height: 500px;}
.mn_popup_cont .user_menu_wrap #user_menu_edit {height: 100%;}
.mn_popup_cont .mCSB_container {padding: 5px 12px;}
.mn_popup_msg{font-size: 14px; font-weight: 400; color: #333333; line-height: 1.7; text-align: left;}
.mn_popup_btn_ul{margin: 10px -1px 0; font-size: 0; text-align: center;}
.mn_popup_btn_ul > li{display: inline-block; max-width: 50%; padding: 1px; font-size: 16px; vertical-align: top;}
.mn_popup_ok{background: #FF5B13;}
.mn_popup.show{visibility: visible; opacity: 1; transform: translate(-50%, -50%) scale(1);}
.mn_popup_cont .pagination {margin: 20px auto 0;}

#login{display: flex; flex-direction: column; justify-content: center; width: 100%; min-height: 100vh; background: #f0f0f0;}
.login_ct{text-align: center; background: #1E232E;}
.login_ct_wrap{width: 400px; max-width: 90%; margin: 0 auto; padding: 50px 0 80px; text-align: center;}
.login_logo{width: 100%; line-height: 1; text-align: center; font-size: 30px; font-weight: 500; color: #ffffff;}

.login_input_wrap{margin-top: 50px; text-align: left;}
.login_input_wrap > li{position: relative; margin-top: 10px;}
.login_input_wrap > li:first-child{margin-top: 0;}
.login_input_wrap label{display: block; position: absolute; top: 0; left: 0; z-index: 1; background: #999999; width: 35px; height: 35px; line-height: 35px; font-size: 0; text-align: center; transition: 0.3s;}
.login_input_icon{vertical-align: middle; width: 16px; color: #ffffff;}
.login_input_wrap .mn_w_input{width: 100%; padding-left: 40px; vertical-align: middle; outline: none; color: #000000; font-weight: 400; letter-spacing: 0;}
.login_input_wrap .mn_w_input::placeholder{color: #999; font-weight: 300;}
.login_input_wrap .mn_w_input:focus + label{background: #444444;}
#login_submit{display: block; width: 100%; margin-top: 20px; text-align: center;}

#console{min-height: 100vh;}
#aside{position: fixed; width: 250px; height: 100%; z-index: 500; padding: 40px 0 54px;  background: #1E232E;}
#logo{}
#logo a{display: block; padding: 0 20px; font-size: 20px; font-weight: 500; color: #ffffff; text-align: center;}
#logo img{max-width: 160px;}

#gnb{max-height: calc(100% - 59px); margin-top: 35px; overflow-y: auto;}
.gnb_ul{padding-right: 26px;}
.gnb_ul > li{}
.gnb_ul > li > a{display: block; position: relative; padding: 14px 20px; border-radius: 0 10px 10px 0; font-size: 16px; font-weight: 500; color: #cccccc;}
.gnb_ul > li > a > img {vertical-align: top; width: 22px; margin: -2px 10px 0 0;}
.gnb_ul > li > a > img.default {display: inline;} 
.gnb_ul > li > a > img.over {display: none;}
.gnb_arrow{position: absolute; top: 50%; right: 10px; z-index: 1; margin-top: -12px;}
.gnb_arrow.up{display: none;}
.gnb_ul > li:not(.active):hover > a{background: #3a4258; color: #ffffff;}

.gnb2_ul{display: none; padding: 0; border-radius: 0 10px 10px 0; background-color: #444c5c;}
.gnb2_ul > li > a{display: block; padding: 10px 20px; font-size: 15px; font-weight: 500; color: #ffffff;}
.gnb2_ul > li:hover > a {text-decoration: underline;}

.gnb_ul > li.active > a{color: #ffffff;}
.gnb_ul > li.active > a > img.default {display: none;} 
.gnb_ul > li.active > a > img.over {display: inline;}
.gnb2_ul > li.active > a {color: #ff5b13; font-weight: bold; background: #ffffff;}

.gnb_ul > li.selected.active {background: #444C5C; border-radius: 0 10px 10px 0; overflow: hidden;}
.gnb_ul > li.selected.active > a {color: #ffffff; font-weight: bold; background-color: #ff5b13; border-radius: 0 10px 0 0;}
.gnb_ul > li.selected.active .gnb2_ul{display: block;}
.gnb_ul > li.selected.active .gnb_arrow.up{display: block;}
.gnb_ul > li.selected.active .gnb_arrow.down{display: none;}

.adm-copyright {position: absolute; bottom: 0; left: 0; width: 250px; color: #999999; text-align: center; padding: 10px; font-weight: 500; font-size: 13px;}

#header {margin-left: 250px; background: #ffffff; text-align: right;}
.header_inner {display: flex; justify-content: space-between; align-items: center; padding: 19px 20px; border-bottom: 1px solid #d9d9d9;}
.header_title {font-size: 27px; font-weight: 600;}
.header_content > * {display: inline-block; vertical-align: middle;}
.header_user {margin-right: 30px;}
.header_user > * {display: inline-block; vertical-align: middle; color: #ffffff;}
.header_user img {margin-right: 6px;}
.header_user .name {margin-right: 10px; font-size: 14px; font-weight: 500; color: #000000;}
.header_user .name b {margin-right: 3px; font-size: 18px; font-weight: 700;}
.header_user .status {display: none; padding: 3.5px 8px 4px; font-size: 15px; font-weight: 700; border-radius: 5px; background-color: #ff5b13;}
.header_time {min-width: 120px; margin-right: 20px; font-size: 0; text-align: left;}
.header_time > * {display: inline-block; vertical-align: middle; color: #ffffff;}
.header_time img {margin-right: 6px;}
.header_time p {font-size: 15px; font-weight: 700; color: #ff5b13;}
.header_extend {margin-right: 25px; font-size: 14px; font-weight: 600; color: #ff5b13; border: none; background: transparent; text-decoration: underline;}
.header_btn {}
.header_btn a {display: inline-block; vertical-align: middle; padding: 12px 18px; font-size: 15px; font-weight: 600; color: #ffffff; background-color: #444444; border-radius: 5px;}
.header_btn a.edit {background-color: #6d8199;}

#page_top{margin-left: 250px;}
.mn_header{padding: 15px 20px 5px; background: #ffffff;}
.mn_header .breadcrumb{margin: 0;}
.mn_header .breadcrumb_item{font-size: 14px; font-weight: 500; color: #999999;}
.mn_header .breadcrumb .breadcrumb_item:before{padding: 0 0.2rem;}
.mn_header .breadcrumb .breadcrumb_item+.breadcrumb_item::before{content: "/"; display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #999999;}
.mn_header .breadcrumb .breadcrumb_item.active{color: #000000;}
.mn_header .tnb{display: none; float: right;}
.mn_user{position: relative; z-index: 510;}
#mn_user_btn{display: block; overflow: hidden; width: 26px; height: 26px; border-radius: 50%; border: 1px solid #222222; background: #ffffff; color: #222222;}
.mn_user_dropdown{visibility: hidden; overflow: hidden; position: absolute; top: 120%; right: 0; width: 0; height: auto; padding: 12px 0; border: 1px solid #d9d9d9; border-radius: 5px; box-shadow: 0 0 1px 0 rgb(0,0,0,0.15); transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56); background: #ffffff; opacity: 0;}
.mn_user_name{padding: 0 15px 5px; margin-bottom: 5px; border-bottom: 1px solid #e2e2e2; font-size: 13px; font-weight: 400; color: #333333;}
.mn_user_name .blue{color: #03a9f4;}
.mn_user_dropdown_btn{display: block; padding: 4px 15px; font-size: 13px; font-weight: 400; color: #666666;}
.mn_user_dropdown_btn:hover{background: rgba(0,0,0,0.065);}
.mn_user_dropdown.show{visibility: visible; width: 130px; opacity: 1;}

.page_header{padding: 5px 20px 10px; background: #ffffff;}
.page_title{margin: 0; padding: 15px 0 5px; font-size: 28px; font-weight: 700; color: #000000;}
.page_subtitle {position: relative; width: auto; height: auto !important; padding-left: 15px !important; padding-bottom: 10px !important; font-size: 20px !important; font-weight: 500; color: #000000; overflow: auto !important; line-height: 1.6 !important; text-align: left;}
.page_subtitle::before {content:""; position: absolute; left: 0; top: 9px; width: 3px; height: 20px; background: #ff5b13;}

.page_btn_wrap{padding-top: 10px;}
.page_btn_ul{margin: -2px;}
.page_btn_ul > li{padding: 2px;}
.page_btn_ul > li > *{display: block; height: 40px; line-height: 38px; padding: 0 15px; border: 1px solid #d9d9d9; border-radius: 5px; background: #ffffff; text-align: center; font-size: 15px; font-weight: 500; color: #333333; transition: all 0.2s ease-in-out;}
.page_btn_ul > li svg{vertical-align: middle; margin: -3px 3px 0 0; width: 16px; color: #333333;}
.page_btn_ul > li > *:hover {background: #ececec;}
.page_btn_ul > li > .orange {border-color: #FF5B13; background: #FF5B13; color: #ffffff;}
.page_btn_ul > li > .orange svg {color: #ffffff;}
.page_btn_ul > li > .blue {border-color: #03a9f4; background: #03a9f4; color: #ffffff;}
.page_btn_ul > li > .blue svg {color: #ffffff;}
.page_btn_ul > li > .gray {border-color: #444444; background: #444444; color: #ffffff;}
.page_btn_ul > li > .gray svg {color: #ffffff;}
.page_btn_ul > li > .red {border-color: #d50017; background: #d50017; color: #ffffff;}
.page_btn_ul > li > .red svg {color: #ffffff;}
.page_btn_ul > li > .gray {border-color: #d50017; background: #d50017; color: #ffffff;}
.page_btn_ul > li > .gray svg {color: #ffffff;}
.page_btn_ul > li > .excel {border: 1px solid #00AC47; color: #00AC47;}
.page_btn_ul > li > .excel svg{color: #00AC47;}

.page_info_wrap{margin-bottom: 10px; padding: 10px; border: 1px solid #d9d9d9; background-color: #f9f9f9;}
.page_info_ul{}
.page_info_ul > li{position: relative; margin-top: 10px; padding-left: 25px; font-size: 14px; font-weight: 400; color: #666666;}
.page_info_ul > li:first-child{margin-top: 0;}
.page_info_ul > li:before{content:"!"; display: inline-block; position: absolute; top: 50%; left: 0; z-index: 1; width: 20px; height: 20px; line-height: 16px; margin-top: -10px; border-radius: 50%; border: 2px solid #03a9f4; font-size: 15px; font-weight: 700; color: #03a9f4; vertical-align: middle; text-align: center; box-sizing: border-box;}
.page_info_wrap .required_mark{padding-left: 0;}

#contents{margin-left: 250px;}

.page_body{min-height: 100px; padding: 15px 20px !important;}
.page_body_top{margin-bottom: 10px;}
.page_body_top_in{margin-top: 10px;}
.page_body_top_in:first-child{margin-top: 0; text-align: right;}
.page_ov{overflow: hidden; padding: 10px 0;}
.page_ov_ul{margin: -3px;}
.page_ov_ul > li{padding: 3px;}
.page_ov_ul > li > *{display: block; height: 30px; line-height: 28px; padding: 0 15px; border: 1px solid #ccc; border-radius: 3px; background: transparent; text-align: center; font-weight: 400; color: #888; transition: all 0.2s ease-in-out;}
.page_ov_ul > li > *:hover{color: #03a9f4; text-decoration: underline;}
.page_ov_ul > li.active > *{border-color: #03a9f4; color: #03a9f4;}

.page_daterange{display: inline-block; vertical-align: middle;}
.page_daterange_sel{display: block; min-width: 100px; height: 35px; line-height: 33px; margin-right: 0; padding: 0 20px 0 10px; border: 1px solid #dddddd; font-size: 15px; font-weight: 500; color: #333333; text-align: left; background: #fff url(../img/icon-arrow_down.png) no-repeat center right 5px/9px; cursor: pointer;}
.page_daterange_input{display: block; min-width: 200px; height: 35px; margin-left: -1px; padding: 0 10px; border: 1px solid #dddddd; font-size: 15px; font-weight: 400; color: #333333; cursor: pointer;}

.page_body_top_lt {overflow: hidden; float: left;}
.page_body_top_lt_ul {margin: -3px;}
.page_body_top_lt_ul > li{padding: 3px;}

.page_search{position: relative; display: inline-block; vertical-align: middle;}
.page_search_ul > li > * {display: block; height: 35px; border: 1px solid #d9d9d9;}
.page_search_sel{min-width: 100px; padding: 0 20px 0 10px; margin-right: -1px; font-size: 15px; font-weight: 500; color: #333333;}
.page_search_sel#scSiteId {min-width: 140px;}
.page_search_input{padding: 0 10px; border-right: 0 !important; outline: none; font-size: 15px; font-weight: 400; color: #333333;}
.page_search_input.w-130 {width: 130px;}
.page_search_btn{background: #ffffff; width: 35px; border-left: 0 !important; color: #333333; font-size: 0;}
.page_search_btn svg{vertical-align: middle; width: 18px;}
.page_search_ul > li.page_search_filter {margin-left: 5px;}
.page_search_ul > li.page_search_filter > * {width: auto; padding: 0 7px 0 35px; background: #ffffff url('../img/icon-filter.png') no-repeat left 10px center / 19px; border: 1px solid #444444; border-radius: 3px; text-align: center; font-size: 14px; font-weight: 400; line-height: 33px;}
/*
.page_search_ul > li.page_search_filter > * {width: 35px; padding: 0 7px; background: #ffffff url('../img/icon-filter.png') no-repeat center center / 19px; border: 1px solid #444444; border-radius: 3px; text-align: center; font-size: 0; color: #ffffff; line-height: 35px;}*/
.page_search_ul > li.page_search_filter > *.active {background-color: #e9e9e9;}
.page_search_ul > li.page_search_filter > *::after {content: "검색필터"; position: absolute; left: 50%; top: 0; transform: translateX(-50%); padding: 3px 5px; margin-top: -30px; font-size: 11px; font-weight: 500; color: #999999; line-height: 1.5; background: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 5px; opacity: 0; transition: 0.2s;}
.page_search_ul > li.page_search_reset{margin-left: 5px;}
.page_search_ul > li.page_search_reset > *{width: 75px; padding: 0 7px; border-color: #444444; background: #444444; border-radius: 3px; text-align: center; font-size: 14px; font-weight: 400; color: #ffffff; line-height: 33px;}
/*
.page_search_ul > li.page_search_reset > *{width: 35px; padding: 0 7px; border-color: #444444; background: #444444; border-radius: 3px; text-align: center; font-size: 0; color: #ffffff; line-height: 35px;}*/
.page_search_ul > li.page_search_reset svg {width: 14px; margin: 0 2px 3px 0; vertical-align: middle;}

.page_filter{position: relative; margin-top: 0; text-align: right; font-size: 0;}
.filter_title{/*display: inline-block; height: 30px; line-height: 28px; padding: 0 10px; border: 1px solid #d9d9d9; font-size: 14px; font-weight: 500; color: #000000; background-color: #f9f9f9; vertical-align: top;*/ display: inline-block !important; position: absolute; top: 0; left: 0; width: 0; height: 0; margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; border: 0 !important; overflow: hidden !important;}
.filter_btn{display: inline-block; position: relative; height: 30px; line-height: 28px; padding: 0 30px 0 10px; border: 1px solid #d9d9d9; border-left: 0; font-size: 14px; color: #000000; background: #ffffff; vertical-align: top;}
.page_filter .filter_btn {display: none;}
.filter_item{margin-left: 10px; color: #FF5B13;}
.filter_item:first-child{margin-left: 0;}
.filter_text{display: inline-block !important; position: absolute; top: 0; left: 0; width: 0; height: 0; margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; border: 0 !important; overflow: hidden !important; /*margin-right: 5px; font-size: 14px; color: #666666;*/}
.filter_item svg{width: 18px; height: 18px; margin-right: -3px; vertical-align: text-bottom;}
.filter_btn_arrow{position: absolute; top: 3px; right: 7px; z-index: 1; color: #666666;}
.filter_btn_arrow svg{width: 16px;}

.filter_dropdown{visibility: hidden; overflow: hidden; position: absolute; top: calc(120% + 5px); right: 74px; z-index: 10; min-width: 230px; width: 370px; border: 1px solid #444444; background: #ffffff; font-size: 13px; text-align: left; transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56); opacity: 0; transform: scale(0.8); box-shadow: 2px 2px 5px rgba(0,0,0,0.015);}
.filter_dropdown.show{visibility: visible; opacity: 1;transform: scale(1);}
.filter_group{/*padding: 12px 12px 0;*/ margin-top: 12px; border-top: 1px solid #eceeef;}
.filter_group:first-child{margin-top: 0; padding-top: 0; border-top: 0;}
.filter_drop_label{display: block; padding: 12px 10px; font-size: 15px; font-weight: 600; background: #ededed;}
.filter_drop_check_box{max-height: 250px; padding: 10px; font-size: 0; overflow-y: auto;}
.filter_drop_check{display: inline-block; padding: 6px 10px 6px 20px; font-size: 14px; font-weight: 400; vertical-align: top; cursor: pointer; text-indent: -20px;}
.filter_drop_check input {display: none;}
.filter_drop_check input + i {position: relative; display: inline-block; vertical-align: middle; width: 22px; height: 22px; padding-left: 22px;}
.filter_drop_check input + i::before {content:""; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 1px; width: 16px; height: 16px; background: #ffffff; border: 1px solid #666666; border-radius: 50%;}
.filter_drop_check input:checked + i::after {content:""; display: inline-block; vertical-align: middle; position: absolute; left: 4px; top: 5px; width: 8px; height: 8px; background: #666666; border: 1px solid #666666; border-radius: 50%;}
.filter_drop_check input:disabled + i::before {background: #f1f1f1;}

.filter_fm_btn_groups{text-align: center; font-size: 0; padding: 10px; margin-top: 0; border-top: 1px solid #d9d9d9;}
.filter_fm_btn{display: inline-block; padding: 5px 10px 3px; font-size: 14px; vertical-align: top; background: #ffffff; border: 1px solid #d9d9d9; color: #333333; text-align: center; margin-left: 5px;}
.filter_fm_btn:first-child{margin-left: 0;}
.filter_fm_btn.blue{border-color: #444444; color: #ffffff; background: #444444;}
.filter_fm_btn svg{vertical-align: middle; margin: -2px 3px 0 0; width: 18px;}

.total_num{float: left; height: 35px; line-height: 33px; padding: 0 10px; border: 1px solid #d9d9d9; font-size: 15px; font-weight: 500; color: #000000; background: #ffffff;}

.view_limit{float: right; font-size: 0;}
.view_limit_text{display: inline-block; vertical-align: middle; height: 35px; line-height: 33px; padding: 0 10px; border: 1px solid #d9d9d9; border-right: 0; font-size: 15px; font-weight: 500; color: #000000; background-color: #f9f9f9;}
.view_limit_sel{display: inline-block; vertical-align: middle; min-width: 60px; height: 35px; line-height: 33px; padding: 0 20px 0 10px; border: 1px solid #d9d9d9; font-size: 14px; font-weight: 400; color: #000000; background-color: #ffffff;}

.dashboard-row{margin: 0 -7.5px 15px;}
.dashboard-box{padding: 0 7.5px; vertical-align: top;}
.dashboard-box-in{background: #ffffff; box-shadow: 6px 6px 35px 0 rgb(0, 0, 0, 0.05); border-radius: 20px;}
.dashboard-head{padding: 30px 30px 0; vertical-align: top;}
.dashboard-title-text1{font-size: 20px; font-weight: 700; color: #1f3a74; line-height: 1.5;}
.dashboard-title-text2{font-size: 12px; font-weight: 400; color: #666666; line-height: 1.5;}
.dashboard-title-time{min-width: 160px; height: 30px; line-height: 30px; margin-left: 15px; padding: 0 10px; border-radius: 5px; font-size: 14px; font-weight: 500; color: #000000; background-color: #f5f5f5; text-align: center;}
.dashboard-btn-group{vertical-align: top; text-align: right; font-size: 0;}
.dashboard-btn-group > ul{display: inline-block; text-align: left; font-size: 12px;}
.dashboard-btn-group > ul > li{position: relative; margin-left: 3px; color: #666666;}
.dashboard-btn-group > ul > li:first-child{margin-left: 0;}
.dashboard-btn-group > ul > li > *{display: block;}
.dashboard-btn-group > ul > li svg{width: 22px; padding: 0; cursor: pointer; transition: 0.3s;}
.dashboard-btn-group > ul > li svg:hover{}
.dashboard-help-text{visibility: hidden; overflow: hidden; opacity: 0; position: absolute; top: 105%; right: 0; z-index: 10; min-width: 200px; border-radius: 5px; background: #444444; font-size: 12px; font-weight: 400; color: #ffffff; padding: 10px 15px; line-height: 1.6; transition: all 300ms;}
.dashboard-help:hover .dashboard-help-text{visibility: visible; opacity: 1; transform: scale(1);}

.dashboard-settings-dropdown{visibility: hidden; overflow: hidden; opacity: 0; display: block; min-width: 100px; position: absolute; top: 105%; right: 0; z-index: 10; padding: 5px 0; border: 1px solid #d9d9d9; background: #ffffff; transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56); box-shadow: 0 2px 10px rgba(0,0,0,0.1); transform: scale(0.8);}
.dashboard-settings-dropdown > ul{}
.dashboard-settings-dropdown > ul > li{}
.dashboard-settings-dropdown > ul > li > *{display: block; padding: 5px; font-size: 12px; font-weight: 400;}
.dashboard-settings-dropdown > ul > li > *:hover{background: #EEEEEE;}
.dashboard-settings-dropdown.show{visibility: visible; opacity: 1; transform: scale(1);}

.dashboard-contents{height: 400px; padding: 30px 30px 0;}
.dashboard-contents .mCSB_container{padding: 10px 15px 20px;}
.dashboard-contents.h_auto {height: auto; padding-bottom: 30px;}
.dashboard-contents.h_auto .mCSB_container {padding: 0;}
.dashboard-contents .chart_box{padding: 0;}

.dashboard-status {}
.dashboard-status .dashboard-box {}
.dashboard-status .dashboard-box-in {padding: 48px 30px; font-size: 0;}
.dashboard-status .dashboard-head {display: inline-block; width: 40%; padding: 0; font-size: 16px; vertical-align: middle;}
.dashboard-status .dashboard-title {font-size: 0;}
.dashboard-status .dashboard-title img {display: inline-block; width: 50px; vertical-align: middle;}
.dashboard-status .dashboard-title-text1 {display: inline-block; width: calc(100% - 50px); padding-left: 10px; vertical-align: middle; letter-spacing: -1px;}
.dashboard-status .dashboard-status-body {display: inline-block; width: 60%; font-size: 16px; vertical-align: middle;}
.dashboard-status .dashboard-status-body:after {content: ""; display: table; clear: both;}
.dashboard-status .dashboard-status-item {float: left; width: 50%; text-align: center;}
.dashboard-status .dashboard-status-number {font-size: 30px; font-weight: 900; color: #000000; line-height: 1;}
.dashboard-status .dashboard-status-name {margin-top: 10px; font-size: 15px; font-weight: 500; color: #333333; line-height: 1;}

.dashboard-row2 .dashboard-title {width: 80%;}
.dashboard-row2 .dashboard-btn-group {width: 20%;}

.dashboard-row3 .dashboard-contents {height: 230px; padding: 15px 30px 0;}
.dashboard-row3 .dashboard-contents .mCSB_container {padding: 0;}

.dashboard-tab {margin-left: 15px; font-size: 0;}
.dashboard-tab > li ~ li {margin-left: 4px;}
.dashboard-tab .dsh-tab-btn {display: block; width: 50px; height: 30px; line-height: 28px; border: 1px solid #1f3a74; border-radius: 5px; font-size: 14px; font-weight: 500; color: #1f3a74; text-align: center; background-color: #ffffff;}
.dashboard-tab .active .dsh-tab-btn {background-color: #1f3a74; color: #ffffff;}

.dashboard-table table {width: 100%;}
.dashboard-table table td {padding: 4px 0;}
.dashboard-table .rank {display: block; width: 25px; height: 25px; line-height: 25px; border-radius: 50%; font-size: 14px; font-weight: 700; color: #ffffff; text-align: center;}
.dashboard-table .rank.num1 {background-color: #ff5b13;}
.dashboard-table .rank.num2 {background-color: #ff8955;}
.dashboard-table .rank.num3 {background-color: #ffa279;}
.dashboard-table .rank.num4 {background-color: #ffbc9f;}
.dashboard-table .rank.num5 {background-color: #ffd0bc;}
.dashboard-table .tag {display: block; width: 70px; height: 27px; line-height: 25px; border: 1px solid #ccc; border-radius: 5px; font-size: 13px; font-weight: 500; color: #000000; text-align: center; background-color: #ffffff; overflow: hidden;}
.dashboard-table .tag.complete {border-color: #ff5b13; background-color: #ff5b13; color: #ffffff;}
.dashboard-table .tag.ready {border-color: #ccc; background-color: #ccc; color: #010101;}
.dashboard-table .subj {display: block; width: 100%; padding-left: 10px; font-size: 15px; font-weight: 500; color: #000000;}
.dashboard-table .subj:hover {color: #ff5b13;}
.dashboard-table .date {font-size: 15px; font-weight: 400; color: #666666; text-align: right;}
.dashboard-table .hits {font-size: 15px; font-weight: 400; color: #666666; text-align: right;}

.dashboard-paging {margin-top: 10px; font-size: 0; text-align: center;}
.dashboard-paging > * {display: inline-block; font-size: 15px; font-weight: 400; color: #666666; vertical-align: middle;}
.dashboard-paging .arrow {border: 0; background: none; color: #333333; cursor: pointer;}
.dashboard-paging .arrow .feather {width: 20px;}
.dashboard-paging .arrow:disabled {opacity: 0.3; cursor: default;}
.dashboard-paging .prev {margin: 4px 4px 0 0;}
.dashboard-paging .next {margin: 4px 0 0 4px;}
.dashboard-paging .current {font-weight: 700; color: #000000;}
.dashboard-paging .bar {margin: 0 4px;}

.mn_v_manage{float: right; position: relative;}
.mn_v_manage .butn_cancel{display: inline-block; vertical-align: middle; float: right;}
.mn_v_manage_btn{display: none; width: 40px; height: 40px; border: 1.5px solid #333333; background: #FFFFFF; font-size: 14px; font-weight: 500; color: #333333; text-align: center;}
.mn_v_manage_btn svg{margin-top: 0; vertical-align: middle;}
.mn_v_manage_dropdown{display: inline-block; vertical-align: middle; float: left; margin-right: 5px; /*visibility: hidden; overflow: hidden; opacity: 0; position: absolute; top: 105%; right: 0; z-index: 10; min-width: 100px; border: 1px solid #d9d9d9; background: #ffffff; transition: all 250ms cubic-bezier(0.24, 0.22, 0.015, 1.56); box-shadow: 0 2px 10px rgba(0,0,0,0.1); transform: scale(0.8);*/}
.mn_v_manage_dropdown > ul{}
.mn_v_manage_dropdown > ul > li{display: inline-block; vertical-align: middle; text-align: left; /* border-top: 1px solid #e2e2e2;*/}
.mn_v_manage_dropdown > ul > li:first-child{border-top: 0;}
.mn_v_manage_dropdown > ul > li > *{display: block; height: 40px; padding: 0 10px; font-size: 14px; font-weight: 400; line-height: 38px; border: 1px solid #d9d9d9;}
.mn_v_manage_dropdown svg{width: 16px; margin: -4px 5px 0 0; vertical-align: middle;}
.mn_v_manage_dropdown > ul > li > *:hover{background: #f9f9f9;}
.mn_v_manage_dropdown.show{visibility: visible; opacity: 1; transform: scale(1);}

.tb_fix{table-layout: fixed;}

/*목록 테이블*/
.mn_tb{table-layout: fixed; width: 100%;}
.mn_tb caption{height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; overflow: hidden;}
.mn_tb thead th{padding: 13px 10px; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; background: #f4f4f4; font-size: 16px; font-weight: 600; color: #000000; text-align: center;}
.mn_tb tbody td{padding: 13px 10px; border-bottom: 1px solid #D9D9D9; font-size: 15px; font-weight: 400; color: #333333; text-align: center;}
.mn_tb tbody tr:hover > td{background-color: #f9f9f9;}
.mn_tb tbody td.mn_td-no_data{padding: 50px 0;}
.mn_tb tbody td.mn_td-pre_img{width: 300px;}
.mn_tb tbody td.mn_td-sfile{width: 325px;}

.mn_tb thead th > .butn_01, 
.mn_tb thead th > .butn_02, 
.mn_tb thead th > .butn_03 {display: inline-block;}

.mn_tb tbody td a{color: #187ed6;}
.mn_tb tbody td a .feather-external-link{width: 13px; height: 13px;}

.mn_tb tbody td .reply_icon {font-size: 16px; font-weight: 600; color: #666666;}

/* 테이블 넓이 고정 { */
.th_chk {width: 50px;}
.th_num {width: 85px;}
.th_id {width: 12%; min-width: 170px;}
.th_name {width: 140px;}
.th_tel {width: 200px;}
.th_mail {width: 15%; min-width: 230px;}
.th_date {width: 8%; min-width: 150px;}
.th_datetime {width: 13%; min-width: 200px;}
.th_ctrl {width: 17%; min-width: 270px;}

.th_50 {width: 50px;}
.th_100 {width: 6%; min-width: 100px;}
.th_150 {width: 8%; min-width: 150px;}
.th_200 {width: 13%; min-width: 200px;}
.th_250 {width: 16%; min-width: 250px;}
.th_300 {width: 18%; min-width: 300px;}
.th_350 {width: 20%; min-width: 350px;}
.th_400 {width: 22%; min-width: 400px;}
/* } 테이블 넓이 고정 */

.sm_th{width: 100px;}
.mm_th{width: 150px;}
.bm_th{width: 222px;}
.per10_th{width: 10%;}
.per20_th{width: 20%;}
.per30_th{width: 30%;}
.per40_th{width: 40%;}
.per50_th{width: 50%;}
.mn_tb_btn_group > *{margin-left: 10px; border: 0; background: none; font-size: 15px; font-weight: 500; color: #666666; border-left: 1px solid #999; padding-left: 10px;}
.mn_tb_btn_group > *:first-child{margin-left: 0; border-left: 0; padding-left: 0;}
.mn_tb_btn_group > * svg{width: 16px; vertical-align: middle; margin: -2px 1px 0 0;}
.mn_tb_btn_group > *.mn_tb_edit_btn{color: #333333;}
.mn_tb_btn_group > *.mn_tb_detail_btn{color: #1F3A74;}
.mn_tb_btn_group > *.mn_tb_delete_btn{color: #d50017;}
.mn_tb_btn_group > *:disabled, .mn_tb_btn_group > *[disabled] {color: #bfbfbf; cursor: auto;}

/*쓰기/수정 테이블*/
.mn_w_tb{table-layout: fixed; width: 100%; border-top: 1px solid #d9d9d9;}
.mn_w_tb caption{height: 0; padding: 0; font-size: 0; line-height: 0; overflow: hidden;}
.mn_w_tb tbody th{width: 200px; padding: 15px 10px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; font-size: 15px; text-align: center; background: #f4f4f4;}
.mn_w_tb tbody td{padding: 13px 10px; font-size: 15px; font-weight: 400; border-bottom: 1px solid #D9D9D9; text-align: left; background: #ffffff;}
.mn_w_tb tbody tr.highlight td{background: #ffde3b;}
.required_mark{font-size: 18px; font-weight: 500; color: #d50017; vertical-align: top; padding-left: 3px;}

.mn_w_tb2 {border: 1px solid #d9d9d9;}
.mn_w_tb2 tbody th {background: #f9f9f9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; font-size: 14px; font-weight: 500;}
.mn_w_tb2 tbody td {border-bottom: 1px solid #d9d9d9; font-size: 14px;}

.sl-label{display: inline-block; max-width: 100%; vertical-align: middle; min-width: 42px; height: 35px; line-height: 35px; padding: 0 7px; font-size: 14px; font-weight: 400; color: #ffffff; text-align: center; background: #6d8199; border-radius: 5px;}

.mn_w_sel{height: 35px; padding: 0 30px 0 10px; border: 1px solid #d9d9d9; background-color: #ffffff; vertical-align: top;}
.mn_w_sel.phone {width: 120px; max-width: 20%;}

.mn_w_input{height: 35px; padding: 0 10px; border: 1px solid #d9d9d9; font-weight: 400; color: #000000; background-color: #ffffff; vertical-align: middle;}
.mn_w_input::placeholder{color: #999999; font-size: 15px;}
.mn_w_input.full{width: 100%;}
.mn_w_input.half{width: 50%;}
.mn_w_input.phone {width: 120px; max-width: 20%;}
.mn_w_input.mail {width: 150px; max-width: 30%;}
.mn_w_input.ip {width: 80px;}
select.mn_w_input {min-width: 50px; padding-right: 20px;}
.mn_w_input_data_chk {margin-top: 5px; font-size: 13px; font-weight: 400;}
.mn_w_input_data_chk.red {color: #d50017;}
.mn_w_input_data_chk.blue {color: #187ed6;}
.mn_w_input_data_chk .feather {width: 14px; height: 14px;margin-top: -2px; vertical-align: middle;}
input.calendar{padding-right: 25px; background: #ffffff url('../img/icon-calendar.png') no-repeat center right 5px/16px auto;}
.picker-daterange {min-width: 220px;}
.picker-daterange-time {min-width: 300px;}

.daterangepicker .calendar-time{background: #e5e5e5; padding: 5px 0 7px; text-align: center;}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.ampmselect{outline: none; height: 25px; line-height: 1; padding-left: 5px; padding-right: 20px; font-weight: 400; border: 0; background: #fff url(../img/icon-arrow_down.png) no-repeat center right 5px/9px; color: #333333;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {font-size: 14px;}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {font-size: 13px;}
.daterangepicker .drp-selected {vertical-align: middle; font-size: 14px; font-weight: 400; color: #ff5b13;}
.daterangepicker .drp-buttons .btn {display: inline-block; vertical-align: middle; margin-left: 5px; background: #ffffff; border: 1px solid #dddddd; font-size: 13px; font-weight: 400; color: #333333; text-align: center;}
.daterangepicker .drp-buttons .btn-sm {}
.daterangepicker .drp-buttons .btn-default {}
.daterangepicker .drp-buttons .btn-primary {border-color: #444444; color: #ffffff; background: #444444;}

.mn_w_textarea{width: 100%; height: 250px; padding: 10px; border: 1px solid #d9d9d9; font-weight: 400; color: #000000; background-color: #ffffff; vertical-align: middle;}

.mn_w_addr_ul {}
.mn_w_addr_ul > li {margin-top: 5px;}
.mn_w_addr_ul > li:first-child {margin-top: 0;}
.addr_wrap {display:none;position:fixed;overflow:hidden;z-index:1;-webkit-overflow-scrolling:touch;}
.addr_wrap_close {cursor:pointer;position:absolute;right:-3px;top:-3px;z-index:1}

.mn_w_chk_ul{margin: 0 -8px;}
.mn_w_chk_ul > li{padding: 8px; font-size: 14px;}
.mn_w_chk input[type='checkbox'],
.mn_w_chk input[type='checkbox'] + label{font-weight: 400; color: #000000; cursor: pointer; vertical-align: middle;}

.mn_w_chk input[type='checkbox'] {display: none;}
.mn_w_chk input[type='checkbox'] + label {position: relative; padding-left: 22px;}
.mn_w_chk input[type='checkbox'] + label::before {content:""; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background: #ffffff; border: 1px solid #666666; border-radius: 3px;}
.mn_w_chk input[type='checkbox']:checked + label::before {background: #666666;}
.mn_w_chk input[type='checkbox']:checked + label::after {content:""; display: inline-block; vertical-align: middle; position: absolute; left: 3px; top: 7px; width: 12px; height: 10px; background: url('../img/icon-toggle_on.png') no-repeat center center/contain;}
.mn_w_chk input[type='checkbox']:disabled + label::before {background: #f1f1f1;}

.mn_w_chk.in_label label {vertical-align: middle; cursor: pointer;}
.mn_w_chk.in_label input {display: none;}
.mn_w_chk.in_label input + i {position: relative; display: inline-block; vertical-align: middle; width: 22px; height: 22px; padding-left: 22px;}
.mn_w_chk.in_label input + i::before {content:""; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 1px; width: 16px; height: 16px; background: #ffffff; border: 1px solid #666666; border-radius: 3px;}
.mn_w_chk.in_label input:checked + i::before {background: #666666;}
.mn_w_chk.in_label input:checked + i::after {content:""; display: inline-block; vertical-align: middle; position: absolute; left: 3px; top: 5px; width: 12px; height: 10px; background: url('../img/icon-toggle_on.png') no-repeat center center/contain;}
.mn_w_chk.in_label input:disabled + i::before {background: #f1f1f1;}
.mn_w_chk.in_label input:checked:disabled + i::before {background: #666666;}

.mn_w_radio_ul{margin: 0 -8px;}
.mn_w_radio_ul > li{padding: 8px;}
.mn_w_radio input[type='radio'],
.mn_w_radio input[type='radio'] + label{font-weight: 400; color: #000000; cursor: pointer; vertical-align: middle;}

.mn_w_radio input[type='radio'] {display: none;}
.mn_w_radio input[type='radio'] + label {position: relative; padding-left: 22px;}
.mn_w_radio input[type='radio'] + label::before {content:""; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: #ffffff; border: 1px solid #666666; border-radius: 50%;}
.mn_w_radio input[type='radio']:checked + label::after {content:""; display: inline-block; vertical-align: middle; position: absolute; left: 4px; top: 4px; width: 8px; height: 8px; background: #666666; border: 1px solid #666666; border-radius: 50%;}
.mn_w_radio input[type='radio']:disabled + label::before {background: #f1f1f1;}

.mn_add_box {display: inline-block; vertical-align: middle; margin-left: 8px;}

.mn_toggle{
  width: 60px;
  height: 30px;
  border-radius: 50px;
  display: block;
  position: relative;
  background : url('../img/icon-toggle_off.png') no-repeat 35px center #c9302c;
  cursor: pointer;
  -webkit-transition: background-color .40s ease-in-out;
  -moz-transition: background-color .40s ease-in-out;
  -o-transition: background-color .40s ease-in-out;
  transition: background-color .40s ease-in-out;
  cursor:pointer;
}
.round-btn{
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -10px;
  -webkit-transition: all .30s ease-in-out;
-moz-transition: all .30s ease-in-out;
-o-transition: all .30s ease-in-out;
transition: all .30s ease-in-out;
}
.mn_toggle_chk{
  position: absolute;
  left:0;
  right:0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  cursor:pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.mn_toggle.active{background : url('../img/icon-toggle_on.png') no-repeat 10px center #5cb85c;}
.mn_toggle.active .round-btn{left: 35px;}

.mn_w_sym{line-height: 35px; vertical-align: middle; font-size: 14px; font-weight: 600; color: #999;}

.mn_w_sbtn{display: inline-block; vertical-align: top; width: 100px; max-width: 100%; height: 35px; line-height: 35px; border-radius: 5px; border: 0; background: #6d8199; font-size: 14px; font-weight: 400; color: #ffffff; text-align: center; cursor: pointer; transition: 0.3s;}
/*.mn_w_sbtn:hover{background: #666666;}*/
.popup_search_box{margin-bottom: 15px;}

.mn_w_btn_group{margin-top: 20px; text-align: right;}
.mn_w_btn_group_ul{margin: -5px;}
.mn_w_btn_group_ul > li{padding: 5px;}

.mn_v_btn_group_ul{margin: 10px 0;}
.mn_v_btn_group_ul.lt{float: left;}
.mn_v_btn_group_ul.rt{float: right;}
.mn_v_btn_group_ul > li{margin-left: 5px;}
.mn_v_btn_group_ul > li:first-child{margin-left: 0;}

.input_info{margin-top: 0;}
.input_info > li{margin-top: 3px; padding-left: 17px; text-indent: -17px; font-size: 13px; font-weight: 400; color: #d50017;}
.input_info > li:first-child{margin-top: 7px;}
.input_info > li .feather{margin-top: -2px; width: 13px; height: 13px; vertical-align: middle;}

.authrt-list {margin-top: 5px; padding: 15px; border-radius: 0; border: 1px solid #d9d9d9; background: #f9f9f9;}
.authrt-title {font-size: 15px; font-weight: 600; color: #333333;}
.authrt-item {display: inline-block; vertical-align: middle; margin-top: 10px; margin-right: 20px; font-weight: 400;}
.authrt-text {vertical-align: middle;}
.authrt-delete {display: inline-block; vertical-align: middle;}
.authrt-delete svg {width: 20px; height: 20px;}

/*페이징*/
.pagination{margin: 40px auto 0; text-align: center;}
.pagination_ul > li > a{display: block; width: 30px; height: 30px; line-height: 27px; border: 1px solid #d9d9d9; border-left: 0; font-size: 15px; font-weight: 400; color: #333333; background-color: #ffffff;}
.pagination_ul > li:first-child > a{border-left: 1px solid #d9d9d9;}
.pagination_ul > li.pgn_arrow svg{margin-top: -2px; color: #bbbbbb; vertical-align: middle;}
.pagination_ul > li.active > a{font-weight: 700; color: #ffffff; background: #6D8199;}
.pagination_ul > li:hover > a{font-weight: 600;}
.pagination_ul > li.pgn_arrow:hover svg{color: #6D8199;}

.pagination.pagination-popup .pagination_ul > li.pgn_arrow svg {margin-top: 2px;}

/* Tab contents */
.tab_box {overflow: hidden;}
.tab_butn {display: block; min-width: 110px; padding: 10px 15px; font-size: 15px; font-weight: 500; color: #666666; background: #E9E9E9; border: 1px solid #DDDDDD; border-bottom: 0; text-align: center; overflow: hidden;}
.tab_box_ul > li.active .tab_butn {font-weight: 600; color: #ffffff; background: #444444;  border: 1px solid #444444; border-bottom: 0;}

.tab_contents {padding: 10px 0; border-top: 1px solid #DDDDDD; overflow: hidden;}
.tab_panel {display: none;}
.tab_panel.active {display: block;}

/*트리구조*/
.user_menu_wrap {width: 400px; border-radius: 5px; padding: 15px; background-color: #000000; display: inline-block; height: 700px; vertical-align: top;}
#user_menu_edit {height: calc(100% - 92px); padding: 15px; background-color: #ffffff; border-radius: 5px; border: 1px solid #e1e1e1; overflow-y: auto;}
.user_menu_btn_wrap {font-size: 0; padding-bottom: 10px;}
.user_menu_btn_wrap .tree_btn {display: inline-block; width: calc(50% - 5px); padding: 7px 0 9px; border: none; font-size: 0; font-weight: 500; color: #ffffff; border-radius: 5px;}
.user_menu_btn_wrap .tree_btn .feather {display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-bottom: -2px; margin-right: 4px;}
.user_menu_btn_wrap .tree_btn .tree_btn-text {display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 500; color: #ffffff;}
.user_menu_btn_wrap .tree_add_btn {margin-right: 10px; background-color: #FF5B13;}
.user_menu_btn_wrap .tree_delete_btn {background-color: #444444;}

.jstree-default .jstree-closed > .jstree-ocl{background: #ffffff url('../img/icon-folder.png') no-repeat center left 5px/16px auto;}
.jstree-default .jstree-open > .jstree-ocl {background: #ffffff url('../img/icon-folder-open.png') no-repeat center left 5px/16px auto;}
.jstree-default .jstree-themeicon {display: none;}
.jstree-default .jstree-themeicon-custom {display: inline-block; background-size: 16px auto !important;}

.user_menu_cont {display: inline-block; width: 700px; min-height: 700px; border-radius: 5px; background-color: #ffffff; vertical-align: top; margin-left: 10px; border: 1px solid #000000; padding: 15px;}
.user_menu_cont .mn_w_tb tbody th{width: 160px; padding: 10px; font-size: 15px; font-weight: 600;}
.user_menu_cont .mn_w_tb tbody td{}
.user_menu_cont .mn_w_textarea{height: 100px;}
.user_menu_cont .menu_link_url-btn{width: auto; margin-top: 7px; padding: 0 10px;}
.user_menu_cont .menu_link_url-btn .feather{width: 14px; height: 14px; margin: -4px 5px 0 0; vertical-align: middle;}
.hide {display: none;}

/*배너관리*/
/* > 상세보기*/
.mn_banner_simg {}

/* 비밀번호 관리 */
.password-txt_wr {padding: 35px; background-color: #ffffff;}
.password-txt01 {font-size: 16px; font-weight: 500; padding-bottom: 10px;}
.password-txt02 {line-height: 1.6;}
.password-cnt > .password-txt02 {width: 100px;}
.password-box_wr {display: flex; align-items: center; margin:  20px -10px 0;}
.password-box_wr .password-box {width: 50%; height: 100%; margin: 0 10px;}
.password-box {border: 1px solid #d9d9d9; background-color: #f9f9f9; padding: 35px;}
.password-box form {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.password-cnt {display: flex; align-items: center; margin: 10px 0;}
.password-box .butn_submit {align-self: flex-end;}

/* 권한관리 > view */
table caption.tb_tit {position: relative; width: auto; height: auto; padding-left: 15px; padding-bottom: 10px; font-size: 20px; font-weight: 500; color: #000000; overflow: auto; line-height: 1.6; text-align: left;}
table caption.tb_tit::before {content:""; position: absolute; left: 0; top: 9px; width: 3px; height: 20px; background: #ff5b13;}
.nm_w_tb {table-layout: fixed; width: 100%; border-top: 1px solid #D9D9D9;}
.nm_w_tb tbody th {padding: 13px 10px; font-size: 15px; border-bottom: 1px solid #D9D9D9; text-align: center; background: #f4f4f4; width: 25%;}
.nm_w_tb tbody th:not(:last-child) {border-right: 1px solid #D9D9D9;}
.nm_w_tb tbody td {padding: 10px 15px; background: #ffffff; border-bottom: 1px solid #D9D9D9; text-align: center; font-size: 15px; font-weight: 400;}
.nm_w_tb tbody td:not(:last-child) {border-right: 1px solid #D9D9D9;}

/* 설문조사 관리 */
/* 설문조사 관리 > write */
.survey_butn{}
.survey_butn .feather{width: 16px; height: 16px; margin: -1px 2px 0 0; vertical-align: middle;}

.survey_q_common{overflow: hidden;}
.survey_q_common_ul{margin: 0 -10px;}
.survey_q_common_ul > li{padding: 0 10px;}

.survey_q_contents{margin-top: 8px;}
.survey_q_box{overflow: hidden; width: 100%; margin-top: 5px; padding: 10px 15px 15px; border: 1px solid #D9D9D9; border-radius: 0; background: #F9F9F9;}
.survey_q_box:first-child{margin-top: 0;}
.survey_q_box_top:after{content: ""; display: table; clear: both;}
.survey_q_box-type{float: left; margin-top: 6px; font-size: 16px; font-weight: 500; color: #333333;}
.survey_q_box-btn{float: right;}

.survey_q_box-btn{overflow: hidden;}
.survey_q_box-btn_ul{margin: 0 -3px;}
.survey_q_box-btn_ul > li{padding: 0 3px;}

.survey_q_box-list_box{margin-top: 15px; clear: both;}
.survey_q_box-list{position: relative; margin-top: 5px; font-size: 0;}
.survey_q_box-list:first-child{margin-top: 0;}
.survey_q_box-list-label{display: inline-block; width: 50px; font-size: 14px; font-weight: 400; vertical-align: middle;}
.survey_q_box-list-input{display: inline-block; vertical-align: middle; width: calc(100% - 50px); padding-right: 50px; font-size: 14px;}
.survey_q_box-list-butn{position: absolute; top: 5px; right: 5px; vertical-align: middle; margin-bottom: 0; cursor: pointer;}

.survey_q_box-list.question .survey_q_box-list-input{width: calc(100% - 50px);}

.survey_q_empty{width: 100%; padding: 50px 0; border: 1px solid #d9d9d9; border-radius: 0; font-size: 15px; font-weight: 400; color: #999; text-align: center; background: #f9f9f9;}

.survey_q_box-bot{margin-top: 10px; text-align: right;}
.survey_q_box-bot select{ border: 1px solid #ddd}

/* 관리자 로그인 비밀번호 변경 */
.btn_wr2 {display: flex; margin: 0 -5px;}
.btn_wr2 > * {flex: 1; margin: 0 5px;}
#login_pw {width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center;}
#login_pw > .wrapper {width: 100%; max-width: 500px; display: flex; flex-direction: column; justify-content: center;}
#login_pw .password-box {margin-top: 15px;}
#login_pw .password-cnt_wr {margin-top: 20px; padding: 10px 0 20px; border-top: 1px solid #e2e2e2;}
#login_pw .password-txt01 {padding-bottom: 5px;}
#login_pw .password-cnt > .password-txt02 {width: 150px;}
#login_pw .password-cnt input {width: calc(100% - 150px);}
#login_pw .page_title {background: url('../img/icon-lock.svg') no-repeat center right / contain;}

.mn_v_inner.img {display: flex; align-items: center;}
.mn_v_inner.img p {margin-left: 3%;}
.mn_v_inner.img img {max-height: 150px;}
.mn_v_inner.img ~ .mn_v_inner.img {margin-top: 5px;}
.mn_v_inner .mn_tb_wrap tbody td {vertical-align: top;}

.mn_v_inner_list > li{margin-top: 5px;}
.mn_v_inner_list > li:first-child{margin-top: 0;}

.mn_v_inner.file {display: flex; align-items: center;}
.mn_v_inner.file .feather{width: 14px; height: 14px; color: #999999;}
.mn_v_inner.file .v_file-name {margin-left: 5px;}
.mn_v_inner.file .v_file-size {margin-left: 3%;}

/* 통계관리 */
.analytics_tab {overflow: hidden;}
.analytics_tab_ul {border-bottom: 1px solid #dddddd;}
.analytics_tab_ul > li {border: 1px solid #dddddd; border-bottom: 0;} 
.analytics_tab_butn {display: block; overflow: hidden; min-width: 150px; padding: 10px 20px; border-radius: 0; font-size: 15px; font-weight: 500; color: #666666; background: #E9E9E9; text-align: center;}
.analytics_tab_ul > li.active {border: 1px solid #444444; border-bottom: 0;}
.analytics_tab_ul > li.active .analytics_tab_butn {position: relative; font-weight: 600; color: #FFFFFF; background: #444444;}

.analytics_tab_contents {overflow: hidden;}
.analytics_tab_panel {display: none;}
.analytics_tab_panel.active {display: block;}

.analytics_sel {min-width: 100px; height: 30px; border: 1px solid #d9d9d9; font-weight: 400; color: #333333;}
.analytics-btn {height: 30px; line-height: 30px;}
.analytics-btn .feather {width: 14px; height: 14px; margin: -2px 5px 0 0; vertical-align: middle;}

.chart_box{padding: 20px 0; background: #ffffff;}
.chart_subj{margin-bottom: 30px; font-size: 20px; font-weight: 500; color: #000000; line-height: 1.6;}
.chart_box .page_subtitle {display: none;}
#myChart{width: 100%; height: 300px;}

/* 메뉴별 통계 */
.stat_menu-depth{}
.stat_menu-depth1{font-weight: 500;}
.stat_menu-depth2{font-weight: 400; padding-left: 10px;}
.stat_menu-depth3{font-weight: 400; padding-left: 20px;}
.stat_menu-depth .feather{width: 14px; height: 14px; stroke-width: 1px; color: #000000;}

.stat_menu-bar{display: inline-block; width: 20%; max-width: calc(100% - 110px); height: 20px; background: #4A6BB3; vertical-align: middle; margin-right: 10px; transition: width 0.3s;}
.stat_menu-num{display: inline-block; width: 42px; vertical-align: middle; font-size: 14px;}
.stat_menu-percent{display: inline-block; width: 42px; vertical-align: middle; font-size: 14px;}

/* 회원통계 */
.page_datasummary{display: inline-block; overflow: hidden; padding: 10px; background-color: #ffffff; box-shadow: 0 0 5px rgb(174, 174, 174, 0.1);}
.page_datasummary_ul{margin: -5px -10px;}
.page_datasummary_ul > li{position: relative; padding: 5px 10px; font-size: 14px; font-weight: 400; color: #333333;}
.page_datasummary_ul > li:after{content: ""; display: block; position: absolute; top: 50%; left: 0; height: 16px; margin-top: -8px; border-left: 1px solid #dddddd;}
.page_datasummary_ul > li:first-child:after{display: none;}

.chart_sec{overflow: hidden; margin-top: 30px; padding-top: 30px; border-top: 1px solid #dddddd;}
.chart_sec:first-child{margin-top: 0; padding-top: 0; border-top: 0;}
.chart_sec_wrap{margin: -10px;}
.chart_sec_in{padding: 10px;}

.chart_sec .chart_subj{margin-bottom: 10px; font-size: 18px; font-weight: 500; color: #000000;}
.chart_sec #memberChart_subj{margin-bottom: 30px; font-size: 20px; font-weight: 500; color: #000000;}

/* 게시판 관리 */
.board_tab {overflow: hidden;}
.board_tab_ul {border-bottom: 1px solid #dddddd;}
.board_tab_ul > li {border: 1px solid #dddddd; border-bottom: 0;} 
.board_tab_butn {display: block; min-width: 150px; padding: 10px 20px; border-radius: 0; font-size: 15px; font-weight: 500; color: #666666; background: #E9E9E9; text-align: center; overflow: hidden;}
.board_tab_ul li:last-child a {border-right : none;}
.board_tab_ul > li.active {border: 1px solid #444444; border-bottom: 0;} 
.board_tab_ul > li.active .board_tab_butn {position: relative; font-weight: 600; color: #FFFFFF; background: #444444;}

.board_tab_contents {overflow: hidden;}
.board_tab_content {display: none;}
.board_tab_content.active {display: block;}

/* 임시로 view 화면에서 체크상태 확인할 수 있도록 표시 */
.readOnly-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 2px solid #cccccc;
  border-radius: 4px;
  position: relative;
  cursor: default;
}

.readOnly-checkbox:checked::after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 3px;
  width: 3px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.readOnly-checkbox:checked {
  background-color: #007bff;
  border-color: #007bff;
}
.readOnly-checkbox:disabled:checked {
  background-color: #007bff;
  border-color: #007bff;
}

/* 오류 안내 */
.error-wrap {max-width: 100%; position: fixed; left: 50%; top: 50%; text-align: center; transform: translate(-50%,-50%);}
.error-img {font-size: 0;}
.error-title {margin-top: 35px; font-size: 46px; font-weight: 600; color: #333333; line-height: 1.2;}
.error-text {margin-top: 20px; font-size: 20px; font-weight: 300; color: #666666; line-height: 1.5;}
.error-text b {font-weight: 400; color: #333333;}
.error-btn__wrap {margin-top: 60px; font-size: 0;}
.error-btn {display: inline-block; vertical-align: middle; max-width: 100%; width: 180px; height: 50px; line-height: 50px; border-radius: 24px; background: #222222; text-align: center; font-size: 16px; font-weight: 300; color: #ffffff; border: none;}

/* 비밀번호 갱신 */
.up-pwsd-wrap {width: 445px; max-width: 100%; position: fixed; left: 50%; top: 50%; text-align: left; transform: translate(-50%, -50%);}

.up-pwsd-top::after {content: ""; display: table; clear: both;}
.up-pwsd-top .up-pwsd-title {float: left; margin: 25px 5px 0 0; font-size: 20px; font-weight: 700; color: #1f3a74; line-height: 1.35;}
.up-pwsd-top img {float: left; width: 111px;}

.up-pwsd-mid {margin-top: 30px;}
.up-pwsd-mid .up-pwsd-text1 {font-size: 18px; font-weight: 500; color: #000000;}
.up-pwsd-mid .up-pwsd-text2 {margin-top: 10px; font-size: 15px; font-weight: 400; color: #666666;}

.up-pwsd-cont {margin-top: 20px; padding-top: 25px; border-top: 1px solid #666666;}
.up-pwsd-fm_row {padding: 6px;}
.up-pwsd-fm_row::after {content: ""; display: table; clear: both;}
.up-pwsd-fm_row label {float: left; display: block; width: 107px; margin-top: 11px; font-size: 15px; font-weight: 500; color: #000000;}
.up-pwsd-fm_row .up-pwsd-fm_input {float: left; width: 270px; max-width: calc(100% - 107px); height: 38px; border: 1px solid #999; background-color: #ffffff;}

.up-pwsd-bot {margin-top: 40px; text-align: center; font-size: 0;}
.up-pwsd-btn_wrap {display: inline-block;}
.up-pwsd-btn_wrap::after {content: ""; display: table; clear: both;}
.up-pwsd-btn {display: block; float: left; width: 160px; height: 38px; margin: 0 10px; border: 0; font-size: 15px; font-weight: 500; color: #ffffff; text-align: center;}
.up-pwsd-btn.change {background-color: #6d8199;}
.up-pwsd-btn.after {background-color: #444444;}

/* Loading */ 
.load-wrap {
  display: none;
  position: fixed;
  width: 100%; 
  height: 100vh;
  left: 0;
  top: 0; 
  z-index: 100;
}
.load-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.file-error {
  font-weight: bold;
  color: #da0021;
  margin: 5px 5px 8px;
}

/* 텍스트 컨텐츠 */
.mn_content_wrap {padding: 15px; border-radius: 10px; border: 1px solid #dddddd; background: #f9f9f9;}
.mn_content_text {font-size: 16px; font-weight: 600; color: #333333; line-height: 1.4;}

/* 2025-12-22 관리자 페이지 수정 */
#logo img {max-width: 140px; margin-left: -19px;}
.admin-login-logo {margin-bottom: 56px;}
.admin-login-logo img {width: 240px;}
.adm-copyright-logo {margin-bottom: 20px;}
#gnb {max-height: calc(100% - 100px);}
.adm-copyright {background-color: #1E232E; z-index: 1;}