@charset "utf-8";

/* header */
/* .header {width:100%; position:relative; display:flex; justify-content:space-between; align-items:center; height:70px; box-sizing:border-box; background:#f5f5f5; box-shadow:0 1px 6px rgba(135, 149, 163, 0.2); -ms-box-shadow:0 1px 6px rgb(135 149 163 / 20%); padding:0 20px;} */
.header {width:100%; position:relative; display:flex; justify-content:space-between; align-items:center; height:70px; box-sizing:border-box; background:#f5f5f5; -ms-box-shadow:0 1px 6px rgb(135 149 163 / 20%); padding:0 20px;}

.header .header-inner {position:relative; margin:0 auto; width:1920px; height:100%; line-height:68px; display:flex; justify-content:space-between;}
.header .logo {position:relative; vertical-align:middle; display:flex; justify-content:flex-start; margin-top:3px;}
.header .logo a {display:block; transition:all 0.5s;}
.header .logo .logo_img {display:inline-block; width:45px; height:45px; background:url('../images/main/logo.png') no-repeat 0 0; font-size:0; text-indent:-9999px; margin-top:-6px;}
.header .logo .logo_txt {position:relative; display:inline-block; font-size:23px; color:#262626; font-weight:600; padding-left:12px;}

/* globalsearch */
/* .header .header-inner .globalsearch {width:320px; margin:auto 10px auto 60px; position:relative; justify-content:flex-end;} */
.header .header-inner .globalsearch {width:320px; margin:0 0 0 auto; position:relative; justify-content:flex-end;}
.header .header-inner .globalsearch .searchBox_inner {position:relative; width:100%; height:100%; display:inline-block; margin:0 auto;}
.header .header-inner .globalsearch .searchBox_inner label {}
.header .header-inner .globalsearch .searchBox_inner input {width:100%; height:38px; background:#fff; font-size:15px; font-weight:300; text-align:left; color:#333; line-height:36px; padding:2px 40px 2px 20px; display:inline-block; box-sizing:border-box; border:1px solid #262626; border-radius:38px;}
.header .header-inner .globalsearch .searchBox_inner input::placeholder {font-size:16px; text-align:left; color:#999;}
/* .header .header-inner .globalsearch .searchBox_inner button {position:absolute; top:10px; right:18px; width:20px; height:19px; font-size:0; background:url(../images/main/ico_search.png) no-repeat;} */

/* header util */
.header .util {display:flex; justify-content:flex-end;}
.header .util li {position:relative; display:inline-block; vertical-align:middle; line-height:22px; color:#333; font-size:14px; font-weight:300; margin:0 4px;}
.header .util li > a {display:block;}
.header .util li.user {display:inline-block; padding-left:22px; font-size:14px; color:#555555; font-weight:300;}
.header .util li.user:before {position:absolute; content:''; display:none; background:url('../images/main/ico_user.png') 0 0 no-repeat; left:0; top:2px; width:18px; height:18px;}
.header .util li.user span {margin-left:3px; margin-right:3px; line-height:22px; color:#262626; font-weight:500;}
.header .util li.btn_help {width:18px; height:18px; cursor:pointer;}
.header .util li.btn_help span {display:block; font-size:0; text-indent:-9999px;}
.header .util li.btn_help span:before {position:absolute; content:''; display:block; background:url('../images/main/ut_ico_help.png') center center no-repeat; left:0; top:1px; width:18px; height:18px;}
.header .util li.btn_alarm {width:18px; height:18px; cursor:pointer;}
.header .util li.btn_alarm span {position:relative; display:block; font-size:0; text-indent:-9999px;}
.header .util li.btn_alarm a {position:relative; display:block; width:18px; height:18px; text-align:center; background:url('../images/main/ut_ico_alarm.png') center 1px no-repeat; transform:translateY(0px); transition:transform 0.2s ease-in-out; margin:0; padding:13px 0 10px; box-sizing:border-box;}
.header .util li.btn_alarm a .new_alarm {display:inline-block; position:absolute; right:3px; top:-2px; z-index:1; font-size:0; text-indent:-9999px; width:6px; height:6px; border-radius:50%; background:#e60012;}
.header .util li.btn_self {width:18px; height:18px; cursor:pointer;}
.header .util li.btn_self span {display:block; font-size:0; text-indent:-9999px;}
.header .util li.btn_self span:before {position:absolute; content:''; display:block; background:url('../images/main/ut_ico_self.png') center center no-repeat; left:0; top:1px; width:18px; height:18px;}
.header .util li.btn_sett {width:18px; height:18px; cursor:pointer;}
.header .util li.btn_sett span {display:block; font-size:0; text-indent:-9999px;}
.header .util li.btn_sett span:before {position:absolute; content:''; display:block; background:url('../images/main/ut_ico_sett.png') center center no-repeat; left:0; top:1px; width:18px; height:18px;}

/* 설정 */
.header .util li a.mysetOpen {width:auto; padding:5px 0 0 0;}
.header .util li a.mysetOpen.active {}
.header .util li a.mysetOpen:before {content:""; display:block; width:100%; height:100%; position:absolute; right:0; top:0;}
.header .util li div.my_sett {width:105px; background:#fff; display:none; position:absolute; padding:7px 12px 5px; border-radius:5px; z-index:10; box-shadow:2px 3px 8px rgba(0, 0, 0, 0.2); border:1px solid #ddd; top:22px; right:0;}
.header .util li div.my_sett a {display:block; color:#333; font-size:13px; padding:0 0 3px; text-align:left; border-radius:5px;}
.header .util li div.my_sett a:hover, .header .util li div.my_sett a:focus, .header .util li div.my_sett a.active {color:#e60012;}

/* 리포트검색 */
.header .globalsearch div.searchBox_inner {width:auto; padding:5px 0 0 0;}
.header .globalsearch div.my_srcreport {width:322px; background:#fff; display:block; position:absolute; padding:7px 12px 5px; border-radius:5px; z-index:10; box-shadow:2px 3px 8px rgba(0, 0, 0, 0.2); border:1px solid #ddd; top:45px; left:0;}
.header .globalsearch div.my_srcreport a {display:block; color:#333; font-size:13px; padding:0 0 3px; text-align:left; border-radius:5px;}
.header .globalsearch div.my_srcreport a:hover, .header .globalsearch div.my_srcreport a:focus, .header .globalsearch div.my_srcreport a.active {color:#e60012;}

/* layout */
#container {position:relative; width:100%; margin:0 auto;}
#container:after {clear:both; content:""; display:block;}
#container .side_Wrap {position:relative; float:left; width:220px;}
#container .body_wrap {float:right; width:calc(100% - 230px);}
#container .body_wrap .content {width:100%; margin:0 auto; padding:20px 25px 30px; border:1px solid #e0e0e0;}
.inner {position:relative; width:1920px; margin:0 auto; box-sizing:border-box; padding:10px 0 35px;}
.wrap-body {display:flex; -webkt-display:flex; -moz-display:flex; justify-content:space-between; width:100%; max-width:1920px; margin:0 auto; padding:0 20px 0 20px; background:#f5f5f5;}
.wrap-contents:before, .tableStyle:before, .pagination:before, .wrap-contents:after, .tableStyle:after, .pagination:after {content:''; clear:both; display:block;}
.wrap-contents {display:block; width:1030px; background:#fff; border-radius:0 22px 0 0; border:1px solid #e6e8ec; border-bottom:0; border-left:0;}
.wrap-contents .content {position:relative; margin-left:30px; padding-right:30px; padding-top:20px;}
.wrap-main-contents {display:block; width:1030px;}
.wrap-main-contents .content {position:relative; margin-left:30px; padding-right:30px;}
.side_Wrap h2 {overflow:hidden; display:flex; align-items:center; justify-content:center; width:100%; height:98px; font-size:23px; font-weight:normal; line-height:1; color:#fff; background:#1f74ca; border-radius:28px 0 0 0; box-sizing:border-box;}
.wrapper {display:flex; width:100%; align-items:stretch;}

.header .logo {display:flex; align-items:center; gap:10px;}
.hamburger {width:36px; height:36px; border-radius:10px; background:transparent; border:0; display:inline-flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; cursor:pointer;}
.hamburger span {display:block; width:18px; height:2px; background:#111; border-radius:2px;}
.hamburger:hover {background:#f3f4f6;}

#sidebar {min-width:220px; max-width:220px; background:#f5f5f5; transition:all 0.3s;}
#sidebar .sidebar-header {padding:20px; background:#6d7fcc;}

/* sidebar */
#sidebar.active {margin-left:0 !important; display:block !important; min-width:72px !important; max-width:72px !important; width:72px !important; overflow:hidden !important;}
#sidebar.active #lnb {width:72px !important;}
#sidebar.active .menu-text {opacity:0 !important; width:0 !important; overflow:hidden !important; margin:0 !important;}
#sidebar.active .menu-icon {margin-right:0 !important;}
#sidebar.active .menu-label {justify-content:center !important; width:100% !important;}
#sidebar.active .btn-newwin, #sidebar.active .side-subm {display:none !important;}

.sidebar_btn {display:inline-block; font-size:0; text-indent:-9999px; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding:0 20px;}
.left_close {position:relative; display:inline-block; width:17px; height:48px; background:url('../images/common/btn_left_close.png') no-repeat 0 0; background-size:auto 100%; margin-left:5px;}
.left_close span {display:block; text-indent:-9999px;}
.left_close:after {position:absolute; content:""; display:inline-block; width:17px; height:66px; cursor:pointer;}
.left_open {position:relative; display:block; width:14px; height:48px; background:url('../images/common/btn_left_open.png') no-repeat 0 0; cursor:pointer; background-size:auto 100%; margin-left:5px;}
.left_open span {display:block; text-indent:-9999px;}

#content {width:100%; min-width:1030px; height:88vh; padding:0; transition:all 0.3s;}
.column_wrap {margin-bottom:20px; box-sizing:border-box; width:100%; min-height:380px;}
.column_wrap:after {content:''; display:block; clear:both;}

/* box */
.boxstyle_line {position:relative; padding:10px 10px; width:100%; height:100vh; overflow-y:auto; background:#fff; border:1px solid #ddd; text-align:left; border-radius:5px;}
.boxstyle_gray {position:relative; padding:10px 10px; width:100%; height:100vh; overflow-y:auto; background:#f5f5f5; border:1px solid #ddd; text-align:left; border-radius:5px;}
.scroll_wrap {position:relative; padding:10px 10px; width:100%; overflow-y:auto; border:1px solid #e9eaef; text-align:left;}
.scroll_wrap ul {position:relative;}
.scroll_wrap li {text-align:left; color:#5b5b5b; height:30px; margin:3px 0; display:flex; -webkt-display:flex; -moz-display:flex; justify-content:space-between; align-items:center;}
.scroll_wrap li a {text-align:left; display:block; line-height:28px; font-size:15px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inbox_wrap {position:relative; padding:10px 10px; width:100%; min-height:80px; border:1px solid #e9eaef; text-align:left;}
.infoBox {position:relative; padding:8px 18px 28px 37px; margin-bottom:6px; border:1px solid #d8e6eb; background:#f2f8fa;}
.infoBox:before {content:''; display:block; position:absolute; top:11px; left:13px; width:16px; height:16px; background:url("../images/common/ico_info.png") no-repeat 0 0;}
.help_txt {float:right; display:inline-block; font-size:14px; color:#666; line-height:19px; margin-bottom:5px;}
.comment {position:relative; font-size:12px; line-height:21px; color:#666; padding-right:40px; display:inline-block; margin-top:10px;}
.comment:before {content:''; display:inline-block; width:16px; height:16px; background:url('../images/common/ico_info.png') center center no-repeat; margin-right:5px; margin-top:-2px; vertical-align:middle;}
.table-scrollable-x {overflow-x:scroll;}
.table-scrollable-y {overflow-y:scroll;}

/* left menu */
#lnb {float:left; width:220px; height:100%; background:#f5f5f5;}
.wrap-left {width:100%; background:#f5f5f5;}
.wrap-left h2 {position:relative; display:block; height:70px; line-height:74px; font-size:21px; font-weight:600; text-align:center; color:#2651b9;}
.wrap-left h2:before {content:''; display:block; width:220px; height:2px; background:#9eafde; position:absolute; right:25px; left:20px; bottom:0;}
.sidebar-Menu li {position:relative;}
.sidebar-Menu li a:hover, .sidebar-Menu li a:focus {text-decoration:none;}
.sidebar-Menu li h3 {position:relative; display:block; font-size:16px; color:#333; font-weight:700 !important; background:#fff; padding-left:20px; height:48px; line-height:48px; border:1px solid #dedfe3; border-radius:8px; margin-bottom:5px;}
.sidebar-Menu h3:after {content:''; display:inline-block; width:8px; height:8px; position:absolute; border-bottom:2px solid #999; border-right:2px solid #999; right:20px; top:50%; margin-top:-4px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out; pointer-events:none; display:none;}
.sidebar-Menu li h3:hover, .sidebar-Menu li h3.sub_none:hover {color:#e60012;}
.sidebar-Menu li.active h3:after {-webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg); border-color:#fff; margin-top:-2px; display:none; font-weight:700 !important;}
.sidebar-Menu li.active h3 {background:#e60012; color:#fff; border:0; font-weight:700 !important;}
.sidebar-Menu li h3.sub_none {position:relative; display:block; font-size:16px; color:#333; font-weight:500; background:#fff; padding-left:20px; height:48px; line-height:48px; border-bottom:1px solid #e5e6eb;}
.sidebar-Menu h3.sub_none:after {content:''; display:inline-block; width:0; height:0; position:absolute; border-bottom:0; border-right:0; right:20px; top:50%; margin-top:-4px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out; pointer-events:none;}
.sidebar-Menu li.active h3.sub_none:after {margin-top:-2px;}
.sidebar-Menu li.active h3.sub_none {background:#fff; border-bottom:1px solid #e5e6eb; color:#2454bb;}
.sidebar-Menu li.active {border:1px solid #ff6464; border-radius:8px; margin-bottom:5px; font-weight:700 !important;}
.sidebar-Menu .side-subm {display:none; padding:6px 20px 10px 20px; background:#fff; border-bottom:1px solid #ddd; border-radius:8px;}
.sidebar-Menu .side-subm li.active {border:0; margin-bottom:0; font-weight:700 !important;}
.sidebar-Menu h4 {display:inline-block; color:#333; font-size:14px; font-weight:normal; line-height:27px; margin:0;}
.sidebar-Menu li h4:hover, .sidebar-Menu li h4.sub_none:hover {color:#e60012;}
.sidebar-Menu h4:before {content:''; display:inline-block; vertical-align:middle; margin-right:6px; position:relative; top:-1px; width:3px; height:3px;}
.sidebar-Menu h4:before, .sidebar-Menu .active h4:before {content:''; display:inline-block; margin-right:6px; position:relative; top:2px; width:3px; height:3px; background:#888;}
.sidebar-Menu .has-sub h4:before {content:''; display:inline-block; margin-right:6px; position:relative; top:2px; width:3px; height:3px; background:#888;}
.sidebar-Menu .has-link h4:before {content:''; display:inline-block; margin-right:6px; position:relative; top:2px; width:3px; height:3px; background:#888;}
.sidebar-Menu .side-subm a:hover h4, .sidebar-Menu .side-subm a:hover h5 {text-decoration:none;}
.sidebar-Menu .side-subm .active h4, .sidebar-Menu .has-sub.active li.active > a > h5 {color:#e60012; font-weight:700 !important; margin-bottom:0;}
.sidebar-Menu .side-subm h4:hover:before, .sidebar-Menu .side-subm .active h4:before {content:''; display:inline-block; margin-right:6px; position:relative; top:2px; width:3px; height:3px; background:#e60012;}
.sidebar-Menu .side-subm .side-subm {padding:10px 15px 10px; border:0; background:#f3f3f5; border-radius:8px; margin-bottom:8px;}
.sidebar-Menu .side-subm .side-subm li.active {border:0; border-radius:8px; margin-bottom:0;}
.sidebar-Menu .side-subm h5 {display:inline-block; color:#333; font-size:14px; font-weight:normal; line-height:24px; margin:0;}
.sidebar-Menu .side-subm h5.small-text {font-size:12px;}
.sidebar-Menu .side-subm h5:before {content:'-'; margin-right:4px;}
.sidebar-Menu .side-subm {display:none;}
.sidebar-Menu li.nsub .side-subm {padding:0; border:0;}
.sidebar-Menu li.nsub h3:after {display:none;}
.sidebar-Menu li.nsub h3 {margin-bottom:0;}

.sidebar-Menu .side-subm li > a.leaf-link {display:block; width:100%; position:relative;}
.sidebar-Menu .side-subm li > a.leaf-link h4, .sidebar-Menu .side-subm li > a.leaf-link h5 {display:block; padding-right:28px;}
.sidebar-Menu .side-subm li > a.leaf-link .btn-newwin {position:absolute; right:0; top:50%; transform:translateY(-50%); cursor:pointer; font-size:13px; line-height:1; padding:2px 4px; background:transparent; border:0; z-index:10;}
.sidebar-Menu .side-subm li.active > a.leaf-link .btn-newwin {color:inherit;}
.sidebar-Menu.ico-dot h4:before {width:4px; height:4px; background:#828282; border-radius:4px;}
.sidebar-Menu.ico-dot li.active > a > h4:before {background:#e95f22;}

/* location */
.location {width:100%; box-sizing:border-box; position:relative;}
.breadcrumb-wrapper {display:flex; align-items:center; justify-content:flex-end; float:right;}
.breadcrumb-wrapper ul {display:flex; align-items:center; margin:0; padding:0;}
.breadcrumb-wrapper ul li {float:left; line-height:26px; font-size:14px; color:#666; font-weight:normal; letter-spacing:-0.05em; padding:0 8px 0 13px; background:url('../images/common/route_arrow.png') no-repeat 0 7px;}
.breadcrumb-wrapper ul li:first-child {background:none;}
.breadcrumb-wrapper ul li:last-child {color:#262626; font-weight:500; padding-right:0;}
.location ul li {float:left; line-height:26px; font-size:14px; color:#666; font-weight:normal; letter-spacing:-0.05em; padding:0 8px 0 13px; background:url('../images/common/route_arrow.png') no-repeat 0 7px;}
.location ul li .home {display:inline-block; background:url('../images/common/icon_home.png') no-repeat 0 0; padding:0; width:14px; height:15px; font-size:0; text-indent:-9999px;}
.location ul li.home a span {float:left; font-size:0; height:0; line-height:0; position:absolute; visibility:hidden; width:0;}
.location ul li:last-child {line-height:26px; color:#262626; font-weight:500; padding-right:0;}
.location ul li:first-child {background:none;}

/* title */
.main_tit {width:100%; box-sizing:border-box;}
.main_tit h3 {display:block; padding:0 0 15px; color:#222; font-size:26px; font-weight:500;}
#content h4 {position:relative; font-size:18px; margin:6px 0 8px; color:#444; font-weight:500; letter-spacing:-0.05em;}
#content h4:before {display:inline-block; content:""; width:8px; height:8px; margin-right:7px; background:#ff6464; vertical-align:middle; margin-top:-3px; border-radius:50%;}
h4 {position:relative; font-size:18px; margin:6px 0 8px; color:#444; font-weight:500; letter-spacing:-0.05em;}
h4:before {display:inline-block; content:""; width:8px; height:8px; margin-right:7px; background:#ff6464; vertical-align:middle; margin-top:-3px; border-radius:50%;}

/* search */
.search_wrap {position:relative; display:block; margin:0 auto 20px; padding:14px 40px; box-sizing:border-box; text-align:center; background-color:#f2f4f7; border:1px solid #eee;}
.search_wrap .form_group {display:inline-block; margin-left:auto; margin-right:auto;}
.form_group {position:relative; white-space:nowrap; display:inline-block;}
.search_wrap .inline {margin-bottom:10px; display:inline; white-space:nowrap; float:left; text-align:left; position:relative;}
.search_wrap .form-label {display:inline-block; color:#444; font-size:14px; font-weight:500; letter-spacing:-0.4px; padding:0 10px 0 20px;}
.search_wrap input[type=text], .search_wrap input[type=search], .search_wrap select {height:32px;}
.search_wrap select {width:120px;}
.search_wrap input[type="text"] {width:300px;}
.search_wrap .search_btn {width:80px; height:32px; color:#fff; font-size:15px; border:0; background-color:#4b4c4d;}
.search_wrap .essential {color:#fb5666; font-size:15px; line-height:12px; vertical-align:middle;}
.search_wrap .datepicker {width:100%;}
.search_wrap label {vertical-align:middle;}
.btn_calendar {display:inline-block; width:20px; height:20px; background:#fff url(../images/common/ico_calendar.png) no-repeat 94% 50%; cursor:pointer; padding-right:16px;}
.btn_calendar span {display:inline-block; text-indent:-10000px;}
.ui-draggable, .ui-droppable {background-position:top;}

/* searchArea */
.searchArea {position:relative; background-color:#f3f3f5; border:1px solid #ececef; border-radius:6px; padding:12px 25px 7px 25px; margin-bottom:25px;}
.searchArea th, .searchArea td {padding-bottom:5px; height:38px; line-height:21px;}
.searchArea th {position:relative; text-align:right; padding-right:13px;}
.searchArea th label {color:#262626; font-size:14px; font-weight:500;}
.searchArea td {padding-right:30px;}
.searchArea input[type='text'].form-control, .searchArea select.form-control {width:100%;}
.searchArea .form-control.set-btn-md {width:Calc(100% - 70px);}
.searchArea select.form-control.year {width:30%;}
td .form-control + label.txt {margin:0 5px; word-break:keep-all; -ms-word-break:keep-all;}
.searchArea select.form-control.month {width:20%; min-width:45px;}
.searchArea .btnArea {display:block; text-align:center; width:100%; margin:15px auto 10px;}
.searchArea .btnArea [class^='btn-'] {display:inline-block; height:36px; line-height:34px; color:#fff; font-size:15px; font-weight:500; padding:0 16px; width:80px; text-align:center; border-radius:4px;}
.searchArea .btnArea .btn-refresh, .uSearchArea .l-search .btn-refresh {color:#333; background:#fff; border:1px solid #8f99a8;}
.searchArea .btnArea .btn-refresh:hover, .uSearchArea .l-search .btn-refresh:hover {background:#f1f3f9;}
.searchArea .btnArea .btn-search, .uSearchArea .l-search .btn-search {background-color:#303030; border:1px solid #303030;}
.searchArea .btnArea .btn-search:hover, .uSearchArea .l-search .btn-search:hover {background-color:#262626;}
.searchArea .btnArea button + button {margin:0 3px;}
.searchArea .set-datepicker {width:125px;}
.searchArea.single-row {padding-right:184px;}
.searchArea.single-row .btnArea, .uSearchArea .btnArea {margin-top:-17px; flex-direction:row-reverse;}
.searchArea.single-row [class^='btn-'] {display:inline-block;}
.searchArea.single-row button + button {margin-bottom:0; margin-right:5px;}
.searchArea + .listToparea .l-Top-info dt, .searchArea + .listToparea .l-Top-info dd {line-height:30px; margin-top:0;}
[class^='sp-layer-popup'] .searchArea.single-row {padding-right:90px;}
.searchArea.sm td {padding-right:15px;}
.listToparea > * {height:30px; align-items:center;}

/* datepicker */
.set-datepicker {position:relative; display:inline-block; width:125px; height:38px; background:#fff; border:1px solid #ccc; border-radius:4px;}
.set-datepicker > input {height:38px; line-height:38px; border:0; background:none; width:100%; font-size:14px;}
.set-datepicker.disabled {background:#eee; opacity:.5; filter:alpha(opacity=50); cursor:default;}
.set-datepicker.disabled input {position:relative;}
td .set-datepicker > button, td .set-datepicker > button:hover, .set-datepicker > button, .set-datepicker > button:hover {background:#fff url(../images/common/ico_calendar.png) no-repeat; width:20px; height:20px; position:absolute; right:6px; top:8px; border:0 !important; background-color:transparent; text-indent:-9999px !important; font-size:0 !important;}
.set-datepicker.disabled:after {content:''; display:block; height:100%; width:100%; position:absolute; top:0; left:0; z-index:5;}
.set-datepicker + label.txt {margin:0 5px;}
td label.txt {margin:0 5px;}
.set-datepicker.sm {width:120px;}

/* button */
.button, .button a {display:inline-block; cursor:pointer; color:inherit; text-align:center; overflow:visible; background:#fff; padding:0; text-decoration:none !important; vertical-align:middle; white-space:nowrap; margin:0;}
.button:hover {font-weight:normal;}
.button.btn_small {display:inline-block; padding:0 16px !important; border:1px solid #1b263c; background-color:#1b263c; color:#fff; font-size:13.5px; font-weight:400; height:32px; line-height:32px; vertical-align:middle; cursor:pointer;}
.button.btn_small:hover {border:1px solid #101829; background-color:#101829; color:#fff;}
.btn-Area, .btn-Area > * {display:flex; -webkt-display:flex; -moz-display:flex;}
.btn-Area {width:100%; justify-content:space-between; margin:0 0 20px 0;}
.pagination + .btn-Area {margin:20px 0;}
.btn-Area button {height:40px; line-height:38px; border:1px solid #ccc; font-size:15px; font-weight:500; padding:0 20px; border-radius:5px; text-align:center; min-width:70px;}
.btn-Area.bt-sm button {min-width:30px;}
.btn-Area > div > div + div {margin-top:5px;}
.btn-Area > div + div > button, .btn-Area > div + div > button + button {margin-right:0;}
.btn-Area > div + div > button + button {margin-left:3px;}
.btn-Area > div.fr {float:none; display:block; text-align:right; position:relative; width:100%; clear:both;}
.listToparea .l-sorting button, .btn-Area.top-sm button, .btn-Area.bt-sm button, .btn-Area.top-sm .btn-ico-sms {height:38px; line-height:36px; font-size:15px; font-weight:500; padding:0 10px; min-width:30px;}
.listToparea .l-sorting button, .top-sm button {background-color:#fff; border:1px solid #ddd; color:#333;}
.listToparea .l-sorting button:hover, .top-sm button:hover {background-color:#fff; border:1px solid #a3a3a3;}
.btn-Area .btn-etc {background-color:#fff; border:1px solid #18b779; color:#18b779;}
.btn-Area .btn-etc:hover {background-color:#f7fafd; border:1px solid #18b779;}
.btn-Area .btn-secondary {background-color:#fff; border:1px solid #e60012; color:#e60012;}
.btn-Area .btn-secondary:hover {background-color:#e60012; border:1px solid #e60012; color:#fff;}
.btn-Area .btn-dark {background-color:#333; border:1px solid #333; color:#fff;}
.btn-Area .btn-dark:hover {background-color:#262626; border:1px solid #262626;}
.email-btn-area {display:flex; justify-content:flex-start;}

.action-buttons-top button {height:40px; line-height:38px; border:1px solid #ccc; font-size:15px; font-weight:500; padding:0 20px; border-radius:5px; text-align:center; min-width:70px;}
.action-buttons-top .btn-secondary {background-color:#fff; border:1px solid #e60012; color:#e60012;}
.action-buttons-top .btn-secondary:hover {background-color:#e60012; border:1px solid #e60012; color:#fff;}
.action-buttons-top .btn-dark {background-color:#333; border:1px solid #333; color:#fff;}
.action-buttons-top .btn-dark:hover {background-color:#262626; border:1px solid #262626;}

.btn-Area .btn-normal {background-color:#fff; border:1px solid #444; color:#333;}
.btn-Area .btn-normal:hover {background-color:#f6f6f6; border:1px solid #333; color:#333;}
.btn-Area .btn-emps01 {background-color:#fff; border:1px solid #068ec9; color:#068ec9;}
.btn-Area .btn-emps02 {background-color:#fff; border:1px solid #fd5827; color:#fd5827;}
.btn-Area .btn-emps01:hover {background-color:#f5f9ff;}
.btn-Area .btn-emps02:hover {background-color:#fff8f6;}

.add-btn {align-items:stretch;}
.add-btn .form-control:first-child {flex:1;}
.add-btn .btn-ico {width:38px; height:38px; border:1px solid #ccc; background:#f5f5f5; color:#666; padding:0; line-height:36px; margin-left:3px;}
.add-btn .form-control:disabled + .btn-ico, .add-btn .form-control:disabled + .btn-ico + .btn-ico {opacity:.5;}
.add-btn .i-search {position:relative; width:38px; height:38px; background:url('../images/common/search_i_b.png') center center no-repeat; background-size:16px auto;}
.add-btn .i-search:hover {top:-1px; position:relative; width:38px; height:38px; background:#7d7d7d url('../images/common/search_i_w.png') center center no-repeat; background-size:16px auto;}
.add-btn:hover .form-control:disabled, .add-btn:hover .form-control:disabled + .btn-ico, .add-btn:hover .form-control:disabled + .btn-ico + .btn-ico {opacity:1;}
.add-btn.disabled:hover .form-control:disabled + .btn-ico {opacity:.5; background-color:#fff; border:1px solid #ccc; cursor:default;}
td .form-control + button, .form-control + button + button + button, .form-control + button + button {margin-left:5px;}
td .btn-ico {display:inline-block; background-color:transparent; border:0; text-align:center;}
td .form_group {display:inline-block; position:relative; width:100%; box-sizing:border-box;}
td .form-control + .add-btn {width:100%; display:inline-block; vertical-align:middle;}
.inlineBox {align-items:center; display:flex; -webkt-display:flex; -moz-display:flex;}
.btn-ico span {display:inline-block; vertical-align:middle; text-indent:-999999em !important; font-size:0 !important; line-height:0 !important;}

/* button info */
.btn-Area > div > .infoBox {position:relative; height:40px; line-height:38px; padding:0 15px 0 37px; border:1px solid #fceeee; background:#fef8f8; margin:2px 8px 0 0;}
.btn-Area > div > .infoBox:before {content:''; display:block; position:absolute; top:12px; left:13px; width:16px; height:16px; background:url("../images/common/ico_info.png") no-repeat 0 0;}

/* in btn */
.btn {display:block; height:38px; line-height:36px; font-size:14.5px; font-weight:400; padding:0 12px; border-radius:0;}
.table .btn, .tbl_form td .btn {height:38px; line-height:36px;}
.modify .btn {height:38px; line-height:36px;}
.btn.btn-form, .tbl_form .btn.btn-copy {background:#f5f5f5; border:1px solid #ccc; color:#555;}
.btn.btn-form:hover, .tbl_form .btn.btn-copy:hover, td .inlineBox > button:hover {background:#333; border:1px solid #333; color:#fff;}
.fileSelectBox .fileinput-button, .inlineBox.rv .fileinput-button {background:#6a7581; border:1px solid #6a7581; color:#fff;}
.fileSelectBox .fileinput-button:hover {background:#333; border:1px solid #333; color:#fff;}
.inlineBox.rv .fileinput-button .btn.btn-form {background:transparent; border:0 solid #ccc;}
.inlineBox.rv .fileinput-button .btn.btn-form:hover {background:#333; border:1px solid #333; color:#fff !important;}
.tbl_form td .btn.btn-normal {background:#6a7581; border:1px solid #6a7581; color:#fff;}
.tbl_form td .btn.btn-normal:hover {background:#5e6b78; border:1px solid #5e6b78; color:#fff;}
.tbl_form td .btn.btn-primary {background:#ff5656; border:1px solid #ff5656; color:#fff;}
.tbl_form td .btn.btn-primary:hover {background:#f14747; border:1px solid #f14747;}
.tbl_form td .btn.btn-etc {background:#fff; border:1px solid #959595; color:#333;}
.tbl_form td .btn.btn-etc:hover {background:#f3f3f3; border:1px solid #777;}

/* file */
.dis-inflx {align-items:center; display:flex; -webkt-display:flex; -moz-display:flex;}
.tbl_form .uploaderTop, .tbl_form .uploader li {align-items:center;}
.uploaderTop div *, .uploader li * {font-size:13px;}
.uploaderTop {padding-bottom:5px;}
.uploaderTop .btn-delAll, .uploaderTop .tx-result {margin-left:10px; position:relative; top:3px;}
.tableStyle .uploaderTop .btn-delAll {color:#333; background:transparent; border:0; height:16px; line-height:16px;}
.tableStyle .uploaderTop .btn-delAll:hover {text-decoration:underline; background:transparent; border:0;}
.uploaderTop .tx-result, .uploaderTop .filesize strong {color:#3683c3;}
.uploaderTop .filesize {position:relative; top:5px;}
.progress + .uploader, .fileSelectBox + .uploader {border:0; margin-bottom:5px;}
.uploader.scroll-Y {border:1px solid #e1e1e1; padding-bottom:7px; margin-bottom:5px; height:135px;}
.progress + .uploader li > div, .fileSelectBox + .uploader li > div {padding:0 5px;}
.downloader {display:block; padding:3px 0;}
.downloader li {padding:3px 0;}
.uploader li {display:flex; -webkt-display:flex; -moz-display:flex; font-size:14px; line-height:21px;}
.uploader li > * {padding:0 10px 0 0;}
.uploader li > a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px;}
.uploader li .file_down {display:inline-block; width:15px; height:14px; background:url('../images/common/ico_file_down.png') 0 0 no-repeat; font-size:0; text-indent:-9999px; margin-left:8px;}
.uploader li button:hover {opacity:1;}
.dis-inflx.rv .fileinput-button {cursor:pointer; margin-top:0;}
.dis-inflx.rv .fileinput-button:hover span {color:#fff;}
.fileSelectBox .fileinput-button + .form-control {margin-left:0; flex:1;}
.fileSelectBox .fileinput-button {word-break:keep-all; -ms-word-break:keep-all; width:85px; cursor:pointer; white-space:nowrap; margin-left:5px; height:38px; line-height:38px; font-size:14.5px !important;}
.fileSelectBox .fileinput-button > .btn-normal {background:transparent; border:0; color:#fff;}
.fileSelectBox .fileinput-button > .btn-normal:hover {background:transparent; border:0;}
.fileinput-button {position:relative; overflow:hidden; display:block; height:32px; width:85px; border:1px solid #696e83; background:#696e83; text-align:center; border-radius:3px;}
.fileinput-button:hover {background:#5c6175;}
.fileinput-button * {font-size:14px;}
.fileinput-button .btn-addfile {display:inline-block; vertical-align:middle; height:32px; line-height:30px; width:85px; background:transparent; color:#333; padding:0 10px; cursor:pointer; text-align:center;}
.fileinput-button > input {position:absolute; top:0; right:0; margin:0; opacity:0; -ms-filter:'alpha(opacity=0)'; font-size:20px !important; width:400px; direction:ltr; cursor:pointer;}
.fileinput-button.selcimg {height:32px; line-height:30px; margin-top:0; width:80px;}
.fileinput-button.selcimg .btn-addfile {width:80px; padding:0;}
.dis-inflx .fileinput-button + .form-control {margin-left:5px;}

/* file icons */
.tList td .btn-file[class^='ico'] {display:inline-block; height:20px; width:20px; vertical-align:middle; background-position:center; background-repeat:no-repeat; text-indent:-999999em !important; font-size:0 !important; line-height:0 !important;}
.tList td .btn-file:hover {text-decoration:underline !important;}
.btn-file > i[class^='ico-'] {display:inline-block; width:16px; height:16px; vertical-align:middle; background-position:center; background-repeat:no-repeat; text-indent:-999999em !important; font-size:0 !important; line-height:0 !important;}
.btn-file > span {display:inline-block; vertical-align:middle; margin-left:3px; margin-right:3px; font-size:14 !important;}
.ico-zip {background-image:url(../images/common/ico-zip.png);}
.ico-hwp {background-image:url(../images/common/ico-hwp.png);}
.ico-pdf {background-image:url(../images/common/ico-pdf.png);}
.ico-ppt {background-image:url(../images/common/ico-ppt.png);}
.ico-excel {background-image:url(../images/common/ico-excel.png);}
.ico-img {background-image:url(../images/common/ico-img.png);}
.ico-psd {background-image:url(../images/common/ico-psd.png);}
.ico-ai {background-image:url(../images/common/ico-ai.png);}
.ico-etc {background-image:url(../images/common/ico-etc.png);}

/* paging */
.pagination {display:flex; -webkt-display:flex; -moz-display:flex; justify-content:center; margin-top:30px;}
.pagination:before, .pagination:after {content:''; clear:both; display:block;}
.pagination > button, .pagination > a {width:34px; height:34px; margin:0 2px; border:1px solid #dcdcdc; background-color:#fff; border-radius:50%;}
.pagination > a {display:inline-block; text-align:center; line-height:30px;}
.pagination > a span {color:#333;}
.pagination > a.active {background-color:#e60012; border:1px solid #e60012;}
.pagination > a.active span {color:#fff; font-weight:500;}
.pagination > *:hover {border:1px solid #e60012;}
.pagination > button {text-indent:-999999em !important; font-size:0 !important; line-height:0 !important;}
.pagination .page-first {background:url('../images/common/ico_page_first.png') no-repeat 50% 50%;}
.pagination .page-prev {background:url('../images/common/ico_page_pre.png') no-repeat 50% 50%;}
.pagination .page-next {background:url('../images/common/ico_page_next.png') no-repeat 50% 50%;}
.pagination .page-last {background:url('../images/common/ico_page_last.png') no-repeat 50% 50%;}
.pagination > button[disabled] {cursor:not-allowed;}

/* table info */
.tbl_info {position:relative; width:100%; display:flex; -webkt-display:flex; -moz-display:flex; align-items:center; justify-content:space-between;}
.tbl_info .infoLeft {position:relative; margin-bottom:10px; padding-top:10px; display:flex; -webkt-display:flex; -moz-display:flex;}
.tbl_info .infoRight {position:relative; margin-bottom:12px; display:flex; -webkt-display:flex; -moz-display:flex;}
.tbl_info ul li {display:inline-block; font-size:14px; font-weight:300; color:#333;}
.tbl_info ul li.line {display:inline-block; clear:both; content:""; width:1px; height:11px; vertical-align:middle; background-color:#ccc; margin:-1px 5px 0 5px;}
.tbl_info ul li .txt_total {color:#e60012; padding:0 3px; font-weight:500;}
.tbl_info .sel_box {display:inline-block; position:absolute; right:0;}

/* viewType */
.viewType {float:left; margin-left:8px;}
.viewType ul {margin:0; padding:0;}
.viewType li {float:left; padding-left:2px;}
.viewType li a {display:block; width:30px; height:30px;}
.viewType li a.db_list {text-indent:-9999px; font-size:0; background:url('../images/common/thumb_list.png') no-repeat;}
.viewType li a.db_list:hover, .viewType li a.db_list.on {background:url('../images/common/thumb_list_on.png') no-repeat;}
.viewType li a.db_webzine {text-indent:-9999px; font-size:0; background:url('../images/common/thumb_webjin.png') no-repeat;}
.viewType li a.db_webzine:hover, .viewType li a.db_webzine.on {background:url('../images/common/thumb_webjin_on.png') no-repeat;}

/* tList */
.tList {position:relative; border-top:2px solid #555;}
.tList:before, .tList:after {content:''; clear:both; display:block;}
.tList tbody tr {position:relative;}
.tList table tbody tr.not-hover td:first-child {border-left:0;}
.tList table tbody tr.not-hover td > a:hover {color:#101010;}
.tList table tbody tr:hover td {color:#101010;}
.tList table tbody tr td:first-child {border-left:0;}
.tList th, .tList td {text-align:center; vertical-align:middle; word-break:break-all; -ms-word-break:break-all;}
.tList th {border-bottom:1px solid #000;}
.tList thead th {background:#fff; color:#101010; font-size:14px; font-weight:500; height:48px; padding:12px 5px 10px; border-bottom:1px solid #aaa;}
.tList tbody th, .tList td {border-bottom:1px solid #b2acac !important; height:48px; padding:12px 5px; color:#333; font-size:14px; font-weight:300;}
.tList td > a:hover {color:#101010;}
.tList .col-link {text-align:left;}
.tList .col-link a {text-align:left; color:#222;}
.tList td .form-checkbox + .form-checkbox, .tList td .form-radio + .form-radio {margin-left:5px;}
.tList table tbody tr td.td-line, .tList table tbody tr.not-hover td.td-line {border-left:1px solid #ddd;}
.tList thead th.th-line {border-left:1px solid #ddd;}
.no-result {display:block; height:6em; line-height:6em; text-align:center; color:#999;}
.essential {display:inline-block; color:#e60012; font-size:17px; line-height:18px; vertical-align:text-top; padding:0 0 0 3px;}
.tList .menu-scroll {height:570px; overflow-y:auto; overflow-x:auto;}
.tList .menu-scroll thead th {position:sticky; top:0; z-index:2; background:#fff;}

/* tList thumbnail */
.tList_thum {position:relative; border-top:2px solid #555;}
.tList_thum:after {content:''; display:block; clear:both;}
.tList_thum ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.tList_thum li {width:calc(50% - 20px); margin:10px 10px; overflow:hidden; border:1px solid #ddd; padding:20px 25px;}
.tList_thum li:hover {border:1px solid #262626; box-shadow:2px 5px 10px 2px rgba(0, 0, 0, 0.1);}
.tList_thum li .tit {position:relative; margin:6px 0 13px; font-size:18px; color:#262626; font-weight:600; text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; height:42px; -webkit-box-orient:vertical;}
.tList_thum li .desc {position:relative; width:100%; margin-bottom:15px; font-size:15px; color:#262626; line-height:1.5; text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; height:42px; -webkit-box-orient:vertical;}
.tList_thum .txt_data {display:inline-block; font-size:14px; color:#666; padding-left:26px; background:url(../images/common/ico_data.png) 0 center no-repeat; background-size:16px 16px;}
.tList_thum a.btn-more {display:inline-block; line-height:24px; font-size:14px; color:#333; font-weight:400; text-align:center; padding:5px 45px 5px 17px; background:#fff url(../images/common/more_arrow.png) no-repeat 82% 45%; border:1px solid #666; border-radius:36px;}
.tList_thum a.btn-more:hover {border:1px solid #ff6464;}
.tList_thum li a {display:block; padding:0; position:relative;}

/* table view/form */
.tbl_view {position:relative; width:100%; display:inline-block; border-top:2px solid #555;}
.tbl_view:after {content:''; display:block; clear:both;}
.tbl_view + .btn-Area {margin-top:5px;}
.tbl_form {width:100%; background-color:#fff; border-bottom:0; table-layout:fixed; border-collapse:separate; margin-bottom:20px;}
.tbl_form thead th + th, .tbl_form td + td, .tbl_form th + td, .tbl_form tbody th + th, .tbl_form tbody td + th {border-left:1px solid #ddd;}
.tbl_form th, .tbl_form td {vertical-align:middle; height:48px; padding:12px 10px; word-break:break-all; -ms-word-break:break-all;}
.tbl_form th {border-bottom:1px solid #ddd; text-align:center; background:#f3f3f5; letter-spacing:-0.5px; font-weight:500; font-size:14.5px; color:#262626;}
.tbl_form td {border-bottom:1px solid #ddd; text-align:left; word-break:break-all; -ms-word-break:break-all; font-size:14px; font-weight:300; color:#333;}
.tbl_form td label {vertical-align:top; padding-right:10px;}
.tbl_form td input[type='text'], .tbl_form td input[type='password'] {width:100%;}
.tbl_form select {width:auto;}
.tbl_form textarea {width:100%; min-height:80px;}
.tbl_form td img {vertical-align:middle;}
.tbl_form td .form_inline {display:inline-block; float:left; box-sizing:border-box;}
.tbl_form td .form_group {display:inline-block; position:relative; width:100%; box-sizing:border-box;}
.tbl_form td .form_group input[type='text'], .tbl_form td .form_group input[type='password'] {width:100%;}
.tbl_form td .form_group em {display:inline-block; padding-left:8px; padding-right:8px; font-size:14px;}
.tbl_form td .form_inline .label, .tbl_form td .form_group .label {display:inline-block; vertical-align:middle; color:#333;}
.tbl_form th.blank_bg, .tbl_form td.blank_bg {border-left:none; border-right:none; background:#fff; height:5px;}
.tbl_form td.subject_bg {border-left:none; border-right:none; background:#fff;}
.tbl_form td .subject_text {display:block; word-break:keep-all; color:#171717; font-size:19px; font-weight:600; line-height:25px; letter-spacing:-0.04em; border-bottom:1px solid #666; padding:8px 10px 15px; margin:0 -10px;}
.tbl_form td .subject_info {display:flex; justify-content:space-between; padding:3px 0; margin-top:15px; font-size:14px; letter-spacing:-0.03em; color:#666;}
.tbl_form td .subject_info .p-split {position:relative; display:inline-block;}
.tbl_form td .subject_info .p-split:first-child {margin-left:0;}
.tbl_form td .subject_info .p-split:first-child:before {display:none;}
.tbl_form td .subject_info .p-split em {display:inline-block;}
.tbl_form td .subject_info .p-split .em_tit {position:relative; display:inline-block; padding-right:10px;}
.tbl_form td .subject_info .p-split .em_tit:after {display:inline-block; content:''; width:1px; height:12px; margin-left:10px; margin-bottom:2px; background-color:#bdc0cb; vertical-align:middle;}
.tbl_form td .subject_info .p-split .em_value {display:inline-block; color:#262626; font-weight:400;}
.tbl_form .datepicker {width:100%;}
.tbl_form .date_group {display:inline-block; position:relative;}
.tbl_form .date_group i {display:inline-block; width:16px; color:#000; text-align:center; font-size:13px;}
.table input.text_amount, .tbl_form input.text_amount {text-align:right; padding-right:5px !important; box-sizing:border-box;}
.table select.form-control.year {width:30%;}
.table select.form-control.month {width:20%; min-width:45px;}
td .form-control.time {width:65px !important; min-width:60px;}
.infotxt {display:inline-block; line-height:16px; font-size:13px; font-weight:300; padding-top:6px;}
.tbl_form td .form-control {width:100%;}
.tbl_form td .btn, .tbl_form td .add-btn .btn-ico {display:inline-block; height:32px; line-height:30px;}
.tbl_form td select.form-control {width:100%;}
.tbl_form textarea.form-control {min-height:70px; width:100%;}
.tbl_form td .form-control + label.txt {margin:0 5px; word-break:keep-all; -ms-word-break:keep-all;}

button.ico_del {display:inline-block; border-radius:10px; background:#d7d7d7; width:18px; height:18px; line-height:18px; text-align:center; margin-right:5px;}
button.ico_del:hover {background:#eb173d;}
button.ico_del i {color:#fff; font-size:11px; margin-top:2px;}
input.tabl_in_input {border:1px solid #d9dadf; height:26px; text-indent:8px;}
select.tabl_in_select {border:1px solid #d9dadf; height:26px; padding:0 0 0 5px;}
textarea.textarea_style {border:1px solid #d9dadf; padding:10px 8px; width:98%;}

/* icon button */
td .btn-ico, td .i-ico {display:inline-block; background-color:transparent; border:0; text-align:center;}
.btn-ico span, .i-ico span {display:inline-block; vertical-align:middle; text-indent:-999999em !important; font-size:0 !important; line-height:0 !important;}
.i-del span {width:16px; height:16px; background:url(../images/common/ico_btn_del.png) center no-repeat; position:relative;}

/* scroll */
#scrollstyle::-webkit-scrollbar-track, #scrollstyle-x::-webkit-scrollbar-track {border-radius:0; background-color:#f5f5f5;}
#scrollstyle::-webkit-scrollbar {width:8px; background-color:#f5f5f5;}
#scrollstyle-x::-webkit-scrollbar {height:8px; background-color:#f5f5f5;}
#scrollstyle::-webkit-scrollbar-thumb, #scrollstyle-x::-webkit-scrollbar-thumb {border-radius:0; background-color:#ccc;}

/* popup */
[class^='sp-layer-popup'], .ydp-mlayer-popup {position:absolute; top:0; left:0; z-index:999999; width:100%; height:100%;}
[class^='sp-layer-popup'] .wrap-layer-bg, .ydp-mlayer-popup .wrap-layer-bg {position:fixed; z-index:110; width:100%; height:100%; background-color:#333; opacity:0.7;}
[class^='sp-layer-popup'] .popupbox, .ydp-mlayer-popup .popupbox {position:fixed; top:50%; left:50%; z-index:120; border:1px solid #ddd; background-color:#fff; box-sizing:border-box; border-radius:0;}
[class^='sp-layer-popup'] .popupbox section, .popupbox section {position:relative; padding:25px;}
.popupbox {position:fixed; top:50%; left:50%; z-index:120; background-color:#fff; box-sizing:border-box;}

.ydp-mlayer-popup .popupbox {border:0; border-radius:16px;}
.popupbox .pb-head {height:53px; background-color:#2646a6;}
.popupbox .pb-head h2 b {color:#fff; font-size:20px; font-weight:400; line-height:51px; margin-left:30px;}
.popupbox .pb-head .btn-close-setting {display:block; position:absolute; top:30px; right:30px; z-index:125; width:16px; height:16px; background:url(../images/common/ico_pop_close.png) no-repeat; text-indent:-9999px;}
.popupbox .pb-body {position:relative; padding:25px 30px 5px; background-color:#fff;}
.popupbox .pb-body article {margin-left:0;}
.popupbox .pb-body h3 {font-size:20px; color:#474d5c; padding:10px 0 15px;}
.popupbox .pb-body .keyword_add_wrap {position:relative; display:inline-block; vertical-align:top; padding-bottom:20px; border-bottom:1px solid #e0e0e0;}
.popupbox .pb-body .keyword_add_wrap a {float:left; display:block; margin:0 8px 8px 0;}
.ydp-mlayer-popup li label span {font-size:15px; color:#282828;}
.ydp-mlayer-popup .btn-Area {padding-top:15px; text-align:center; bottom:0; display:flex; -webkt-display:flex; -moz-display:flex; justify-content:center; border-top:1px dashed #ccc; height:70px; width:100%; margin:0 auto;}
.ydp-mlayer-popup .btn-Area button {height:50px; line-height:48px; border-radius:50px; font-size:18px; font-weight:500; padding:0 12px; text-align:center; min-width:50px;}
.ydp-mlayer-popup .btn-Area button + button {margin-left:5px;}
.ydp-mlayer-popup .btn-Area .btn-save {width:100px; color:#fff; background:#eb4c97;}
.ydp-mlayer-popup .btn-Area .btn-save:hover {color:#fff; background:#e2428d;}
.ydp-mlayer-popup .btn-Area .btn-cancel {width:100px; color:#fff; background:#474d5c;}
.ydp-mlayer-popup .btn-Area .btn-cancel:hover {color:#fff; background:#3e4452;}

/* modal */
.dim-layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.dim-layer .dimBg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.dim-layer .pop-layer {display:block; position:absolute;}

#dim-layer-groupname {position:fixed !important; top:0; left:0; right:0; bottom:0; display:none; z-index:9999;}
#dim-layer-groupname .dimBg {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5);}
#dim-layer-groupname .pop-layer {position:fixed !important; top:50% !important; left:50% !important; transform:translate(-50%, -50%) !important; margin:0 !important; z-index:10000;}

#dim-layer-useradd {position:fixed !important; inset:0 !important; display:none; z-index:9999;}
#dim-layer-useradd .dimBg {position:absolute !important; inset:0 !important; background:rgba(0,0,0,0.5);}
#dim-layer-useradd .pop-layer {position:fixed !important; top:50% !important; left:50% !important; transform:translate(-50%, -50%) !important; margin:0 !important; z-index:10000;}
#dim-layer-useradd .modal-mini {max-width:600px; width:calc(100% - 40px);}

.pop-layer {display:none; position:fixed; top:50%; left:50%; width:auto; height:auto; z-index:1000 !important; padding:1px;}
.modal-lg {width:1000px;}
.modal-md {width:760px;}
.modal-mini {width:500px;}
.modal-content {position:relative; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; outline:0; border-radius:16px;}
.modal-header {width:100%; height:53px; background:#303030; border-radius:15px 15px 0 0;}
.modal-header:after {content:''; display:block; clear:both;}
.modal-header .close {margin-top:0;}
.modal-header .pop_close {float:right; margin-right:30px;}
.modal-header .pop_close a {display:block; background:url('../images/common/ico_pop_close.png') no-repeat; width:18px; height:18px; font-size:0; margin-top:20px;}
.modal-header .pop_title {text-align:left; font-size:20px; font-weight:400; color:#fff; line-height:53px; text-indent:30px; display:inline-block;}
.modal-body {position:relative; padding:20px 20px 20px; background-color:#fff;}
.modal-body h3 {font-size:20px; color:#474d5c; padding:10px 0 15px;}
.modal-body .keyword_add_wrap {position:relative; display:inline-block; vertical-align:top; padding-bottom:20px; border-bottom:1px solid #e0e0e0;}
.modal-body .keyword_add_wrap a {float:left; display:block; margin:0 8px 8px 0;}
.modal-footer {margin:0 auto; padding:15px 0; text-align:center; border-top:1px solid #ddd;}
.modal-footer .btn + .btn {margin-bottom:0; margin-left:3px;}
.modal-footer .btn-group .btn + .btn {margin-left:-1px;}
.modal-footer .btn-block + .btn-block {margin-left:0;}
.modal-footer button {height:38px; line-height:36px; border-radius:4px; font-size:14.5px; font-weight:400; padding:0 16px; text-align:center; min-width:70px;}
.button.btn_pop_save {background-color:#fff; border:1px solid #e60012; color:#e60012;}
.button.btn_pop_save:hover {background-color:#e60012; border:1px solid #e60012; color:#fff;}
.button.btn_pop_cancel {background-color:#fff; border:1px solid #444; color:#333;}
.button.btn_pop_cancel:hover {background-color:#f6f6f6; border:1px solid #333; color:#333;}

/* civil */
.civil-petitioner_info {position:relative;}
.civil-petitioner_info ul li {position:relative; width:100%; display:inline-block; vertical-align:middle; margin:2px 0; line-height:32px;}
.civil-petitioner_info ul li .title {position:relative; width:120px; float:left; color:#262626; font-size:14px; font-weight:500; letter-spacing:-0.025em; line-height:22px; background:#f3f5f7; border-radius:3px; padding:8px 8px 8px 12px; margin-right:4px;}
.civil-petitioner_info ul li .title:before {display:inline-block; content:""; width:3px; height:3px; margin-right:7px; background:#2b3992; border-radius:5px; vertical-align:middle; margin-top:-3px;}
.civil-petitioner_info ul li .text {width:calc(100% - 140px); float:left; color:#333; font-size:14px; word-break:keep-all;}
.civil-petitioner_info ul li .text.state_label {display:inline-block; width:auto; height:26px; padding:0 14px; color:#fff; font-size:14px; font-weight:300; line-height:26px; text-align:center; vertical-align:middle; background:#1ea0ff; border-radius:26px; margin-top:3px;}
.civil-petitioner_info ul li .text.state_label_green {display:inline-block; width:auto; height:26px; padding:0 14px; color:#fff; font-size:14px; font-weight:300; line-height:26px; text-align:center; vertical-align:middle; background:#4acaa1; border-radius:26px; margin-top:3px;}
.civil-petitioner_info ul li .text.state_label_red {display:inline-block; width:auto; height:26px; padding:0 14px; color:#fff; font-size:14px; font-weight:300; line-height:26px; text-align:center; vertical-align:middle; background:#ed6387; border-radius:26px; margin-top:3px;}
.civil-petitioner_info ul li .text.state_label_gray {display:inline-block; width:auto; height:26px; padding:0 14px; color:#fff; font-size:14px; font-weight:300; line-height:26px; text-align:center; vertical-align:middle; background:#9c9fa3; border-radius:26px; margin-top:3px;}
.civil-petitioner_info ul li .text input[type="text"] {height:36px; margin:0 1px; padding:0 5px; border:solid 1px #ccc; line-height:36px; font-size:14px; color:#333; font-weight:300; vertical-align:middle;}

/* page title */
.page-title {position:relative; width:100%; height:62px; padding:15px 20px; background-color:#2456bc; margin-bottom:20px;}
.page-title span {line-height:29px; font-size:23px; font-weight:500; color:#fff !important;}
.page-title > .pop_close {float:right; margin-right:10px;}
.page-title > .pop_close a {display:block; background:url('../images/common/ico_pop_close.png') no-repeat; width:18px; height:18px; font-size:0; margin-top:7px;}
.page-title + article, .page-title + .content-title, .content-title + .sec-title {margin-top:15px;}

/* login */
.logback {width:100%; height:100%; left:0; top:0; position:fixed; background:linear-gradient(to bottom, #f7f7f7, #f7f7f7 50%, #fff 50%, #fff 100%);}
.logback .login_box {margin:0 auto; width:480px; height:auto; margin-top:10%; background:#fff; border-radius:28px; box-shadow:0 1px 10px #c4c6cc; -moz-box-shadow:0 1px 10px #c4c6cc; -webkit-box-shadow:0 1px 10px #c4c6cc;}
.logback .login_box:after, .sign_up:after {content:""; clear:both; display:block;}
.sign_up {position:relative; margin:10% auto 0; width:60%; height:auto;}
.sign_up h1 {margin:8% auto 20px; display:block; clear:both; height:55px; line-height:55px; text-align:center;}
.sign_up h1 img {display:inline-block; max-width:100%; margin-right:13px;}
.sign_up h1 .textlogo {display:inline-block; font-size:22px; color:#121212; font-weight:600; padding-top:5px;}
.sign_up .logWrap {width:100%; margin:0 auto; text-align:center; padding:30px 0;}
.logWrap .input_wrap {position:relative; width:100%; text-align:center; clear:both;}
.logWrap .input_wrap h3 {height:40px; line-height:21px; padding-top:20px; text-align:center; display:block; font-size:21px; font-weight:500; color:#262626; margin:0 auto 20px;}
.logWrap .input_wrap input[type=text], .logWrap .input_wrap input[type=password] {text-indent:38px; width:100%; height:45px; font-size:15px; padding:0; border:1px solid #ccc; border-radius:4px;}
.logWrap .input_wrap input:focus {border:1px solid #262626 !important; outline:none !important; -ms-outline:none !important;}
.logWrap .input_wrap input::placeholder {color:#999999 !important;}
.logWrap .input_wrap .txt_id, .logWrap .input_wrap .txt_pw {width:100%; height:42px; font-size:15px; border:1px solid #ccc;}
.logWrap .input_wrap .txt_id {margin-bottom:10px; width:100%; height:100%; background:#fff url('../images/main/login_ico_user.png') 10px 50% no-repeat;}
.logWrap .input_wrap .txt_pw {width:100%; height:100%; background:#fff url('../images/main/login_ico_pw.png') 10px 50% no-repeat;}
.logWrap .input_wrap .save_id {float:left; color:#333; padding:15px 0 20px;}
.input_wrap .btn_login {display:inline-block; width:100%; height:48px; line-height:48px; margin-bottom:20px; border:0; color:#fff; text-align:center; font-weight:400; font-size:17px; border-radius:6px; background:#262626;}
.input_wrap .btn_login:hover {background:#e60012; border:0;}
.logWrap .input_wrap .btn_other {position:relative; margin:0 auto 30px; display:inline-block;}
.logWrap .input_wrap .btn_id {padding-right:15px; position:relative;}
.logWrap .input_wrap .btn_id:after {position:absolute; top:6px; right:4px; clear:both; content:''; display:inline-block; font-size:0; height:10px; width:1px; background-color:rgba(0,0,0,.3); line-height:0;}
.logWrap .input_wrap .btn_id:hover span, .logWrap .input_wrap .btn_pw:hover span {color:#e60012;}
.hidden {font-size:0; width:0 !important; height:0; line-height:0; overflow:hidden; visibility:hidden; position:absolute;}

/* board_index */
.board_index {overflow:hidden; position:relative; margin:0 auto; width:100%; min-width:1030px;}
.board_index > .board-inner {display:flex; justify-content:space-between; width:100%;}
.board_index .left, .board_index .right {width:49%;}
.board_index .right {margin-left:auto;}
.board_index .latest {display:block; box-sizing:border-box; border:1px solid #ddd; background:#fff; border-radius:12px; padding:20px 25px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.05);}
.board_index .latest .tit {display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; font-size:21px; color:#171717; font-weight:700;}
.board_index .latest .tit a {font-size:14px; color:#e60012; transition:all .2s; padding:4px 16px;}
.board_index .latest .tit a:hover {color:#e60012;}
.board_index .latest ul li {width:100%;}
.board_index .latest ul li a {position:relative; display:flex; align-items:center;}
.board_index .latest ul li + li {margin-top:10px;}
.board_index .latest ul li a .subj {position:relative; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:70%; font-size:17px; line-height:25px; letter-spacing:-0.03em; color:#000; padding-right:25px;}
.board_index .latest ul li a .subj:after {content:""; display:block; position:absolute; bottom:3px; left:0; width:0; height:1px; background-color:#e60012; transition:width 0.3s ease-in-out;}
.board_index .latest ul li a:hover .subj:after {width:95%; color:#3831f9;}
.board_index .latest ul li a:hover .subj {color:#e60012;}
.board_index .latest ul li .date {flex-shrink:0; margin-left:auto; font-size:17px; color:#333;}
.board_index .latest ul li .subj .new-label {font-size:10px; color:#fff; width:19px; height:19px; background-color:#ee353c; border-radius:50%; font-weight:500; display:inline-block; text-align:center; line-height:19px; vertical-align:middle; margin-left:22px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.board_index .latest .tit .btn-more {margin-top:auto; align-self:flex-end;}
.board_index .latest .tit a.more {position:absolute; top:0; right:0; width:fit-content; color:#555; padding-right:16px; margin-right:10px;}
.board_index .latest .tit a.more::before, .board_index .latest .tit a.more::after {content:''; display:block; position:absolute; top:0; bottom:0; right:0; margin:auto; width:2px; height:14px; background:#333; transition:.3s;}
.board_index .latest .tit a.more::after {transform:rotate(90deg);}
.board_index .latest .tit a.more:hover, .board_index .latest .tit a.more:focus {text-decoration:none;}
.board_index .latest .tit a.more:hover:before, .board_index .latest .tit a.more:focus:before {transform:rotate(90deg);}
.board_index .latest .tit a.more:hover:after, .board_index .latest .tit a.more:focus:after {transform:rotate(180deg);}

/* section02 */
.section02 {display:flex; -webkt-display:flex; -moz-display:flex; align-items:center; width:100%; min-width:1030px; height:100%; min-height:580px; overflow:visible; vertical-align:top; margin:25px auto; background:#fff; border:1px solid #ddd; border-radius:12px; padding:20px 25px; box-shadow:0 5px 12px 0 rgba(144, 154, 217, 0.10);}
.section02 .main_inner {position:relative; width:100%; height:100%; margin:0 auto; clear:both; float:left;}
.section02 .main_inner .tit_box {display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; font-size:21px; color:#171717; font-weight:700;}
.section02 .main_inner h3 {position:relative; min-width:120px; height:40px; line-height:40px; display:inline-block; border:1px solid #ddd; border-radius:40px; background:#f8f8f8;}
.section02 .main_inner h3 a {display:block; text-align:center; text-decoration:none; color:#888; font-size:19px; font-weight:500;}
.section02 .main_inner h3.current {z-index:2; position:relative; border:solid 2px #f74d4d; border-radius:40px; line-height:37px; font-weight:600; color:#e60012; background:#fff; box-shadow:0 7px 7px rgba(0,0,0,0.15); padding:0 20px;}
.section02 .main_inner h3.current a {color:#e60012; font-weight:600;}
.section02 .main_inner h3:hover a {color:#262626;}
.section02 .main_inner h3.current:hover a {color:#e60012;}
.section02 .main_inner .list_box1, .section02 .notice .list_box2 {display:none; height:auto;}
.section02 .main_inner .list_box1.on, .section02 .notice .list_box2.on {display:block;}
.section02 .main_inner div.on {position:absolute; left:0; top:60px; width:100%; height:100%; padding:0;}
.section02 .main_inner div.on > ul {padding:10px 30px 0; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:flex-start; margin:-1rem -1.5rem;}
.section02 .main_inner div.on > ul > li {width:calc((100% - 72px) / 4); margin-right:24px; margin-bottom:25px; padding:1rem 1.5rem;}

/* webjin */
.webjin-list {width:100%; max-height:100%; display:flex; justify-content:start; flex-wrap:wrap; gap:25px; margin:0 0 0 0px;}
.webjin-list .item {width:calc(25% - 19px); padding:0 0 15px; transition:all .25s;}
.webjin-list .inner_box {position:relative; width:100%; padding:0;}
.webjin-list .inner_box a {color:#222; display:block;}
.webjin-list .inner_box .img_box {overflow:hidden; width:100%; height:150px; margin-bottom:15px; border:1px solid #d9d9d9; border-radius:3px;}
.webjin-list .inner_box .img_box img {display:block; width:100%; object-fit:cover; object-position:top; vertical-align:top;}
.webjin-list .inner_box .txt_box {width:100%; margin:0 auto 5px; display:flex; justify-content:space-between; align-items:center; gap:8px;}
.webjin-list .inner_box .txt_info {display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px;}
.webjin-list .inner_box .txt_info .date {display:inline-block; font-size:14px; color:#666; font-weight:300;}
.webjin-list .inner_box .txt_info > .footer-sns {display:flex; flex-direction:row; gap:5px;}
.webjin-list .inner_box .txt_info > .footer-sns > a > i {display:block; font-size:0; text-indent:-9999px;}
.sns-help {background:url('../images/common/ico_help.png') no-repeat; width:16px; height:16px;}
.sns-help:hover {background:url('../images/common/ico_help_on.png') no-repeat; width:16px; height:16px;}
.sns-bookmark {background:url('/resources/static/images/main/ico_bookmark.png') no-repeat center; width:16px; height:16px; background-size:16px 16px; display:inline-block;}
.sns-bookmark:hover, .sns-bookmark:focus, .sns-bookmark.active {background-image:url('/resources/static/images/main/ico_bookmark_on.png'); background-repeat:no-repeat; background-position:center; background-size:16px 16px;}
.sns-more {background:url('../images/common/ico_more.png') no-repeat; width:16px; height:16px;}
.sns-more:hover {background:url('../images/common/ico_more_on.png') no-repeat; width:16px; height:16px;}

.webjin-list .inner_box .txt_box .field-tit {position:relative; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16.5px; max-width:70%; letter-spacing:-0.03em; color:#171717; font-weight:500;}
.txt-meta {display:flex; align-items:center; gap:12px; flex-shrink:0;}
.txt-meta .meta-item {display:flex; align-items:center; gap:4px; font-size:13px; color:#666;}
.ico-heart, .ico-eye {width:16px; height:16px; display:inline-block; background-repeat:no-repeat; background-position:center; background-size:16px 16px;}
.ico-heart {background-image:url('/resources/static/images/main/ico_bookmark.png');}
.ico-eye {background-image:url('/resources/static/images/main/eyes.png');}

/* gpt */
#gpt-fab {position:fixed; right:24px; bottom:24px; width:56px; height:56px; border-radius:50%; border:none; background:#1f7ae0; color:#fff; font-size:24px; cursor:pointer; box-shadow:0 8px 20px rgba(0,0,0,.25); z-index:9999;}
#gpt-fab:hover {transform:translateY(-1px);}
#gpt-panel {position:fixed; right:24px; bottom:96px; width:380px; max-height:70vh; background:#fff; border-radius:16px; box-shadow:0 18px 50px rgba(0,0,0,.25); display:none; flex-direction:column; overflow:hidden; z-index:9999; border:1px solid #e8e8e8;}
.gpt-header {display:flex; align-items:center; justify-content:space-between; padding:12px 14px; background:#f7f9fc; border-bottom:1px solid #e8e8e8;}
.gpt-title {font-weight:700;}
.gpt-close {border:none; background:transparent; font-size:22px; cursor:pointer; line-height:1;}
.gpt-messages {padding:12px; overflow:auto; height:48vh; background:#fff;}
.gpt-msg {display:flex; margin:8px 0; gap:8px;}
.gpt-msg .bubble {padding:10px 12px; border-radius:12px; max-width:78%; white-space:pre-wrap; word-break:break-word; border:1px solid #eee;}
.gpt-msg.user {justify-content:flex-end;}
.gpt-msg.user .bubble {background:#e9f2ff;}
.gpt-msg.bot .bubble {background:#f6f7f8;}
.gpt-input {display:flex; gap:8px; padding:10px; border-top:1px solid #e8e8e8; background:#fff;}
#gpt-text {flex:1; resize:none; height:46px; padding:10px; border:1px solid #ddd; border-radius:10px; outline:none;}
.gpt-send {min-width:84px; border:none; border-radius:10px; background:#1f7ae0; color:#fff; cursor:pointer; padding:0 12px;}
.gpt-send:disabled {opacity:.6; cursor:not-allowed;}
.gpt-typing {display:inline-block; width:40px;}
.gpt-typing span {display:inline-block; width:6px; height:6px; margin:0 1px; background:#999; border-radius:50%; animation:gpt-blink 1.2s infinite ease-in-out both;}
.gpt-typing span:nth-child(1) {animation-delay:-0.32s;}
.gpt-typing span:nth-child(2) {animation-delay:-0.16s;}
@keyframes gpt-blink {0%, 80%, 100% {transform:scale(0);} 40% {transform:scale(1.0);}}
@media (max-width:480px) {#gpt-panel {right:12px; left:12px; width:auto; bottom:88px;}}

/* sidebar flat */
.wrap-left h2 {background:transparent !important; color:#111827 !important; font-weight:700 !important; height:60px !important; line-height:60px !important;}
.wrap-left h2:before {background:#e5e7eb !important; left:12px !important; right:12px !important;}

.sidebar-Menu li h3 {background:transparent !important; border:0 !important; border-radius:12px !important; margin:2px 0 !important; padding:0 12px !important; height:40px !important; line-height:40px !important; font-size:17px !important; font-weight:700 !important; color:#111827 !important;}
.sidebar-Menu li h3:hover {background:transparent !important;color:#111827 !important;}
.sidebar-Menu li.active {border:0 !important; border-radius:0 !important; margin-bottom:0 !important;}
.sidebar-Menu li.active h3 {background:transparent !important;color:#111827 !important;}
.sidebar-Menu h3:after {border-color:#6b7280 !important; right:14px !important;}

.sidebar-Menu .side-subm {background:transparent !important; border:0 !important; border-radius:0 !important; padding:4px 0 0 0 !important; margin:0 0 6px 0 !important;}
.sidebar-Menu .side-subm h4, .sidebar-Menu .side-subm h5 {font-size:13px !important; font-weight:300 !important; color:#374151 !important; line-height:34px !important;}
.sidebar-Menu h4:before, .sidebar-Menu .has-sub h4:before, .sidebar-Menu .has-link h4:before, .sidebar-Menu .side-subm h5:before {content:"" !important; width:0 !important; height:0 !important; margin:0 !important; background:none !important;}

.sidebar-Menu .side-subm li > a.leaf-link {display:flex !important; align-items:center !important; border-radius:10px !important; margin:1px 12px 6px 0 !important; padding:0 10px !important; height:36px !important;}
.sidebar-Menu .side-subm li > a.leaf-link h4, .sidebar-Menu .side-subm li > a.leaf-link h5 {padding-right:28px !important; width:100%;}
.sidebar-Menu .side-subm li > a.leaf-link:hover {background:#e5e7eb !important;}
.sidebar-Menu .side-subm li.active > a.leaf-link {background:#e5e7eb !important;}
.sidebar-Menu .side-subm li.active > a.leaf-link h4, .sidebar-Menu .side-subm li.active > a.leaf-link h5 {color:#111827 !important; font-weight:800 !important;}
.sidebar-Menu .side-subm li > a.leaf-link .btn-newwin {opacity:.7;}
.sidebar-Menu .side-subm li > a.leaf-link:hover .btn-newwin {opacity:1;}
.sidebar-Menu .side-subm .active h4, .sidebar-Menu .has-sub.active li.active > a > h5 {color:#000040 !important; font-weight:800 !important;}

.sidebar-Menu .side-subm > li {padding-left:6px !important;}
.sidebar-Menu .side-subm > li > h4 {display:block !important; padding:4px 10px !important; margin:2px 12px !important; border-radius:10px !important; color:#2563eb !important; font-weight:700 !important;}
.sidebar-Menu .side-subm > li > h4:hover {background:#eef2ff !important;}
.sidebar-Menu .side-subm > li > .side-subm {padding-left:14px !important;}
.sidebar-Menu .side-subm > li > .side-subm li > a.leaf-link {margin-left:0 !important; margin-right:12px !important;}
.sidebar-Menu .side-subm li > a.leaf-link {padding-left:10px !important;}
.sidebar-Menu .side-subm {overflow:visible !important;}

.sidebar-Menu > li > .side-subm > li {padding-left:10px !important;}
.sidebar-Menu > li > .side-subm > li > h4 {margin-left:0 !important; padding-left:6px !important;}
.sidebar-Menu > li > .side-subm > li > .side-subm {padding-left:5px !important;}
.sidebar-Menu .side-subm li > a.leaf-link {display:flex !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; box-sizing:border-box !important;}
.sidebar-Menu .side-subm li > a.leaf-link .btn-newwin {right:8px !important; top:50% !important; transform:translateY(-50%) !important;}
.sidebar-Menu > li > h3:after, .sidebar-Menu > li.active > h3:after {display:none !important;}
.sidebar-Menu > li.active > h3 {font-weight:700 !important;}
.sidebar-Menu .side-subm, .sidebar-Menu .side-subm li, .sidebar-Menu .side-subm li a {text-align:left !important;}
.sidebar-Menu .side-subm {padding-right:12px !important; overflow:visible !important;}

.sidebar-Menu .side-subm > li > a {display:block !important; width:100% !important; position:relative !important; padding:8px 34px 8px 12px !important; box-sizing:border-box !important;}
.sidebar-Menu .side-subm > li > a > h4 {display:block !important; margin:0 !important;}

.sidebar-Menu .side-subm .side-subm {padding:6px 0 !important;}
.sidebar-Menu .side-subm .side-subm > li > a {display:block !important; width:100% !important; position:relative !important; padding:6px 34px 6px 24px !important; box-sizing:border-box !important;}
.sidebar-Menu .side-subm .side-subm > li > a > h5 {display:block !important; margin:0 !important;}

.sidebar-Menu .side-subm li > a.leaf-link {overflow:visible !important;}
.sidebar-Menu .side-subm li > a .btn-newwin {right:10px !important;}
.sidebar-Menu .side-subm > li > a, .sidebar-Menu .side-subm .side-subm > li > a {height:auto !important; min-height:24px !important; line-height:1.25 !important;}
.sidebar-Menu .side-subm > li > a > h4 {font-size:17px !important; line-height:1.25 !important; white-space:normal !important; word-break:keep-all !important; overflow-wrap:anywhere !important; margin:0 !important;}
.sidebar-Menu .side-subm .side-subm > li > a > h5 {font-size:17px !important; line-height:1.25 !important; white-space:normal !important; word-break:keep-all !important; overflow-wrap:anywhere !important; margin:0 !important;}

.sidebar-Menu .side-sub li > a.leaf-link .btn-newwin {position:absolute; right:12px; top:50%; transform:translateY(-50%); width:26px; height:26px; display:flex; align-items:center; justify-content:center; opacity:.7;}
.sidebar-Menu .side-subm {padding-left:5px !important; padding-right:10px !important;}
.sidebar-Menu .side-subm > li > a {padding-left:8px !important;}
.sidebar-Menu .side-subm .side-subm {padding-left:6px !important; margin-left:6px !important;}
.sidebar-Menu .side-subm .side-subm > li > a {padding-left:6px !important;}
.sidebar-Menu .side-subm {padding-left:5px !important;}
.sidebar-Menu .side-subm .side-subm {padding-left:6px !important;}

.sidebar-Menu .side-sub > li {position:relative;}
.sidebar-Menu .side-sub > li > a {position:relative; display:block; padding-left:34px !important; padding-right:40px !important;}
.sidebar-Menu .side-sub > li.has-child > a .menu-arrow, .sidebar-Menu .side-sub > li.has-child > .btn-tree-toggle {position:absolute; left:14px; top:50%; transform:translateY(-50%); width:12px; height:12px; line-height:12px; text-align:center; margin:0; padding:0;}
.sidebar-Menu .side-sub > li > a .btn-newwin {position:absolute; right:12px; top:50%; transform:translateY(-50%); width:26px; height:26px; display:flex; align-items:center; justify-content:center;}