/**
------------------------------------------------------------
 * @프로그램명 :smartview common 스타일시트
 * @파일명 :smartview_common.css
 * @작성일 :2021. 02. 02.
 * @작성자 :엄윤섭
------------------------------------------------------------
*/

@font-face {
  font-family:'Noto Sans KR'; 
  font-style:normal; 
  font-weight:100; 
  src:url(../font/NotoSansKR/NotoSansKR-Thin.woff) format('woff')
}
@font-face {
  font-family:'Noto Sans KR'; 
  font-style:normal; 
  font-weight:300; 
  src:url(../font/NotoSansKR/NotoSansKR-Light.woff) format('woff')
}
@font-face {
   font-family:'Noto Sans KR'; 
   font-style:normal; 
   font-weight:400; 
   src:url(../font/NotoSansKR/NotoSansKR-Regular.woff) format('woff')
}
@font-face {
   font-family:'Noto Sans KR'; 
   font-style:normal; 
   font-weight:500; 
   src:url(../font/NotoSansKR/NotoSansKR-Medium.woff) format('woff')
}
@font-face {
   font-family:'Noto Sans KR'; 
   font-style:normal; 
   font-weight:700; 
   src:url(../font/NotoSansKR/NotoSansKR-Bold.woff) format('woff')
}
@font-face {
   font-family:'Noto Sans KR'; 
   font-style:normal; 
   font-weight:900; 
   src:url(../font/NotoSansKR/NotoSansKR-Black.woff) format('woff')
}

@font-face {
   font-family:'Pretendard';
   font-weight:100;
   src:url(../font/Pretendard/Pretendard-Thin.woff2);
   src:local('☺'),
      url(../font/Pretendard/Pretendard-Thin.otf) format('otf'),
      url(../font/Pretendard/Pretendard-Thin.woff) format('woff'),
      url(../font/Pretendard/Pretendard-Thin.ttf) format('truetype');
}
@font-face {
   font-family:'Pretendard';
   font-weight:300;
   src:url(../font/Pretendard/Pretendard-Light.woff2);
   src:local('☺'),
      url(../font/Pretendard/Pretendard-Light.otf) format('otf'),
      url(../font/Pretendard/Pretendard-Light.woff) format('woff'),
      url(../font/Pretendard/Pretendard-Light.ttf) format('truetype');
}
@font-face {
   font-family:'Pretendard';
   font-weight:400;
   src:url(../font/Pretendard/Pretendard-Regular.woff2);
   src:local('☺'),
      url(../font/Pretendard/Pretendard-Regular.otf) format('otf'),
      url(../font/Pretendard/Pretendard-Regular.woff) format('woff'),
      url(../font/Pretendard/Pretendard-Regular.ttf) format('truetype');
}
@font-face {
   font-family:'Pretendard';
   font-weight:500;
   src:url(../font/Pretendard/Pretendard-Medium.woff2);
   src:local('☺'),
      url(../font/Pretendard/Pretendard-Medium.otf) format('otf'),
      url(../font/Pretendard/Pretendard-Medium.woff) format('woff'),
      url(../font/Pretendard/Pretendard-Medium.ttf) format('truetype');
}
@font-face {
   font-family:'Pretendard';
   font-weight:600;
   src:url(../font/Pretendard/Pretendard-SemiBold.woff2);
   src:local('☺'),
      url(../font/Pretendard/Pretendard-SemiBold.otf) format('otf'),
      url(../font/Pretendard/Pretendard-SemiBold.woff) format('woff'),
      url(../font/Pretendard/Pretendard-SemiBold.ttf) format('truetype');
}
@font-face {
    font-family:'Pretendard';
    font-weight:700;
    src:url(../font/Pretendard/Pretendard-Bold.woff2);
    src:local('☺'),
      url(../font/Pretendard/Pretendard-Bold.otf) format('otf'),
      url(../font/Pretendard/Pretendard-Bold.woff) format('woff'),
      url(../font/Pretendard/Pretendard-Bold.ttf) format('truetype');
}
@font-face {
font-family:'Pretendard';
   font-weight:800;
   src:url(../font/Pretendard/Pretendard-ExtraBold.woff2);
   src:local('☺'),
      url(../font/Pretendard/Pretendard-ExtraBold.otf) format('otf'),
      url(../font/Pretendard/Pretendard-ExtraBold.woff) format('woff'),
      url(../font/Pretendard/Pretendard-ExtraBold.ttf) format('truetype');
}
@font-face {
font-family:'Pretendard';
   font-weight:900;
   src:url(../font/Pretendard/Pretendard-Black.woff2);
   src:local('☺'),
      url(../font/Pretendard/Pretendard-Black.otf) format('otf'),
      url(../font/Pretendard/Pretendard-Black.woff) format('woff'),
      url(../font/Pretendard/Pretendard-Black.ttf) format('truetype');
}

html, body {height:100%; font-size:16px;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight:500; line-height:1.1; color:inherit;}
body {font-family:'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif; letter-spacing:0; color:#333333; 
    font-size:12px; font-weight:400; line-height:1.6; background:#292c33; overflow-y:auto; overflow-x:hidden; letter-spacing:-0.5px;}
input {border-radius:0;}
@media all and (max-width:1440px) {
    body {overflow-x:auto; overflow-y:hidden;}
}
    
    
.full-width {width:100%;}
.full-height {height:100%;}

:focus {outline:0;}

.daterangepicker .ranges li {color:#354f63;}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {background:#536A7F; border:1px solid #536A7F; color:#fff;}
.daterangepicker .input-mini {background-color:#eee; border:1px solid #ccc; box-shadow:none !important;}
.daterangepicker .input-mini.active {border:1px solid #ccc;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect,.daterangepicker select.hourselect, .daterangepicker select.minuteselect,
.daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    font-size:12px; padding:1px; height:auto; margin:0; cursor:default; height:25px; border:1px solid #ADB2B5; line-height:30px; border-radius:0 !important;}
.daterangepicker select.monthselect {margin-right:2%;}
.daterangepicker td.in-range {background:#E4E7EA; color:#354f63;}
.daterangepicker td.active, .daterangepicker td.active:hover {background-color:#536A7F; color:#fff;}
.daterangepicker th.available:hover {background:#eee; color:#34495E;}
.daterangepicker:before, .daterangepicker:after {content:none;}
.daterangepicker .calendar.single {margin:0 0 4px;}
.daterangepicker .calendar.single .calendar-table {width:224px; padding:0 0 4px !important;}
.daterangepicker .calendar.single .calendar-table thead tr:first-child th {padding:8px 5px;}
.daterangepicker .calendar.single .calendar-table thead th {border-radius:0;}
.daterangepicker.default {color:#fff; background:#34495E;}
.daterangepicker.default .calendar-table {background:#34495E;}
.daterangepicker.default .calendar-table thead tr {background:#213345;}
.daterangepicker.default .calendar-table thead tr:first-child {background:#1ABB9C;}
.daterangepicker.default .calendar-table td.off {background:#34495E; color:#999;}
.daterangepicker.default .calendar-table td.available:hover {color:#34495E;}
.daterangepicker.picker_1 {color:#fff; background:#34495E;}
.daterangepicker.picker_1 .calendar-table {background:#34495E;}
.daterangepicker.picker_1 .calendar-table thead tr {background:#213345;}
.daterangepicker.picker_1 .calendar-table thead tr:first-child {background:#1ABB9C;}
.daterangepicker.picker_1 .calendar-table td.off {background:#34495E; color:#999;}
.daterangepicker.picker_1 .calendar-table td.available:hover {color:#34495E;}
.daterangepicker.picker_2 .calendar-table thead tr {color:#1ABB9C;}
.daterangepicker.picker_2 .calendar-table thead tr:first-child {color:#354f63;}
.daterangepicker.picker_3 .calendar-table thead tr:first-child {color:#fff; background:#1ABB9C;}
.daterangepicker.picker_4 .calendar-table thead tr:first-child {color:#fff; background:#34495E;}
.daterangepicker.picker_4 .calendar-table td, .daterangepicker.picker_4 .calendar-table td.off {background:#ECF0F1; border:1px solid #fff; border-radius:0;}
.daterangepicker.picker_4 .calendar-table td.active {background:#34495E;}

.calendar-exibit .show-calendar {float:none; display:block; position:relative; background-color:#fff; border:1px solid #ccc; margin-bottom:20px; 
    border:1px solid rgba(0, 0, 0, 0.15); overflow:hidden;}
.calendar-exibit .show-calendar .calendar {margin:0 0 4px;}
.calendar-exibit .show-calendar.picker_1 {background:#34495E;}
.calendar-exibit .calendar-table {padding:0 0 4px;}

.left_col {background:#292c33; height:calc(100vh - 70px); position:fixed; left:-230px; top:70px; overflow-y:auto; overflow-x:hidden; width:230px; transition:0.2s;}
.nav-md .left_col {left:0; transition:0.4s;}

.site_title i {border:1px solid #EAEAEA; padding:5px 6px; border-radius:50%;}

.nav_menu span.al_title {display:none; position:absolute; left:90px; top:0; line-height:70px; color:#fff; font-size:15px; font-weight:300; cursor:pointer; transition:0.2s;}
.nav_menu span#menu_toggle.al_title:hover {color:#70d8ff;}

a.menuClose {display:none !important;}

.nav-sm .container.body .col-md-3.left_col {height:100%; width:0px; padding:0; z-index:9999; position:fixed; margin-top:0; left:0;}
.nav-sm .container.body .col-md-3.left_col.menu_fixed {position:fixed; height:100%;}
.nav-sm .container.body .col-md-3.left_col .mCSB_container, .nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {overflow:visible;}
.nav-sm .hidden-small {visibility:hidden;}
.nav-sm .container.body .right_col {padding:0; margin-left:0; z-index:2; width:100%;}
.nav-sm .navbar.nav_title {width:75px; height:70px; display:none;}
.nav-sm .navbar.nav_title a span {display:none;}
.main_container .top_nav {display:block; margin-left:0; z-index:3; position:relative;}
.nav-sm .nav.side-menu li a {text-align:center !important; font-weight:400; font-size:11px; padding:10px 5px;}
.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm {border-right:5px solid #0ba29a;}
.nav-sm ul.nav.child_menu ul, .nav-sm .nav.side-menu li.active-sm ul ul {position:static; width:200px; background:none;}
.nav-sm>.nav.side-menu>li.active-sm>a {color:#1ABB9C !important;}
.nav-sm .nav.side-menu li a i.toggle-up {display:none !important;}
.nav-sm .nav.side-menu li a i {font-size:25px !important; text-align:center; width:100% !important; margin-bottom:5px;}
.nav-sm ul.nav.child_menu {left:calc(100% + 5px); position:absolute; top:0; width:210px; z-index:4000; background:#50585f; display:none;}
.nav-sm ul.nav.child_menu li {padding:0 10px;}
.nav-sm ul.nav.child_menu li a {text-align:left !important;}
.nav-sm .profile {display:none;}

.menu_section {margin-bottom:35px;}
.menu_section h3 {padding-left:15px; color:#fff; text-transform:uppercase; letter-spacing:.5px; font-weight:700; font-size:11px; margin-bottom:0; margin-top:0; text-shadow:1px 1px #000;}
.menu_section>ul {margin-top:10px;}

.profile_pic {width:35%; float:left;}
.img-circle.profile_img {width:70%; background:#fff; margin-left:15%; z-index:1000; position:inherit; margin-top:20px; border:1px solid rgba(52, 73, 94, 0.44); padding:4px; height:70px;}
.profile_info {padding:25px 10px 10px; width:65%; float:left;}
.profile_info span {font-size:13px; line-height:30px; color:#BAB8B8;}
.profile_info h2 {font-size:14px; color:#ECF0F1; margin:0; font-weight:300;}
.profile.img_2 {text-align:center;}
.profile.img_2 .profile_pic {width:100%;}
.profile.img_2 .profile_pic .img-circle.profile_img {width:50%; margin:10px 0 0;}
.profile.img_2 .profile_info {padding:15px 10px 0; width:100%; margin-bottom:10px; float:left;}

.main_menu span.fa {float:right; text-align:center; margin-top:5px; font-size:10px; min-width:inherit; color:#C4CFDA;}
.active a span.fa {text-align:right !important; margin-right:4px;}
.nav-sm .menu_section {margin:0;}
.nav-sm .menu_section span.fa, .nav-sm .menu_section h3 {display:none;}
.nav-sm .menu_section .child_menu span.fa {display:block;}
.nav-sm li li span.fa {display:inline-block;}

/* 상단 TOP 메뉴 */
.container.body .col-md-3.left_col {}

.navbar-top-links {margin-right:0;}
.navbar-top-links .badge {position:absolute; right:6px; top:15px;}
.navbar-top-links > li {float:left;}
.navbar-top-links > li > a {color:#333333; padding:0 14px; /* line-height:60px; min-height:60px; */;}
.navbar-top-links > li > a:hover {background:rgba(0, 0, 0, 0.1);}
.navbar-top-links > li > a:focus {background:rgba(0, 0, 0, 0);}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background:rgba(255, 255, 255, 0.2);}
.navbar-top-links .dropdown-menu {box-shadow:0 3px 12px rgba(0, 0, 0, 0.05) !important;}
.navbar-top-links .dropdown-menu li {display:block;}
.navbar-top-links .dropdown-menu li:last-child {margin-right:0;}
.navbar-top-links .dropdown-menu li a div {white-space:normal;}
.navbar-top-links .dropdown-user {right:0; left:auto; width:280px;}

.navbar-top-links > li > a.dropdown-toggle {line-height:30px; height:70px; padding:0 20px; overflow:hidden; float:right; position:relative; border-left:1px solid #d9d9d9; cursor:pointer;}
.navbar-top-links > li > a.dropdown-toggle span.caret {position:absolute; right:11px; top:28px;}
ul.navbar-top-links .dropdown span.top_user_pic {display:block; float:left; width:44px; height:44px; border-radius:50%; margin:8px 0 0 0; overflow:hidden; border:2px solid #d1d1d1;}
ul.navbar-top-links .dropdown span.top_user_pic > img {width:auto; height:100%; padding:0; margin:0; vertical-align:middle;}
ul.navbar-top-links .dropdown a.dropdown-toggle b {height:70px; line-height:70px; display:inline-block; margin-left:10px; margin-right:10px; font-weight:900;}

.nav-md .container.body .col-md-3.left_col {min-height:100%; width:230px; padding:0; position:fixed; display:-ms-flexbox; display:flex; z-index:20; margin-top:0;}
.nav-md .container.body .col-md-3.left_col.menu_fixed {height:100%; position:fixed;}
.nav-md .navbar.nav_title {height:70px; position:fixed; left:0; top:0;}

body .container.body .right_col {background:#eaedf0; min-height:calc(100vh - 70px) !important; height:calc(100vh - 70px) !important; overflow-y:auto; overflow-x:auto; min-width:1400px; margin-top:70px;}
.nav-md .container.body .right_col {padding:0; width:100%; margin-left:0;}

.nav_title {width:230px; float:left; border-radius:0; height:70px;}

@media ( max-width :991px) {
    .nav-md .container.body .right_col, .nav-md .container.body .top_nav {width:100%; margin:0;}
    .nav-md .container.body .right_col {margin-top:130px;}
    /* .nav-md .container.body .col-md-3.left_col {display:none;} */
    .nav-md .container.body .right_col {width:100%; padding-right:0;}
    /* .right_col {padding:10px !important;} */
}

@media ( max-width :1200px) {
    .x_title h2 {width:62%; font-size:17px;}
    .tile, .graph {zoom:85%; height:inherit;}
}

@media ( max-width :1270px) and (min-width:192px) {
    .x_title h2 small {display:none;}
}

.left_col .mCSB_scrollTools {width:6px;}
.left_col .mCSB_dragger {max-height:400px !important;}

.blue {color:#3498DB;}
.purple {color:#9B59B6;}
.green {color:#1ABB9C;}
.aero {color:#9CC2CB;}
.red {color:#E74C3C;}
.dark {color:#34495E;}

.border-blue {border-color:#3498DB !important;}
.border-purple {border-color:#9B59B6 !important;}
.border-green {border-color:#1ABB9C !important;}
.border-aero {border-color:#9CC2CB !important;}
.border-red {border-color:#E74C3C !important;}
.border-dark {border-color:#34495E !important;}

.bg-white {background:#fff !important; border:1px solid #fff !important; color:#354f63;}
.bg-green {background:#1ABB9C !important; border:1px solid #1ABB9C !important; color:#fff;}
.bg-red {background:#E74C3C !important; border:1px solid #E74C3C !important; color:#fff;}
.bg-blue {background:#3498DB !important; border:1px solid #3498DB !important; color:#fff;}
.bg-orange {background:#F39C12 !important; border:1px solid #F39C12 !important; color:#fff;}
.bg-purple {background:#9B59B6 !important; border:1px solid #9B59B6 !important; color:#fff;}
.bg-blue-sky {background:#50C1CF !important; border:1px solid #50C1CF !important; color:#fff;}

.no-padding {padding:0 !important;}

.fixed_height_320 {height:320px;}
.fixed_height_390 {height:390px;}
.fixed_height_200 {height:200px;}

.overflow_hidden {overflow:hidden;}

.progress-bar-dark {background-color:#34495E !important;}
.progress-bar-gray {background-color:#BDC3C7 !important;}
table.no-margin .progress {margin-bottom:0;}

.line_30 {line-height:30px;}

*, :before, :after {box-sizing:border-box;}

h1, .h1, h2, .h2, h3, .h3 {margin-top:10px; margin-bottom:10px;}

a {color:#3b3f42; text-decoration:none;}
a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus, button:focus {outline:0;}
a:hover, a:focus {text-decoration:none; color:#3c65d1;}

.w_20 {width:20%;}
.w_25 {width:25%;}
.w_55 {width:55%;}

.font-icons i {margin-right:5px; font-size:10px;}

/**/

.container {width:100%; padding:0;}

.navbar-nav>li>a, .navbar-brand, .navbar-nav>li>a {color:#fff !important;}
.top_nav .nav>li>a:focus, .top_nav .nav>li>a:hover, .top_nav .nav .open>a, .top_nav .nav .open>a:focus, .top_nav .nav .open>a:hover {background:#213342; transition:0.2s;}
.main_container .top_nav {display:block;}

.page-title {width:100%; height:65px; padding:10px 0;}
.page-title .title_left {width:45%; float:left; display:block;}
.page-title .title_left h3 {margin:9px 0;}
.page-title .title_right {width:55%; float:left; display:block;}
.page-title .title_right .pull-right {margin:10px 0;}

.main_content {padding:10px 20px;}

.col-md-55 {width:50%; margin-bottom:10px;}

@media ( min-width :480px) {
    .top_nav .navbar-right li {position:relative;}
    .advertising>span {font-size:3px;}
}

@media ( min-width :768px) {
    .col-md-55 {width:20%;}
    
    .advertising>span {font-size:40px;}
    
    .footer_fixed footer {margin-left:0;}
    .footer_fixed .nav-sm footer {margin-left:0;}
    
    .tile_count .tile_stats_count .count {font-size:40px;}
    .tile_count .tile_stats_count span {font-size:13px;}
    
    .bs-glyphicons {margin-right:0; margin-left:0;}
    .bs-glyphicons li {width:12.5%; font-size:12px;}
    
    .cropper .img-container {min-height:516px;}
    
    .advertising>span {font-size:8px;}
}

@media ( min-width :992px) {
    .col-md-55 {width:20%;}
    .advertising>span {font-size:50px;}
    
    footer {margin-left:230px;}
    
    .tile_count .tile_stats_count {margin-bottom:10px; border-bottom:0; padding-bottom:10px;}
    .tile_count .tile_stats_count:first-child:before {border-left:0;}
    
    .advertising>span {font-size:11px;}
}

@media ( min-width :1200px) {
    .col-md-55 {width:20%;}
    .advertising>span {font-size:60px; font-size:16px;}
}

@media ( min-width :192px) and (max-width:1270px) {
    table.tile_info span.right {margin-right:7px; float:left;}
    .advertising>span {font-size:3px;}
}

@media ( min-width :992px) and (max-width:1100px) {
    .tile_count .tile_stats_count .count {font-size:30px;}
    .advertising>span {font-size:11px;}
}

.center-margin {margin:0 auto; float:none !important;}

.navbar {margin-bottom:0;}
.navbar-header {background:#34495E;}

.navbar-naviCtt {float:left; padding-top:18px; padding-left:30px; font-size:15px; font-weight:700; color:#4b5f71;}
.navbar-left {margin-right:0;}
.top_nav .navbar-left {margin:0; width:80px; float:left;}

.navbar-nav>li {float:none;}
.navbar-right {margin-right:0;}
.top_nav .navbar-right {margin:0; width:calc(100% - 70px); float:right; min-width:240px; text-align:right;}
.top_nav .navbar-right li {display:inline-block; color:#fff; vertical-align:top;}

.top_nav {height:70px; background:#0f4152 url(../images/al/header_bg.png) no-repeat 70px bottom; background-size:cover; transition:all ease 0.2s; position:fixed; width:100%; z-index:10;}
.top_nav .navbar-right li.user_info {margin-left:15px; font-size:14px; padding-right:30px; height:70px; line-height:70px;}
.top_nav .navbar-right li.user_info strong {display:inline-block; padding:0 7px 0 24px; height:20px; line-height:70px; color:#212a32; fint-size:11px; margin-right:6px; border-radius:3px; position:relative;}
.top_nav .navbar-right li.user_info strong:before {content:""; display:block; width:14px; height:20px; background:url(../images/al/icon_user_info.png) no-repeat left center; 
    position:absolute; left:7px; top:0;}
.top_nav .navbar-right li.user_info span {display:inline-block; padding:0 3px 0 26px; font-size:14px; font-weight:bold; color:#70d8ff; position:relative; line-height:70px;}
.top_nav .navbar-right li.user_info span:before {content:""; display:block; width:14px; height:20px; background:url(../images/al/icon_user_info.png) no-repeat left 4px; 
    position:absolute; left:7px; top:24px;}
.top_nav .navbar-right li.user_info.user_operator strong {background:#a4b6ea;}
.top_nav .navbar-right li.user_info.user_operator span {color:#a9c1ff;}
.top_nav .navbar-right li.user_info.user_examiner strong {background:#80e275;}
.top_nav .navbar-right li.user_info.user_examiner span {color:#80e275;}
.top_nav .navbar-right li.user_info.user_admin strong {background:#ffb260;}
.top_nav .navbar-right li.user_info.user_admin span {color:#ffb260;}

.top_nav .navbar-right li.user_function {height:70px; line-height:70px;}
.top_nav .navbar-right li.user_function.last {padding-right:15px;}
.top_nav .navbar-right li.user_function a.user_btn {color:#fff !important; background:none; font-size:14px; border:none; transition:0.2s; padding:0 20px; line-height:70px;}
.top_nav .navbar-right li.user_function a.user_btn:hover {color:#70d8ff !important;}
.top_nav .navbar-right li.top_function a.user-profile {padding:0;}
.top_nav .navbar-right li.top_function a.user-profile span {padding:0; text-align:center; width:70px; line-height:70px; color:#fff; transition:0.2s; display:inline-block; 
    position:relative; top:2px;}
.top_nav .navbar-right li.top_function a.user-profile:hover span, .top_nav .navbar-right li.top_function a.user-profile:focus span {color:#29b5d3;}

.top_nav .dropdown-menu li {width:100%;}
.top_nav .dropdown-menu li a {width:100%; padding:12px 20px;}
.top_nav li a i {font-size:15px;}
.navbar-static-top {position:fixed; top:0; width:100%;}

.sidebar-header {border-bottom:0; margin-top:46px;}
.sidebar-header:first-of-type {margin-top:0;}

.nav.side-menu>li {position:relative; display:block; cursor:pointer;}
.nav.side-menu>li>a {margin-bottom:6px;}
.nav.side-menu>li>a:hover {color:#F2F5F7 !important;}
.nav.side-menu>li>a:hover, .nav>li>a:focus {text-decoration:none; background:transparent;}

.nav.child_menu {display:none;}
.nav.child_menu li:hover, .nav.child_menu li.active {background-color:#646d75;}
.nav.child_menu li {padding-left:36px;}

.nav-md ul.nav.child_menu li:before {background:#e5e6e6; bottom:auto; content:""; height:8px; left:23px; margin-top:15px; position:absolute; right:auto; width:8px; z-index:1; border-radius:50%;}
.nav-md ul.nav.child_menu li:after {border-left:1px solid #e5e6e6; bottom:0; content:""; left:27px; position:absolute; top:0;}
.nav-md ul.nav.child_menu li:last-child::after {bottom:50%;}

.nav.side-menu>li>a, .nav.child_menu>li>a {color:#fff; font-weight:500;}

.nav.child_menu li li:hover, .nav.child_menu li li.active {background:none;}
.nav.child_menu li li a:hover, .nav.child_menu li li a.active {color:#fff;}

.nav.side-menu>li.current-page, .nav.side-menu>li.active {border-right:5px solid #0ba29a;}
.nav li.current-page {background:rgba(255, 255, 255, 0.05);}
.nav li li li.current-page {background:none;}
.nav li li.current-page a {color:#fff;}

.nav.side-menu>li.active>a {color:#0ba29a; background:#33373f;}

.navbar-brand, .navbar-nav>li>a {font-weight:500; color:#ECF0F1 !important; margin-left:0 !important; line-height:32px;}

.site_title {text-overflow:ellipsis; overflow:hidden; font-weight:400; font-size:22px; width:100%; color:#ECF0F1 !important; line-height:59px; display:block; 
    height:55px; margin:0 !important; padding-left:10px;}
.site_title:hover, .site_title:focus {text-decoration:none;}

.main_title {font-size:30px; font-weight:bold; margin:0 0 50px; text-align:center; letter-spacing:-1px;}
.sub_title {font-size:24px; font-weight:bold; margin:0 0 10px; text-align:left; letter-spacing:-1px;}

.nav.navbar-nav>li>a {color:#a8aab7 !important;}
.nav.top_menu>li>a {position:relative; display:block; padding:10px 15px; color:#34495E !important;}
.nav>li>a:hover, .nav>li>a:focus {background-color:transparent;}

.top_search {padding:0;}
.top_search .form-control {border-right:0; box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.075); border-radius:25px 0 0 25px; padding-left:20px; border:1px solid rgba(221, 226, 232, 0.49);}
.top_search .form-control:focus {border:1px solid rgba(221, 226, 232, 0.49); border-right:0;}
.top_search .input-group-btn button {border-radius:0 25px 25px 0; border:1px solid rgba(221, 226, 232, 0.49); border-left:0; 
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); color:#93A2B2; margin-bottom:0 !important;}

#menuNav {display:none;}

ul.al_menu {height:110px; padding:0; margin:0; position:fixed; top:0; left:420px; text-align:left; z-index:12; width:calc(100% - 700px); font-size:0;}
ul.al_menu li {display:inline-block; padding:0; margin:0; list-style:none; position:relative; vertical-align:top;}
ul.al_menu .owl-stage-outer {overflow:hidden; height:110px;}
ul.al_menu .owl-stage {}
ul.al_menu .owl-item {display:inline-block; padding:0; margin:0; list-style:none; position:relative;}
ul.al_menu .owl-item > li:after {content:""; display:block; background:#fff; width:200px; height:70px; position:absolute; left:0; top:0; z-index:2;}
ul.al_menu li a {display:block; padding:0 34px; height:70px; line-height:83px; color:#444; font-size:18px; font-weight:300; background:#fff; position:relative; z-index:3; transition:0.2s;}
ul.al_menu li a:hover, 
ul.al_menu li.active a {color:#000; font-weight:500;}

ul.al_menu .owl-nav {position:absolute; left:0px; top:26px; pointer-events:none; width:100%; display:block;}
ul.al_menu .owl-nav button {pointer-events:auto; width:20px; height:30px; line-height:30px; padding:0; text-align:center; background:none; border:none; outline:none; color:#777;}
ul.al_menu .owl-nav button.disabled {opacity:0.3; pointer-events:none;}
ul.al_menu .owl-nav button.owl-prev {position:absolute; right:-40px;}
ul.al_menu .owl-nav button.owl-next {position:absolute; right:-60px;}
ul.al_menu .owl-nav.disabled {display:none;}

ul.al_menu li ul {position:absolute; left:0; top:30px; background:#e5ecff; white-space:nowrap; padding:0 20px; z-index:1; transition:0.4s; border-radius:20px; opacity:0;}
ul.al_menu li ul li {display:inline-block;}
ul.al_menu li ul li a {color:#444; padding:0 15px; height:40px; line-height:38px; font-size:16px; font-weight:300; background:transparent; text-align:center;}
ul.al_menu li ul li a:hover {color:#000; font-weight:400;}
ul.al_menu li ul li a::after {content:attr(title); display:block; font-weight:400; height:0px; visibility:hidden;}

ul.al_menu li:hover ul {top:70px; opacity:1;}


.nav.child_menu>li>a {font-size:12px; padding:9px;}

.panel_toolbox {float:right; min-width:25px;}
.panel_toolbox>li {float:left; cursor:pointer;}
.panel_toolbox>li>a {padding:5px; color:#C5C7CB; font-size:12px;}

.main_menu_side {padding:0;}

.bs-docs-sidebar .nav>li>a {display:block; padding:4px 6px;}

footer {background:#fff; padding:16px 20px; display:block; font-size:12px; line-height:1.471; display:none;}

.nav-sm footer {margin-left:0;}
.footer_fixed footer {position:fixed; left:0; bottom:0; width:100%;}

.tile-stats.sparkline {padding:10px; text-align:center;}

.jqstooltip {background:#34495E !important; width:30px !important; height:22px !important; text-decoration:none;}
.tooltip {display:block !important;}

.tiles {border-top:1px solid #ccc; margin-top:15px; padding-top:5px; margin-bottom:0;}

.tile {overflow:hidden;}
.top_tiles {margin-bottom:0;}
.top_tiles .tile h2 {font-size:30px; line-height:30px; margin:3px 0 7px; font-weight:700;}

article.media {width:100%;}

#integration-list {width:100%; margin:0 auto; display:table;}
#integration-list ul {padding:0; margin:20px 0; color:#555;}
#integration-list ul>li {list-style:none; border-top:1px solid #ddd; display:block; padding:15px; overflow:hidden;}
#integration-list ul:last-child {border-bottom:1px solid #ddd;}
#integration-list ul>li:hover {background:#efefef;}

.expand {display:block; text-decoration:none; color:#555; cursor:pointer;}
.expand h2 {width:85%; float:left;}
h2 {font-size:15px; font-weight:400;}

#left, #right {display:table;}

#sup {display:table-cell; vertical-align:middle; width:80%;}

.detail {margin:10px 0; display:none; line-height:22px; height:150px;}
.detail a {text-decoration:none; color:#C0392B; border:1px solid #C0392B; padding:6px 10px 5px; font-size:13px; margin-right:7px;}
.detail span {margin:0;}

.right-arrow {width:10px; float:right; font-weight:700; font-size:20px;}

.accordion .panel {margin-bottom:5px; border-radius:0; border-bottom:1px solid #efefef;}
.accordion .panel-heading {background:#F2F5F7; padding:13px; width:100%; display:block;}
.accordion .panel:hover {background:#F2F5F7;}


/* ********** bootstrap ********** */
.col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3,
.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6,
.col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9,
.col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
    {position:relative; min-height:1px; float:left; padding-right:5px; padding-left:5px;}

.row {margin-right:-10px; margin-left:-10px;}

.grid_slider .col-md-6 {padding:0 40px;}

.x_panel {position:relative; width:100%; margin-bottom:10px; padding:10px 17px; display:inline-block; background:#fff; border:1px solid #e1e1e1; border-radius:5px; 
    -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; column-break-inside:avoid; opacity:1; transition:all .2s ease; 
    box-shadow:3px 3px 10px rgba(0,0,0,0.07);}
.x_panel:hover {box-shadow:0 8px 15px rgba(0, 0, 0, 0.12);}
.x_box {margin-bottom:10px; padding:0 15px !important; display:inline-block; background:#fff; border:1px solid #e1e1e1; border-radius:5px; 
    -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; column-break-inside:avoid; opacity:1; transition:all .2s ease; 
    box-shadow:3px 3px 10px rgba(0,0,0,0.07);}
.x_title {border-bottom:2px solid #d9d9d9; padding:1px 5px 6px; margin-bottom:10px;}
.x_title .filter {width:40%; float:right;}
.x_title h2 {margin:9px 0 6px; float:left; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:700; font-size:14px; color:#4b5f71;}
.x_title h2 small {margin-left:10px; font-size:66%;}
.x_title span {color:#BDBDBD;}

.x_content {padding:0 5px 6px; position:relative; width:100%; float:left; clear:both; margin-bottom:5px; height:calc(100% - 50px);}
.x_content.echarts.bar, .x_content.echarts.line, .x_content.echarts.gauge, .x_content.echarts.scatter, .x_content.echarts.funnel, .x_content.echarts.heatmap {height:calc(100% - 45px);}
.x_content h4 {font-size:16px; font-weight:500;}

legend {padding-bottom:7px;}

.demo-placeholder {height:280px;}

.profile_details:nth-child(3n) {clear:both;}
.profile_details .profile_view {display:inline-block; padding:10px 0 0; background:#fff;}
.profile_details .profile_view .divider {border-top:1px solid #e5e5e5; padding-top:5px; margin-top:5px;}
.profile_details .profile_view .ratings {margin-bottom:0;}
.profile_details .profile_view .bottom {background:#F2F5F7; padding:9px 0; border-top:1px solid #E6E9ED;}
.profile_details .profile_view .left {margin-top:20px;}
.profile_details .profile_view .left p {margin-bottom:3px;}
.profile_details .profile_view .right {margin-top:0; padding:10px;}
.profile_details .profile_view .img-circle {border:1px solid #E6E9ED; padding:2px;}
.profile_details .profile_view h2 {margin:5px 0;}
.profile_details .profile_view .ratings {text-align:left; font-size:16px;}
.profile_details .profile_view .brief {margin:0; font-weight:300;}
.profile_details .profile_left {background:#fff;}

.pagination.pagination-split li {display:inline-block; margin-right:3px;}
.pagination.pagination-split li a {border-radius:4px; color:#768399; -moz-border-radius:4px; -webkit-border-radius:4px;}

table.tile h3, table.tile h4, table.tile span {font-weight:700; vertical-align:middle !important;}
table.tile th, table.tile td {text-align:center;}
table.tile th {border-bottom:1px solid #E6ECEE;}
table.tile td {padding:5px 0;}
table.tile td ul {text-align:left; padding-left:0;}
table.tile td ul li {list-style:none; width:100%;}
table.tile td ul li a {width:100%;}
table.tile td ul li a big {right:0; float:right; margin-right:13px;}
table.tile_info {width:100%;}
table.tile_info td {text-align:left; padding:1px; font-size:15px;}
table.tile_info td p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; line-height:28px;}
table.tile_info td i {margin-right:8px; font-size:17px; float:left; width:18px; line-height:28px;}
table.tile_info td:first-child {width:83%;}

.sidebar-widget {overflow:hidden;}
.error-number {font-size:90px; line-height:90px; margin:20px 0;}
.col-middle {margin-top:5%;}
.mid_center {width:370px; margin:0 auto; text-align:center; padding:10px 20px;}
h3.degrees {font-size:22px; font-weight:400; text-align:center;}
.degrees:after {content:"o"; position:relative; top:-12px; font-size:13px; font-weight:300;}
.daily-weather .day {font-size:12px; border-top:2px solid rgba(115, 135, 156, 0.36); text-align:center; border-bottom:2px solid rgba(115, 135, 156, 0.36); padding:5px 0;}
.bulk-actions {display:none;}

.weather-days .col-sm-2 {overflow:hidden; width:16.66666667%;}
.weather .row {margin-bottom:0;}

table.countries_list {width:100%;}
table.countries_list td {padding:0 10px; line-height:30px; border-top:1px solid #eee;}

.paging_full_numbers a.paginate_active {background-color:rgba(38, 185, 154, 0.59) !important; border-color:rgba(38, 185, 154, 0.59) !important;}

button.DTTT_button, div.DTTT_button, a.DTTT_button {border:1px solid #E7E7E7 !important; background:#E7E7E7 !important; box-shadow:none !important;}

table.jambo_table {border:1px solid rgba(221, 221, 221, 0.78);}
table.jambo_table thead {background:rgba(52, 73, 94, 0.94); color:#ECF0F1;}
table.jambo_table tbody tr:hover td {background:rgba(38, 185, 154, 0.07); border-top:1px solid rgba(38, 185, 154, 0.11); border-bottom:1px solid rgba(38, 185, 154, 0.11);}
table.jambo_table tbody tr.selected {background:rgba(38, 185, 154, 0.16);}
table.jambo_table tbody tr.selected td {border-top:1px solid rgba(38, 185, 154, 0.4); border-bottom:1px solid rgba(38, 185, 154, 0.4);}

.dataTables_wrapper {position:relative; clear:both; zoom:1;}
.dataTables_processing {position:absolute; top:50%; left:50%; width:250px; height:30px; margin-left:-125px; margin-top:-15px; padding:14px 0 2px; border:1px solid #ddd; 
    text-align:center; color:#999; font-size:12px; background-color:#fff;}
.dataTables_length {width:40%; float:left;}
.dataTables_filter {width:50%; float:right; text-align:right;}
.dataTables_info {width:60%; float:left;}
.dataTables_paginate {float:right; text-align:right;}
table.dataTable th.focus, table.dataTable td.focus {outline:2px solid #1ABB9C !important; outline-offset:-1px;}

table.display {margin:0 auto; clear:both; width:100%;}
table.display thead th {padding:8px 18px 8px 10px; border-bottom:1px solid #000; font-weight:700; cursor:pointer;}
table.display tfoot th {padding:3px 18px 3px 10px; border-top:1px solid #000; font-weight:700;}
table.display tr.heading2 td {border-bottom:1px solid #aaa;}
table.display td {padding:3px 10px;}
table.display td.center {text-align:center;}
table.display thead th:active, table.display thead td:active {/* outline:0; */}

.dataTables_scroll {clear:both;}
.dataTables_scrollBody {*margin-top:-1px; -webkit-overflow-scrolling:touch;}
.top .dataTables_info {float:none;}
.dataTables_empty {text-align:center;}

tfoot input {margin:.5em 0; width:100%; color:#444;}
tfoot input.search_init {color:#999;}

td.group {background-color:#d1cfd0; border-bottom:2px solid #A19B9E; border-top:2px solid #A19B9E;}
td.details {background-color:#d1cfd0; border:2px solid #A19B9E;}

.example_alt_pagination div.dataTables_info {width:40%;}

.paging_full_numbers {width:400px; height:22px; line-height:22px;}
.paging_full_numbers a:active {/* outline:0; */}
.paging_full_numbers a:hover {text-decoration:none;}
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {border:1px solid #aaa; -webkit-border-radius:5px; -moz-border-radius:5px; padding:2px 5px; margin:0 3px; cursor:pointer;}
.paging_full_numbers a.paginate_button {background-color:#ddd;}
.paging_full_numbers a.paginate_button:hover {background-color:#ccc; text-decoration:none !important;}
.paging_full_numbers a.paginate_active {background-color:#99B3FF;}

table.display tr.even.row_selected td {background-color:#B0BED9;}
table.display tr.odd.row_selected td {background-color:#9FAFD1;}

div.box {height:100px; padding:10px; overflow:auto; border:1px solid #8080FF; background-color:#E5E5FF;}

ul.msg_list li {background:#f7f7f7; padding:5px; display:-ms-flexbox; display:flex; margin:6px 6px 0; width:96% !important;}
ul.msg_list li:last-child {margin-bottom:6px; padding:10px;}
ul.msg_list li a {padding:3px 5px !important;}
ul.msg_list li a .image img {border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; float:left; margin-right:10px; width:11%;}
ul.msg_list li a .time {font-size:11px; font-style:italic; font-weight:700; position:absolute; right:35px;}
ul.msg_list li a .message {display:block !important; font-size:11px;}

.dropdown-menu.msg_list span {white-space:normal;}
.dropdown-menu {border:medium none; box-shadow:none; display:none; float:left; font-size:12px; left:0; list-style:none outside none; padding:0; 
    position:absolute; text-shadow:none; top:100%; z-index:9998; border:1px solid #d9d9d9; border-top-left-radius:0; border-top-right-radius:0;}
.dropdown-menu>li>a {color:#3b3f42;}
.navbar-nav .open .dropdown-menu {position:absolute; background:#fff; margin-top:0; border-right-color:#ccc; border-right-style:solid; border-bottom-color:#ccc; 
    border-bottom-style:solid; border-left-color:#ccc; border-left-style:solid; border-image-source:initial; border-image-slice:initial; border-image-width:initial; 
    border-image-outset:initial; border-image-repeat:initial; -webkit-box-shadow:none; right:0; left:auto; width:220px; border-width:0 1px 1px;}
.navbar-nav .open .dropdown-menu.msg_list {width:300px;}

.info-number .badge {font-size:10px; font-weight:400; line-height:13px; padding:2px 6px; position:absolute; right:2px; top:8px;}

ul.to_do {padding:0;}
ul.to_do li {background:#f3f3f3; border-radius:3px; position:relative; padding:7px; margin-bottom:5px; list-style:none;}
ul.to_do p {margin:0;}

.dashboard-widget {background:#f6f6f6; border-top:5px solid #79C3DF; border-radius:3px; padding:5px 10px 10px;}
.dashboard-widget .dashboard-widget-title {font-weight:400; border-bottom:1px solid #c1cdcd; margin:0 0 10px; padding-bottom:5px; padding-left:40px; line-height:30px;}
.dashboard-widget .dashboard-widget-title i {font-size:100%; margin-left:-35px; margin-right:10px; color:#33a1c9; padding:3px 6px; border:1px solid #abd9ea; border-radius:5px; background:#fff;}

ul.quick-list {width:45%; padding-left:0; display:inline-block;}
ul.quick-list li {padding-left:10px; list-style:none; margin:0; padding-bottom:6px; padding-top:4px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
ul.quick-list li i {padding-right:10px; color:#757679;}

.dashboard-widget-content {padding-top:9px;}
.dashboard-widget-content .sidebar-widget {width:50%; display:inline-block; vertical-align:top; background:#fff; border:1px solid #abd9ea; border-radius:5px; 
    text-align:center; float:right; padding:2px; margin-top:10px;}

.widget_summary {width:100%; display:-ms-inline-flexbox; display:inline-flex;}
.widget_summary .w_left {float:left; text-align:left;}
.widget_summary .w_center {float:left;}
.widget_summary .w_right {float:left; text-align:right;}
.widget_summary .w_right span {font-size:20px;}

h5.graph_title {text-align:left; margin-left:10px;}
h5.graph_title i {margin-right:10px; font-size:17px;}

span.right {float:right; font-size:12px !important;}

.tile_info a {text-overflow:ellipsis;}

.sidebar-footer {bottom:0; clear:both; display:block; padding:5px 0 0; position:fixed; width:230px; background:#2A3F54; z-index:999;}
.sidebar-footer a {padding:7px 0 3px; text-align:center; width:25%; font-size:17px; display:block; float:left; background:#172D44; cursor:pointer;}
.sidebar-footer a:hover {background:#425567;}

.tile_count {margin-bottom:20px; margin-top:20px;}
.tile_count .tile_stats_count {border-bottom:1px solid #D9DEE4; padding:0 10px 10px 90px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative;}
.tile_count .tile_stats_count:before {content:""; position:absolute; left:0; height:65px; border-left:2px solid #ADB2B5; margin-top:10px;}
.tile_count .tile_stats_count .count {font-size:35px; line-height:47px; font-weight:600;}
.tile_count .tile_stats_count span {font-size:12px;}
.tile_count .tile_stats_count .count_bottom i {width:12px;}

.dashboard_graph {background:#fff; padding:10px 17px; border:1px solid #d9d9d9; border-radius:5px; margin-bottom:10px; position:relative; width:100%; display:inline-block; 
    border:1px solid #d9d9d9; border-radius:5px; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; column-break-inside:avoid; opacity:1; transition:all .2s ease;}
.dashboard_graph .col-md-9, .dashboard_graph .col-md-3 {padding:0;}

a.user-profile {color:#5E6974 !important;}
.user-profile img {width:29px; height:29px; border-radius:50%; margin-right:10px;}
ul.top_profiles {height:330px; width:100%;}
ul.top_profiles li {margin:0; padding:3px 5px;}
ul.top_profiles li:nth-child(odd) {background-color:#eee;}

.media .profile_thumb {border:1px solid; width:50px; height:50px; margin:5px 10px 5px 0; border-radius:50%; padding:9px 12px;}
.media .profile_thumb i {font-size:30px;}
.media .date {background:#ccc; width:52px; margin-right:10px; border-radius:10px; padding:5px;}
.media .date .month {margin:0; text-align:center; color:#fff;}
.media .date .day {text-align:center; color:#fff; font-size:27px; margin:0; line-height:27px; font-weight:700;}

.event .media-body a.title {font-weight:700;}
.event .media-body p {margin-bottom:0;}

h4.graph_title {margin:7px; text-align:center;}

.fontawesome-icon-list .fa-hover a:hover {background-color:#ddd; color:#fff; text-decoration:none;}
.fontawesome-icon-list .fa-hover a {display:block; line-height:32px; height:32px; padding-left:10px; border-radius:4px;}
.fontawesome-icon-list .fa-hover a:hover .fa {font-size:28px; vertical-align:-6px;}
.fontawesome-icon-list .fa-hover a .fa {width:32px; font-size:16px; display:inline-block; text-align:right; margin-right:10px;}

.main_menu .fa {width:26px; opacity:.99; display:inline-block; /* font-family:FontAwesome; font-style:normal; font-weight:400; */ font-size:18px; 
    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

.tile-stats {position:relative; display:block; margin-bottom:12px; border:1px solid #E4E4E4; -webkit-border-radius:5px; overflow:hidden; padding-bottom:5px; -webkit-background-clip:padding-box; 
    -moz-border-radius:5px; -moz-background-clip:padding; border-radius:5px; background-clip:padding-box; background:#FFF; transition:all 300ms ease-in-out;}
.tile-stats:hover .icon i {animation-name:transformAnimation; animation-duration:.5s; animation-iteration-count:1; color:rgba(58, 58, 58, 0.41); animation-timing-function:ease; 
    animation-fill-mode:forwards; -webkit-animation-name:transformAnimation; -webkit-animation-duration:.5s; -webkit-animation-iteration-count:1; -webkit-animation-timing-function:ease; 
    -webkit-animation-fill-mode:forwards; -moz-animation-name:transformAnimation; -moz-animation-duration:.5s; -moz-animation-iteration-count:1; -moz-animation-timing-function:ease; -moz-animation-fill-mode:forwards;}
.tile-stats .icon {width:20px; height:20px; color:#BAB8B8; position:absolute; right:53px; top:22px; z-index:1;}
.tile-stats .icon i {margin:0; font-size:60px; line-height:0; vertical-align:bottom; padding:0;}
.tile-stats .count {font-size:20px; font-weight:700; line-height:1.65857;}
.tile-stats .count, .tile-stats h3, .tile-stats p {position:relative; margin:0; margin-left:10px; z-index:5; padding:0;}
.tile-stats h3 {color:#BAB8B8;}
.tile-stats p {margin-top:5px; font-size:12px;}
.tile-stats>.dash-box-footer {position:relative; text-align:center; margin-top:5px; padding:3px 0; color:#fff; color:rgba(255, 255, 255, 0.8); display:block; 
    z-index:10; background:rgba(0, 0, 0, 0.1); text-decoration:none;}
.tile-stats>.dash-box-footer:hover {color:#fff; background:rgba(0, 0, 0, 0.15); color:#fff; background:rgba(0, 0, 0, 0.15);}

table.tile_info {padding:10px 15px;}
table.tile_info span.right {margin-right:0; float:right; position:absolute; right:4%;}
.tile:hover {text-decoration:none;}
.tile_header {border-bottom:transparent; padding:7px 15px; margin-bottom:15px; background:#E7E7E7;}
.tile_head h4 {margin-top:0; margin-bottom:5px;}
.tiles-bottom {padding:5px 10px; margin-top:10px; background:rgba(194, 194, 194, 0.3); text-align:left;}

a.star {color:#428bca !important;}
.mail_content {background:none repeat scroll 0 0 #FFF; border-radius:4px; margin-top:20px; min-height:500px; padding:10px 11px; width:100%;}

.list-btn-mail {margin-bottom:15px;}
.list-btn-mail.active {border-bottom:1px solid #39B3D7; padding:0 0 14px;}
.list-btn-mail>i {float:left; font-size:18px; font-style:normal; width:33px;}
.list-btn-mail>.cn {background:none repeat scroll 0 0 #39B3D7; border-radius:12px; color:#FFF; float:right; font-style:normal; padding:0 5px;}

.button-mail {margin:0 0 15px !important; text-align:left; width:100%;}
button, .buttons, .btn, .modal-footer .btn+.btn {margin-right:5px; font-size:12px; padding:5px 12px;}
.btn-group-vertical .btn, .btn-group .btn {margin-bottom:0; margin-right:0;}

.mail_list_column {border-left:1px solid #DBDBDB;}
.mail_view {border-left:1px solid #DBDBDB;}
.mail_list {width:100%; border-bottom:1px solid #DBDBDB; margin-bottom:2px; display:inline-block;}
.mail_list .left {width:5%; float:left; margin-right:3%;}
.mail_list .right {width:90%; float:left;}
.mail_list h3 {font-size:15px; font-weight:700; margin:0 0 6px;}
.mail_list h3 small {float:right; color:#ADABAB; font-size:11px; line-height:20px;}
.mail_list .badge {padding:3px 6px; font-size:8px; background:#BAB7B7;}

@media ( max-width :767px) {
    .mail_list {margin-bottom:5px; display:inline-block;}
}

.mail_heading h4 {font-size:18px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-top:20px;}

.attachment {margin-top:30px;}
.attachment ul {width:100%; list-style:none; padding-left:0; display:inline-block; margin-bottom:30px;}
.attachment ul li {float:left; width:150px; margin-right:10px; margin-bottom:10px;}
.attachment ul li img {height:150px; border:1px solid #ddd; padding:5px; margin-bottom:10px;}
.attachment ul li span {float:right;}
.attachment .file-name {float:left;}
.attachment .links {width:100%; display:inline-block;}

.compose {padding:0; position:fixed; bottom:0; right:0; background:#fff; border:1px solid #D9DEE4; border-right:0; border-bottom:0; border-top-left-radius:5px; z-index:9999; display:none;}
.compose .compose-header {padding:5px; background:#169F85; color:#fff; border-top-left-radius:5px;}
.compose .compose-header .close {text-shadow:0 1px 0 #fff; line-height:.8;}
.compose .compose-body .editor.btn-toolbar {margin:0;}
.compose .compose-body .editor-wrapper {height:100%; min-height:50px; max-height:180px; border-radius:0; border-left:none; border-right:none; overflow:auto;}
.compose .compose-footer {padding:10px;}

.editor.btn-toolbar {zoom:1; background:#F7F7F7; margin:5px 2px; padding:3px 0; border:1px solid #EFEFEF;}

.input-group {margin-bottom:10px;}

.ln_solid {border-top:1px solid #e5e5e5; color:#fff; background-color:#fff; height:1px; margin:20px 0;}

span.section {display:block; width:100%; padding:0; margin-bottom:20px; font-size:21px; line-height:inherit; color:#333; border:0; border-bottom:1px solid #e5e5e5;}

.no-border {border-radius:0; width:100%; border:none; border:0; display:block; width:100%; height:34px; padding:6px 12px; font-size:12px; line-height:1.42857143;}

legend {font-size:18px; color:inherit;}

.form-control {border-radius:0; width:100%; font-size:12px; height:29px; background-color:#fdfdfd; padding:3px 12px;}
.form-horizontal .control-label {padding-top:8px;}
.form-horizontal .control-label-left {padding-top:7px; margin-bottom:0; text-align:left;}
.form-control:focus {border-color:#CCD0D7; box-shadow:none !important;}
.form-horizontal .form-group {margin-right:0; margin-left:0;}
.form-control-feedback {margin-top:3px; height:24px; color:#bfbfbf; line-height:24px; font-size:15px;}
.form-control-feedback.left {border-right:1px solid #ccc; left:6px;}
.form-control-feedback.right {border-left:1px solid #ccc; right:13px; margin-right:-9px; font-size:15px !important;}
.form-control.has-feedback-left {padding-left:45px;}
.form-control.has-feedback-right {padding-right:45px;}
.form-group {margin-bottom:10px;}

/* 반응형 테이블 */
.rwd-table-area {overflow-x:auto;}
.rwd-table-area .list-table {min-width:1024px;}
.rwd-table-area.small-table .list-table {min-width:768px;}

.rwd-table-area .form-table {min-width:1024px;}
.rwd-table-area.small-table .form-table {min-width:768px;}

.validate {margin-top:10px;}
.invalid-form-error-message {margin-top:10px; padding:5px;}
.invalid-form-error-message.filled {border-left:2px solid #E74C3C;}

p.parsley-success {color:#468847; background-color:#DFF0D8; border:1px solid #D6E9C6;}
p.parsley-error {color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7;}

ul.parsley-errors-list {list-style:none; color:#E74C3C; padding-left:0;}

input.parsley-error, textarea.parsley-error, select.parsley-error {background:#FAEDEC; border:1px solid #E85445;}

.btn-group .parsley-errors-list {display:none;}

.bad input, .bad select, .bad textarea {border:1px solid #CE5454; box-shadow:0 0 4px -2px #CE5454; position:relative; left:0; -moz-animation:.7s 1 shake linear; -webkit-animation:.7s 1 shake linear;}
.item input, .item textarea {transition:.42s;}
.item .alert {float:left; margin:0 0 0 20px; padding:3px 10px; color:#FFF; border-radius:3px 4px 4px 3px; background-color:#CE5454; max-width:170px; white-space:pre; 
    position:relative; left:-15px; opacity:0; z-index:1; transition:.15s ease-out;}
.item .alert::after {content:''; display:block; height:0; width:0; border-color:transparent #CE5454 transparent transparent; border-style:solid; border-width:11px 7px; position:absolute; 
    left:-13px; top:1px;}
.item.bad .alert {left:0; opacity:1;}

.inl-bl {display:inline-block;}

.well .markup {background:#fff; color:#354f63; position:relative; padding:45px 15px 15px; margin:15px 0 0; background-color:#fff; border-radius:0 0 4px 4px; box-shadow:none;}
.well .markup::after {content:"Example"; position:absolute; top:15px; left:15px; font-size:12px; font-weight:700; color:#bbb; text-transform:uppercase; letter-spacing:1px;}

.autocomplete-suggestions {border:1px solid #e4e4e4; background:#F4F4F4; cursor:default; overflow:auto;}
.autocomplete-suggestion {padding:2px 5px; font-size:1.2em; white-space:nowrap; overflow:hidden;}
.autocomplete-selected {background:#f0f0f0;}
.autocomplete-suggestions strong {font-weight:400; color:#39f; font-weight:bolder;}

.btn {border-radius:3px;}
a.btn-success, a.btn-primary, a.btn-warning, a.btn-danger {color:#fff;}
.btn-success {background:#26B99A; border:1px solid #169F85;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {background:#169F85;}

.btn-dark {color:#E9EDEF; background-color:#4B5F71; border-color:#364B5F;}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {color:#FFF; background-color:#394D5F; border-color:#394D5F;}

.btn-round {border-radius:30px;}

.btn.btn-app {position:relative; padding:15px 5px; margin:0 0 10px 10px; min-width:80px; height:60px; box-shadow:none; border-radius:0; text-align:center; color:#666; 
    border:1px solid #ddd; background-color:#fafafa; font-size:12px;}
.btn.btn-app>.fa, .btn.btn-app>.glyphicon, .btn.btn-app>.ion {font-size:20px; display:block;}
.btn.btn-app:hover {background:#f4f4f4; color:#444; border-color:#aaa;}
.btn.btn-app:active, .btn.btn-app:focus {box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.btn-app>.badge {position:absolute; top:-3px; right:-10px; font-size:10px; font-weight:400;}
button i {}


textarea {padding:10px; vertical-align:top; width:200px;}
textarea.content_textarea {padding:13px; vertical-align:top; width:auto; height:calc(100vh - 496px); border-radius:5px;}
textarea:focus {outline-style:solid; outline-width:2px;}

.btn_ {display:inline-block; padding:3px 9px; margin-bottom:0; font-size:12px; line-height:20px; text-align:center; vertical-align:middle; cursor:pointer; color:#333; 
    text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); background-color:#f5f5f5; background-image:linear-gradient(to bottom, #fff, #e6e6e6); background-repeat:repeat-x; 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color:#e6e6e6 #e6e6e6 #bfbfbf; 
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); border:1px solid #ccc; 
    border-bottom-color:#b3b3b3; border-radius:4px; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}

.bs-glyphicons {margin:0 -10px 20px; overflow:hidden;}
.bs-glyphicons-list {padding-left:0; list-style:none;}
.bs-glyphicons li {float:left; width:25%; height:115px; padding:10px; font-size:10px; line-height:1.4; text-align:center; background-color:#f9f9f9; border:1px solid #fff;}
.bs-glyphicons .glyphicon {margin-top:5px; margin-bottom:10px; font-size:24px;}
.bs-glyphicons .glyphicon-class {display:block; text-align:center; word-wrap:break-word;}
.bs-glyphicons li:hover {color:#fff; background-color:#1ABB9C;}

.tagsinput {border:1px solid #CCC; background:#FFF; padding:6px 6px 0; width:300px; overflow-y:auto;}

span.tag {-moz-border-radius:2px; -webkit-border-radius:2px; display:block; float:left; padding:5px 9px; text-decoration:none; background:#1ABB9C; 
    color:#F1F6F7; margin-right:5px; font-weight:500; margin-bottom:5px;}
span.tag a {color:#F1F6F7 !important;}
.tagsinput span.tag a {font-weight:700; color:#82ad2b; text-decoration:none; font-size:11px;}
.tagsinput input {width:80px; margin:0; font-size:13px; border:1px solid transparent; padding:3px; background:transparent; color:#000; /* outline:0; */}
.tagsinput div {display:block; float:left;}
.tags_clear {clear:both; width:100%; height:0;}
.tag {line-height:1; background:#1ABB9C; color:#fff !important;}
.tag:after {content:" "; height:30px; width:0; position:absolute; left:100%; top:0; margin:0; pointer-events:none; border-top:14px solid transparent; 
    border-bottom:14px solid transparent; border-left:11px solid #1ABB9C;}
    
.not_valid {background:#FBD8DB !important; color:#90111A !important;}

ul.bar_tabs {overflow:visible; background:#F5F7FA; height:25px; margin:21px 0 14px; padding-left:14px; position:relative; z-index:1; width:100%; border-bottom:1px solid #E6E9ED;}
ul.bar_tabs>li {border:1px solid #E6E9ED; color:#333 !important; margin-top:-17px; margin-left:8px; background:#fff; border-bottom:none; border-radius:4px 4px 0 0;}
ul.bar_tabs>li.active {border-right:6px solid #D3D6DA; border-top:0; margin-top:-15px;}
ul.bar_tabs>li a {padding:10px 17px; background:#F5F7FA; margin:0; border-top-right-radius:0;}
ul.bar_tabs>li a:hover {border:1px solid transparent;}
ul.bar_tabs>li.active a {border-bottom:none;}
ul.bar_tabs.right {padding-right:14px;}
ul.bar_tabs.right li {float:right;}

a:focus {/* outline:0; */}

ul.timeline li {position:relative; border-bottom:1px solid #e8e8e8; clear:both;}
.timeline .block {margin:0; border-left:3px solid #e8e8e8; overflow:visible; padding:10px 15px; margin-left:105px;}
.timeline.widget {min-width:0; max-width:inherit;}
.timeline.widget .block {margin-left:5px;}
.timeline .tags {position:absolute; top:15px; left:0; width:84px;}
.timeline .tag {display:block; height:30px; font-size:13px; padding:8px;}
.timeline .tag span {display:block; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}
.timeline h2.title {position:relative; font-size:16px; margin:0;}
.timeline h2.title:before {content:""; position:absolute; left:-23px; top:3px; display:block; width:14px; height:14px; border:3px solid #d2d3d2; border-radius:14px; background:#f9f9f9;}
.timeline .byline {padding:.25em 0;}

.byline {-webkit-font-smoothing:antialiased; font-style:italic; font-size:.9375em; line-height:1.3; color:#aab6aa;}

ul.social li {border:0;}
.social-sidebar, .social-body {float:right;}
.social-sidebar {background:#EDEDED; width:22%;}
.social-body {border:1px solid #ccc; width:78%;}

.thumb img {width:50px; height:50px; border-radius:50%;}
.chat .thumb img {width:27px; height:27px; border-radius:50%;}
.chat .status {float:left; margin:16px 0 0 -16px; font-size:12px; font-weight:700; width:12px; height:12px; display:block; border:2px solid #FFF; z-index:9999; border-radius:50%;}
.chat .status.online {background:#1ABB9C;}
.chat .status.away {background:#F39C12;}
.chat .status.offline {background:#ccc;}
.chat .media-body {padding-top:5px;}

.dashboard_graph .x_title {padding:5px 5px 7px;}
.dashboard_graph .x_title h3 {margin:0; font-weight:400;}

.chart {position:relative; display:inline-block; width:110px; height:110px; margin-top:5px; margin-bottom:5px; text-align:center;}
.chart canvas {position:absolute; top:0; left:0;}

.percent {display:inline-block; line-height:110px; z-index:2; font-size:18px;}
.percent:after {content:'%'; margin-left:.1em; font-size:.8em;}

.angular {margin-top:100px;}
.angular .chart {margin-top:0;}

.widget {min-width:250px; max-width:310px;}
.widget_tally_box .btn-group button {text-align:center; color:inherit; font-weight:500; background-color:#f5f5f5; border:1px solid #e7e7e7;}
ul.widget_tally, ul.widget_tally li {width:100%;}
ul.widget_tally li {padding:2px 10px; border-bottom:1px solid #ECECEC; padding-bottom:4px;}
ul.widget_tally .month {width:70%; float:left;}
ul.widget_tally .count {width:30%; float:left; text-align:right;}

.pie_bg {border-bottom:1px solid rgba(101, 204, 182, 0.16); padding-bottom:15px; border-radius:4px; 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); 
    padding-bottom:10px; box-shadow:0 4px 6px -6px #222;}

.widget_tally_box .flex {display:-ms-flexbox; display:flex;}

ul.widget_profile_box {width:100%; height:42px; padding:3px; background:#ececec; margin-top:40px; margin-left:1px;}
ul.widget_profile_box li:first-child {width:25%; float:left;}
ul.widget_profile_box li:first-child a {float:left;}
ul.widget_profile_box li:last-child {width:25%; float:right;}
ul.widget_profile_box li:last-child a {float:right;}
ul.widget_profile_box li a {font-size:22px; text-align:center; width:35px; height:35px; border:1px solid rgba(52, 73, 94, 0.44); display:block; border-radius:50%; padding:0;}
ul.widget_profile_box li a:hover {color:#1ABB9C !important; border:1px solid #26b99a;}
ul.widget_profile_box li .profile_img {width:75px; height:75px; margin:0; margin-top:-28px;}

.widget_tally_box p, .widget_tally_box span {text-align:center;}
.widget_tally_box .name {text-align:center; margin:25px;}
.widget_tally_box .name_title {text-align:center; margin:5px;}
.widget_tally_box ul.legend {margin:0;}
.widget_tally_box ul.legend p, .widget_tally_box ul.legend span {text-align:left;}
.widget_tally_box ul.legend li .icon {font-size:20px; float:left; width:14px;}
.widget_tally_box ul.legend li .name {font-size:12px; margin:5px 0 0 14px; text-overflow:ellipsis; float:left;}
.widget_tally_box ul.legend p {display:inline-block; margin:0;}
.widget_tally_box ul.verticle_bars li {height:140px; width:23%;}
.widget .verticle_bars li .progress.vertical.progress_wide {width:65%;}

ul.count2 {width:100%; margin-left:1px; border:1px solid #ddd; border-left:0; border-right:0; padding:10px 0;}
ul.count2 li {width:30%; text-align:center;}
ul.count2 li h3 {font-weight:400; margin:0;}
ul.count2 li span {font-weight:300;}

.divider {border-bottom:1px solid #ddd; margin:10px;}
.divider-dashed {border-top:1px dashed #e7eaec; background-color:#fff; height:1px; margin:10px 0;}

ul.messages {padding:0; list-style:none;}
ul.messages li, .tasks li {border-bottom:1px dotted #e6e6e6; padding:8px 0;}
ul.messages li img.avatar, img.avatar {height:32px; width:32px; float:left; display:inline-block; border-radius:2px; padding:2px; background:#f7f7f7; border:1px solid #e6e6e6;}
ul.messages li .message_date {float:right; text-align:right;}
ul.messages li .message_wrapper {margin-left:50px; margin-right:40px;}
ul.messages li .message_wrapper h4.heading {font-weight:600; margin:0; cursor:pointer; margin-bottom:10px; line-height:100%;}
ul.messages li .message_wrapper blockquote {padding:0 10px; margin:0; border-left:5px solid #eee;}

ul.user_data li {margin-bottom:6px;}
ul.user_data li p {margin-bottom:0;}
ul.user_data li .progress {width:90%;}

.project_progress .progress {margin-bottom:3px !important; margin-top:5px;}
.projects .list-inline {margin:0;}

.profile_title {background:#F5F7FA; border:0; padding:7px 0; display:-ms-flexbox; display:flex;}

ul.stats-overview {border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:10px;}
ul.stats-overview li {display:inline-block; text-align:center; padding:0 15px; width:30%; font-size:12px; border-right:1px solid #e8e8e8;}
ul.stats-overview li:last-child {border-right:0;}
ul.stats-overview li .name {font-size:12px;}
ul.stats-overview li .value {font-size:12px; font-weight:700; display:block;}
ul.stats-overview li:first-child {padding-left:0;}

ul.project_files li {margin-bottom:5px;}
ul.project_files li a i {width:20px;}

.project_detail p {margin-bottom:10px;}
.project_detail p.title {font-weight:700; margin-bottom:0;}

.avatar img {border-radius:50%; max-width:45px;}

.pricing {background:#fff;}
.pricing .title {background:#1ABB9C; height:110px; color:#fff; padding:15px 0 0; text-align:center;}
.pricing .title h1 {font-size:30px; margin:12px;}
.pricing .title h2 {text-transform:capitalize; font-size:18px; border-radius:5px 5px 0 0; margin:0; font-weight:400;}
.pricing .title span {background:rgba(51, 51, 51, 0.28); padding:2px 5px;}
.pricing_features {background:#FAFAFA; padding:20px 15px; min-height:230px; font-size:13.5px;}
.pricing_features ul li {margin-top:10px;}
.pricing_footer {padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #ddd; text-align:center; border-bottom-right-radius:3px; border-bottom-left-radius:3px;}
.pricing_footer p {font-size:13px; padding:10px 0 2px; display:block;}

.ui-ribbon-container {position:relative;}
.ui-ribbon-container .ui-ribbon-wrapper {position:absolute; overflow:hidden; width:80px; height:88px; top:-3px; right:-3px;}
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {background-color:#5b90bf;}
.ui-ribbon-container .ui-ribbon {position:relative; display:block; text-align:center; font-size:15px; font-weight:700; color:#fff; transform:rotate(45deg); 
    padding:7px 0; left:-5px; top:15px; width:120px; line-height:20px; background-color:#555; box-shadow:0 0 3px rgba(0, 0, 0, 0.3);}
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after, .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {border-top:2px solid #5b90bf;}
.ui-ribbon-container .ui-ribbon:before {left:0; bottom:-1px; right:0;}
.ui-ribbon-container .ui-ribbon:after, .ui-ribbon-container .ui-ribbon:before {position:absolute; content:" "; line-height:0; 
    border-top:2px solid #555; border-left:2px solid transparent; border-right:2px solid transparent;}

.thumbnail .image {height:132px; overflow:hidden;}

.caption {padding:9px 5px; background:#F7F7F7; height:56px;}
.caption p {margin-bottom:5px;}

.thumbnail {height:190px; overflow:hidden; padding:0;}
.mask.no-caption .tools {margin:90px 0 0;}

.view {overflow:hidden; position:relative; text-align:center; cursor:default;}
.view .mask, .view .content {position:absolute; width:100%; overflow:hidden; top:0; left:0;}
.view img {display:block; position:relative;}
.view .tools {text-transform:uppercase; color:#fff; text-align:center; position:relative; font-size:17px; padding:3px; background:rgba(0, 0, 0, 0.35);}
.view .tools a {display:inline-block; color:#FFF; font-size:18px; font-weight:400; padding:0 4px;}
.view p {font-size:12px; position:relative; color:#fff; padding:10px 20px 20px; text-align:left;}
.view a.info {display:inline-block; text-decoration:none; padding:7px 14px; background:#000; color:#fff; text-transform:uppercase; box-shadow:0 0 1px #000;}
.view-first img {transition:all .2s linear;}
.view-first .mask {opacity:0; background-color:rgba(0, 0, 0, 0.5); transition:all .4s ease-in-out; height:100%;}
.view-first .tools {transform:translateY(-100px); opacity:0; transition:all .2s ease-in-out; min-height:30px;}
.view-first p {transform:translateY(100px); opacity:0; transition:all .2s linear;}
.view-first:hover img {transform:scale(1.1);}
.view-first:hover .mask {opacity:1;}
.view-first:hover .tools, .view-first:hover p {opacity:1; transform:translateY(0px);}
.view-first:hover p {transition-delay:.1s;}

.form-group.has-feedback span {display:block !important;}
.input-group-btn .btn {margin-bottom:0;}

.tabs-left, .tabs-right {border-bottom:none; padding-top:2px;}
.tabs-left {border-right:1px solid #F7F7F7;}
.tabs-right {border-left:1px solid #F7F7F7;}
.tabs-left>li, .tabs-right>li {float:none; margin-bottom:2px;}
.tabs-left>li {margin-right:-1px;}
.tabs-right>li {margin-left:-1px;}
.tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus {border-bottom-color:#F7F7F7; border-right-color:transparent;}
.tabs-right>li.active>a, .tabs-right>li.active>a:hover, .tabs-right>li.active>a:focus {border-bottom:1px solid #F7F7F7; border-left-color:transparent;}
.tabs-left>li>a {border-radius:4px 0 0 4px; margin-right:0; display:block; background:#F7F7F7; text-overflow:ellipsis; overflow:hidden;}
.tabs-right>li>a {border-radius:0 4px 4px 0; margin-right:0; background:#F7F7F7; text-overflow:ellipsis; overflow:hidden;}

.sideways {margin-top:50px; border:none; position:relative;}
.sideways>li {height:20px; width:120px; margin-bottom:100px;}
.sideways>li>a {border-bottom:1px solid #ddd; border-right-color:transparent; text-align:center; border-radius:4px 4px 0 0;}
.sideways>li.active>a, .sideways>li.active>a:hover, .sideways>li.active>a:focus {border-bottom-color:transparent; border-right-color:#ddd; border-left-color:#ddd;}
.sideways.tabs-left {left:-50px;}
.sideways.tabs-right {right:-50px;}
.sideways.tabs-right>li {transform:rotate(90deg);}
.sideways.tabs-left>li {transform:rotate(-90deg);}

.morris-hover {position:absolute; z-index:1000;}
.morris-hover.morris-default-style {padding:6px; color:#666; background:rgba(243, 242, 243, 0.8); border:solid 2px rgba(195, 194, 196, 0.8); font-size:12px; text-align:center;}
.morris-hover.morris-default-style .morris-hover-row-label {font-weight:700; margin:.25em 0;}
.morris-hover.morris-default-style .morris-hover-point {white-space:nowrap; margin:.1em 0;}

.price {font-size:40px; font-weight:400; color:#26B99A; margin:0;}
.price-tax {font-size:18px;}

.prod_title {border-bottom:1px solid #DFDFDF; padding-bottom:5px; margin:30px 0; font-size:20px; font-weight:400;}
.product-image img {width:90%;}
.prod_color li {margin:0 10px;}
.prod_color li p {margin-bottom:0;}
.prod_size li {padding:0;}
.prod_color .color {width:25px; height:25px; border:2px solid rgba(51, 51, 51, 0.28) !important; padding:2px; border-radius:50px;}

.product_gallery a {width:100px; height:100px; float:left; margin:10px; border:1px solid #e5e5e5;}
.product_gallery a img {width:100%; margin-top:15px;}
.product_price {margin:20px 0; padding:5px 10px; background-color:#FFF; text-align:left; border:2px dashed #E0E0E0;}
.product_social {margin:20px 0;}
.product_social ul li a i {font-size:35px;}

.animate {-webkit-animation-duration:.5s; -webkit-animation-timing-function:ease; -webkit-animation-fill-mode:both; -moz-animation-duration:.5s; -moz-animation-timing-function:ease; 
    -moz-animation-fill-mode:both; -o-animation-duration:.5s; -o-animation-timing-function:ease; -o-animation-fill-mode:both; -ms-animation-duration:.5s; 
    -ms-animation-timing-function:ease; -ms-animation-fill-mode:both; animation-duration:.5s; animation-timing-function:ease; animation-fill-mode:both;}

.left {float:left;}
.alignleft {float:left; margin-right:15px;}
.alignright {float:right; margin-left:15px;}
.clearfix:after, form:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.reset_pass {margin-top:10px !important;}

.button {background:#f7f9fa; background:linear-gradient(top, #f7f9fa 0%, #f0f0f0 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0); -ms-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; 
    -o-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; border-radius:0 0 5px 5px; border-top:1px solid #CFD5D9; padding:15px 0;}
.button a {background:url(../images/multiFile/upload.png) 0 -112px no-repeat; color:#7E7E7E; font-size:17px; padding:2px 0 2px 40px; text-decoration:none; transition:all .3s ease;}
.button a:hover {background-position:0 -135px; color:#00aeef;}

.voiceBtn {width:20px; color:transparent; background-color:transparent; transform:scale(2, 2); -webkit-transform:scale(2, 2); -moz-transform:scale(2, 2); 
    border:transparent; cursor:pointer; box-shadow:none; -webkit-box-shadow:none;}

.separator {border-top:1px solid #D8D8D8; margin-top:10px; padding-top:10px;}

/* Login Page */
.login {background:#F7F7F7;}
.login .fa-paw {font-size:26px;}
a.hiddenanchor {display:none;}
.login_wrapper {right:0; margin:0 auto; margin-top:5%; max-width:350px; position:relative;}
.registration_form, .login_form {position:absolute; top:0; width:100%;}
.registration_form {z-index:21; opacity:0; width:100%;}
.login_form {z-index:22;}
#signup:target ~ .login_wrapper .registration_form, #signin:target ~ .login_wrapper .login_form {z-index:22; animation-name:fadeInLeft; animation-delay:.1s;}
#signup:target ~ .login_wrapper .login_form, #signin:target ~ .login_wrapper .registration_form {animation-name:fadeOutLeft;}
.login_box {padding:20px; margin:auto;}
.login_content {margin:0 auto; padding:25px 0 0; position:relative; text-align:center; text-shadow:0 1px 0 #fff; min-width:280px;}
.login_content a, .login_content .btn-default:hover {text-decoration:none;}
.login_content a:hover {text-decoration:underline;}
.login_content h1 {font:normal 25px Helvetica, Arial, sans-serif; letter-spacing:-.05em; line-height:20px; margin:10px 0 30px;}
.login_content h1:before, .login_content h1:after {content:""; height:1px; position:absolute; top:10px; width:27%;}
.login_content h1:after {background:#7e7e7e; background:linear-gradient(left, #7e7e7e 0%, #fff 100%); right:0;}
.login_content h1:before {background:#7e7e7e; background:linear-gradient(right, #7e7e7e 0%, #fff 100%); left:0;}
.login_content h1:before, .login_content h1:after {content:""; height:1px; position:absolute; top:10px; width:20%;}
.login_content h1:after {background:#7e7e7e; background:linear-gradient(left, #7e7e7e 0%, #fff 100%); right:0;}
.login_content h1:before {background:#7e7e7e; background:linear-gradient(right, #7e7e7e 0%, #fff 100%); left:0;}
.login_content form {margin:20px 0; position:relative;}
.login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"] {
    border-radius:3px; -ms-box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; -o-box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; 
    box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; border:1px solid #c8c8c8; color:#354f63; margin:0 0 20px; width:100%;}
.login_content form input[type="text"]:focus, .login_content form input[type="email"]:focus, .login_content form input[type="password"]:focus {
    -ms-box-shadow:0 0 2px #ed1c24 inset; -o-box-shadow:0 0 2px #ed1c24 inset; box-shadow:0 0 2px #A97AAD inset; background-color:#fff; border:1px solid #A878AF; /* outline:0; */}
#username {background-position:10px 10px !important;}
#password {background-position:10px -53px !important;}
.login_content form div a {font-size:12px; margin:10px 15px 0 0;}
.login_content div .reset_pass {margin-top:13px !important; margin-right:39px; float:right;}
.login_content form input[type="submit"], #content form .submit {float:left; margin-left:38px;}

header {width:100%;}

#nprogress .bar {background:#337ab7;}
#nprogress .peg {box-shadow:0 0 10px #1ABB9C, 0 0 5px #1ABB9C;}
#nprogress .spinner-icon {border-top-color:#1ABB9C; border-left-color:#1ABB9C;}

.editor-wrapper {min-height:250px; background-color:#fff; border-collapse:separate; border:1px solid #ccc; padding:4px; box-sizing:content-box; 
    box-shadow:rgba(0, 0, 0, 0.07451) 0 1px 1px 0 inset; border-top-right-radius:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; 
    border-top-left-radius:3px; overflow:scroll; /* outline:0; */}

div[data-role="editor-toolbar"] {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

.dropdown-menu a {cursor:pointer;}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    background-color:#fff; 
    border:1px solid #ccc; 
    border-radius:0; 
    min-height:30px; 
    border-radius:4px; 
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color:#354f63; 
    /* padding-top:2px; */
    line-height:26px; 
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-top:3px; 
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height:28px; 
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top:2px; 
    border:none; 
    /* border-radius:0; */
    padding:3px 8px 3px 8px; 
    background-color:#669fd0; 
    color:#ffffff; 
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color:#eeeeee; 
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color:#fff; 
    cursor:pointer; 
    display:inline-block; 
    font-weight:bold; 
    margin-right:2px; 
}

.select2-container--default.select2-container--focus .select2-selection--multiple
    {
    border:1px solid #ccc
}

.switchery {width:32px; height:20px;}
.switchery>small {width:20px; height:20px;}

fieldset {border:none; margin:0; padding:0;}

.cropper .img-container, .cropper .img-preview {background-color:#f7f7f7; width:100%; text-align:center;}
.cropper .img-container {min-height:200px; max-height:516px; margin-bottom:20px;}
.cropper .img-container>img {max-width:100%;}
.cropper .docs-preview {margin-right:-15px;}
.cropper .img-preview {float:left; margin-right:10px; margin-bottom:10px; overflow:hidden;}
.cropper .img-preview>img {max-width:100%;}
.cropper .preview-lg {width:263px; height:148px;}
.cropper .preview-md {width:139px; height:78px;}
.cropper .preview-sm {width:69px; height:39px;}
.cropper .preview-xs {width:35px; height:20px; margin-right:0;}
.cropper .docs-data>.input-group {margin-bottom:10px;}
.cropper .docs-data>.input-group>label {min-width:80px;}
.cropper .docs-data>.input-group>span {min-width:50px;}
.cropper .docs-buttons>.btn, .cropper .docs-buttons>.btn-group, .cropper .docs-buttons>.form-control {margin-right:5px; margin-bottom:10px;}
.cropper .docs-toggles>.btn, .cropper .docs-toggles>.btn-group, .cropper .docs-toggles>.dropdown {margin-bottom:10px;}
.cropper .docs-tooltip {display:block; margin:-6px -12px; padding:6px 12px;}
.cropper .docs-tooltip>.icon {margin:0 -3px; vertical-align:top;}
.cropper .tooltip-inner {white-space:normal;}
.cropper .btn-upload .tooltip-inner, .cropper .btn-toggle .tooltip-inner {white-space:nowrap;}
.cropper .btn-toggle {padding:6px;}
.cropper .btn-toggle>.docs-tooltip {margin:-6px; padding:6px;}
.cropper .docs-options .dropdown-menu {width:100%;}
.cropper .docs-options .dropdown-menu>li {padding:3px 20px;}
.cropper .docs-options .dropdown-menu>li:hover {background-color:#f7f7f7;}
.cropper .docs-options .dropdown-menu>li>label {display:block;}
.cropper .docs-cropped .modal-body {text-align:center;}
.cropper .docs-cropped .modal-body>img, .cropper .docs-cropped .modal-body>canvas {max-width:100%;}
.cropper .docs-diagram .modal-dialog {max-width:352px;}
.cropper .docs-cropped canvas {max-width:100%;}

@media ( max-width :400px) {
    .cropper .btn-group-crop {margin-right:-15px !important;}
    .cropper .btn-group-crop>.btn {padding-left:5px; padding-right:5px;}
    .cropper .btn-group-crop .docs-tooltip {margin-left:-5px; margin-right:-5px; padding-left:5px; padding-right:5px;}
}

.actionBar {width:100%; border-top:1px solid #ddd; padding:10px 5px; text-align:right; margin-top:10px;}
.actionBar .buttonDisabled {cursor:not-allowed; pointer-events:none; opacity:.65; filter:alpha(opacity = 65); box-shadow:none;}
.actionBar a {margin:0 3px;}

.form_wizard .stepContainer {display:block; position:relative; margin:0; padding:0; border:0 solid #CCC; overflow-x:hidden;}
.wizard_horizontal ul.wizard_steps {display:table; list-style:none; position:relative; width:100%; margin:0 0 20px;}
.wizard_horizontal ul.wizard_steps li {display:table-cell; text-align:center;}
.wizard_horizontal ul.wizard_steps li a, .wizard_horizontal ul.wizard_steps li:hover {display:block; position:relative; -moz-opacity:1; filter:alpha(opacity = 100); opacity:1; color:#666;}
.wizard_horizontal ul.wizard_steps li a:before {content:""; position:absolute; height:4px; background:#ccc; top:20px; width:100%; z-index:4; left:0;}
.wizard_horizontal ul.wizard_steps li a.disabled .step_no {background:#ccc;}
.wizard_horizontal ul.wizard_steps li a .step_no {width:40px; height:40px; line-height:40px; border-radius:100px; display:block; margin:0 auto 5px; font-size:16px; 
    text-align:center; position:relative; z-index:5;}
.wizard_horizontal ul.wizard_steps li a.selected:before, .step_no {background:#34495E; color:#fff;}
.wizard_horizontal ul.wizard_steps li a.done:before, .wizard_horizontal ul.wizard_steps li a.done .step_no {background:#4894c3; color:#fff;}
.wizard_horizontal ul.wizard_steps li:first-child a:before {left:50%;}
.wizard_horizontal ul.wizard_steps li:last-child a:before {right:50%; width:50%; left:auto;}

.wizard_verticle .stepContainer {width:80%; float:left; padding:0 10px;}
.wizard_verticle .wizard_content {width:80%; float:left; padding-left:20px;}
.wizard_verticle ul.wizard_steps {display:table; list-style:none; position:relative; width:20%; float:left; margin:0 0 20px;}
.wizard_verticle ul.wizard_steps li {display:list-item; text-align:center;}
.wizard_verticle ul.wizard_steps li a {height:80px;}
.wizard_verticle ul.wizard_steps li a:first-child {margin-top:20px;}
.wizard_verticle ul.wizard_steps li a, .wizard_verticle ul.wizard_steps li:hover {display:block; position:relative; -moz-opacity:1; filter:alpha(opacity = 100); opacity:1; color:#666;}
.wizard_verticle ul.wizard_steps li a:before {content:""; position:absolute; height:100%; background:#ccc; top:20px; width:4px; z-index:4; left:49%;}
.wizard_verticle ul.wizard_steps li a.disabled .step_no {background:#ccc;}
.wizard_verticle ul.wizard_steps li a .step_no {width:40px; height:40px; line-height:40px; border-radius:100px; display:block; margin:0 auto 5px; font-size:16px; text-align:center; position:relative; z-index:5;}
.wizard_verticle ul.wizard_steps li a.selected:before, .step_no {background:#354f63; color:#fff;}
.wizard_verticle ul.wizard_steps li a.done:before, .wizard_verticle ul.wizard_steps li a.done .step_no {background:#1ABB9C; color:#fff;}
.wizard_verticle ul.wizard_steps li:first-child a:before {left:49%;}
.wizard_verticle ul.wizard_steps li:last-child a:before {left:49%; left:auto; width:0;}

.form_wizard .loader {display:none;}
.form_wizard .msgBox {display:none;}

.dashboard_graph p {margin:0 0 4px;}

ul.verticle_bars {width:100%;}
ul.verticle_bars li {width:23%; height:200px; margin:0;}

.progress {border-radius:0;}
.progress-bar-info {background-color:#13aaec;}
.progress-bar-success {background-color:#54cf4b;}
.progress-bar-complete {background-color:#000;}
.progress_summary .progress {margin:5px 0 12px !important;}
.progress_summary .row {margin-bottom:5px;}
.progress_summary .row .col-xs-2 {padding:0;}
.progress_summary .more_info span {text-align:right; float:right;}
.progress_summary .data span {text-align:right; float:right;}
.progress_summary p {margin-bottom:3px; width:100%;}
.progress_title .left {float:left; text-align:left;}
.progress_title .right {float:right; text-align:right; font-weight:300;}
.progress.progress_sm {border-radius:0; margin-bottom:18px; height:10px !important;}
.progress.progress_sm .progress-bar {height:10px !important;}
.progress.vertical.progress_wide {width:35px;}

.alert-success {color:#fff; background-color:rgba(38, 185, 154, 0.88); border-color:rgba(38, 185, 154, 0.88);}
.alert-info {color:#E9EDEF; background-color:rgba(52, 152, 219, 0.88); border-color:rgba(52, 152, 219, 0.88);}
.alert-warning {color:#E9EDEF; background-color:rgba(243, 156, 18, 0.88); border-color:rgba(243, 156, 18, 0.88);}
.alert-danger, .alert-error {color:#E9EDEF; background-color:rgba(231, 76, 60, 0.88); border-color:rgba(231, 76, 60, 0.88);}

.ui-pnotify.dark .ui-pnotify-container {color:#E9EDEF; background-color:rgba(52, 73, 94, 0.88); border-color:rgba(52, 73, 94, 0.88);}

.custom-notifications {position:fixed; margin:15px; right:0; float:right; width:400px; z-index:9999; bottom:0;}

ul.notifications {float:right; display:block; margin-bottom:7px; padding:0; width:100%;}

.notifications li {float:right; margin:3px; width:36px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3);}
.notifications li:last-child {margin-left:0;}
.notifications a {display:block; text-align:center; text-decoration:none; text-transform:uppercase; padding:9px 8px;}

.tabbed_notifications .text {padding:5px 15px; height:140px; border-radius:7px; box-shadow:6px 6px 6px rgba(0, 0, 0, 0.3);}
.tabbed_notifications div p {display:inline-block;}
.tabbed_notifications h2 {font-weight:700; text-transform:uppercase; width:80%; float:left; height:20px; text-overflow:ellipsis; overflow:hidden; display:block;}
.tabbed_notifications .close {padding:5px; color:#E9EDEF; float:right; opacity:1;}

.fc-state-default {background:#f5f5f5; color:#354f63;}
.fc-state-down, .fc-state-active {color:#333; background:#ccc;}

.dropzone {min-height:300px; border:1px solid #e5e5e5;}

.main_menu .label {line-height:11px; margin-top:4px;}

@media ( max-width :460px) {
    .dataTables_wrapper .col-sm-6 {width:100%; margin-bottom:5px;}
    .dataTables_wrapper .col-sm-6 .dataTables_filter {float:none;}
}

@media ( max-width :767px) {
    .dataTables_length {float:none;}
}

.daterangepicker.xdisplay {width:228px;}

.dataTables_wrapper>.row {overflow:auto !important;}

.setting-open.grid-widget-box {transition:right .3s; right:0; z-index:9999;}

.grid-widget-box {transition:right .3s; text-transform:uppercase; border-radius:3px; background-color:#e8e8e8; position:fixed; top:130px; right:-700px; 
    padding:14px 14px 24px; z-index:9999; width:700px; box-shadow:0 2px 7px rgba(91, 107, 123, 0.72);}
.btn.widget_show_hide {width:54px; height:50px; line-height:50px; display:block; font-size:27px; border-width:1px; border-style:solid; border-right:0; border-radius:0; 
    border-bottom-left-radius:3px; border-top-left-radius:3px; text-align:center; position:absolute; left:-55px; top:25px; z-index:55; padding:0; color:#fff; background:#5b6b7b;}
.btn.grid-btn-app {position:relative; padding-top:12px; margin:0 0 10px 10px; min-width:105px; height:130px; box-shadow:none; border-radius:0; text-align:center; color:#fff; 
    background-color:rgba(42, 63, 84, 0.72); font-size:12px; border-radius:4px; width:105px; font-weight:700;}
.btn.grid-btn-app:hover {background:#f4f4f4; color:rgba(42, 63, 84, 0.72); border-color:#fff;}
.btn.grid-btn-app2 {position:relative; padding-top:12px; margin:0 0 10px 10px; min-width:105px; height:130px; box-shadow:none; border-radius:0; text-align:center; color:#fff; 
    background-color:rgba(42, 63, 84, 0.72); font-size:12px; border-radius:4px; width:105px; font-weight:700;}
.btn.grid-btn-app>.fa, .btn.grid-btn-app>.glyphicon, .grid-btn-app>.ion {font-size:20px; display:block;}


.divH10 {width:100%; height:10px; float:left;}
.divH20 {width:100%; height:20px; float:left;}

.f-left {float:left;}
.f-right {float:right;}

.tui-grid-container {height:100%;}

input[type="text"].fileName {max-width:150px;}

.fileSearch {display:block;}
.fileHolder {position:relative; min-width:300px; padding:0 70px 0 0;}
.fileControl {position:absolute; top:0; right:0; width:65px;}
.fileControl input[type="file"].fileMulti {position:absolute; width:0; height:0; padding:0; margin:0; overflow:hidden; border:0 none;}
.fileControl label.fileBtn {display:inline-block; width:80px; max-width:none; margin-left:2px; padding:3px 10px; background:#1ABB9C; border-radius:3px; font-size:.95em; 
    font-weight:400; color:#F1F6F7; text-align:center; line-height:normal; white-space:nowrap; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.fileControl label.fileBtn:hover {background:#16ab8e;}
.filesBox {min-width:200px; min-height:50px; padding:5px 10px 15px 5px; border:1px solid #d3d3d3; background:#fafafa; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.filesBox a.MultiFile-remove {display:inline-block; overflow:hidden; width:13px; height:13px; background:url(../images/multiFile/btn_del.png) no-repeat center center; text-indent:-999px; 
    vertical-align:middle; cursor:pointer;}
.filesBox div.MultiFile-label {padding-bottom:5px;}
.filesBox>ul {list-style:none; padding-left:0;}
.filesBox>ul>li {padding-top:5px;}

.initEnOnly {-webkit-ime-mode:disable; -moz-ime-mode:disable; -ms-ime-mode:disable; ime-mode:disable;}
.initEn {-webkit-ime-mode:inactive; -moz-ime-mode:inactive; -ms-ime-mode:inactive; ime-mode:inactive;}
.initKo {-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;}

.misoToastGrid1  {background-color:#00ACC1 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid2  {background-color:#00BCD4 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid3  {background-color:#26C6DA !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid4  {background-color:#4DD0E1 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid5  {background-color:#80DEEA !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid6  {background-color:#B2EBF2 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid7  {background-color:#E0F7FA !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid8  {background-color:#E0F2F1 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid9  {background-color:#E8F5E9 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid10 {background-color:#F1F8E9 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid11 {background-color:#FFF8E1 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid12 {background-color:#FFECB3 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid13 {background-color:#FFE082 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid14 {background-color:#FFD54F !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid15 {background-color:#FFCA28 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid16 {background-color:#FFC107 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid17 {background-color:#FFB300 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid18 {background-color:#FFA000 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid19 {background-color:#FF8F00 !important; color:#000 !important; font-weight:700 !important;}
.misoToastGrid20 {background-color:#FF6F00 !important; color:#000 !important; font-weight:700 !important;}

.misoToastGrid_red      {color:red !important; font-weight:700 !important;}
.misoToastGrid_blue     {color:#00F !important; font-weight:700 !important;}
.misoToastGrid_white    {color:#FFF !important;}
.misoToastGrid_arrow_up_blue    {background:url(../images/grid/grid-arrow-up-blue.png) no-repeat center center;}
.misoToastGrid_new_red          {background:url(../images/grid/grid-new-red.png) no-repeat center center;}
.misoToastGrid_arrow_down_blue  {background:url(../images/grid/grid-arrow-down-blue.png) no-repeat center center;}
.misoToastGrid_arrow_up_red     {background:url(../images/grid/grid-arrow-up-red.png) no-repeat center center;}

.tui-grid-cell-content select {width:98%; height:20px; font-size:12px; color:#2a3f54; border-color:#dadada; border-radius:3px;}
.tui-grid-cell-content input[type=password], .tui-grid-cell-content input[type=text] {width:100%; padding:2px; border:1px solid #fff; border-radius:3px;}

.ajax-loding-wrap {height:100%; left:0; position:fixed; top:0; width:100%; z-index:999999; background:rgba(0, 0, 0, 0.54); display:none;}
.ajax-loding-bar {position:absolute; left:calc(50% - 60px); top:calc(50% - 50px); z-index:1000000; font-size:100px; color:#fff;}

h4#full_modal_label {font-size:14px;}

.input-group-addon {padding:5px 12px; font-size:14px; font-weight:400; line-height:1; color:#555; text-align:center; background-color:#eee; border:1px solid #ccc; border-radius:4px;}

.grid-stack-item-content.x_panel.dark {background-color:#505050; color:#eee;}
.grid-stack-item-content.x_panel.dark * input {background-color:#505050;}
.grid-stack-item-content.x_panel.vintage {background-color:#fef8ef;}
.grid-stack-item-content.x_panel.vintage * input {background-color:#fef8ef;}

.modal-content.modal-fullsize.dark {background-color:#505050; color:#eee;}
.modal-content.modal-fullsize.dark>div>button.close {color:#fff; opacity:.8;}
.modal-content.modal-fullsize.vintage {background-color:#fef8ef;}

.nowrap-overflow {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.tui-pagination .tui-last-child.tui-is-selected {border-right:1px solid #ddd;}
.tui-pagination .tui-first-child.tui-is-selected {border-left:1px solid #ddd;}
.tui-pagination .tui-is-selected, .tui-pagination strong {color:#fdfdfd; background:#60778c; border-color:#ddd; cursor:default;}
.tui-pagination .tui-is-selected:hover {background-color:#669fd0;}

.radio label, .checkbox label {padding-left:0; padding-right:10px;}

.contrastColorBox {width:40px; float:left; margin-right:5px;}
.contrastColorBox span {border:0; border-radius:0; line-height:1.3; padding-bottom:10px;}

/*======================================
                common
========================================*/

/* ********** Basic setting ********** */
/* Button */
.btn {padding:4px 12px 3px 12px; margin-right:10px; -webkit-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s; border:1px solid #ccc; 
    border-radius:15px; min-width:80px; text-align:center; font-size:15px; font-weight:700;}
.btn > i {margin-left:8px;}
.btn > img {vertical-align:baseline; display:inline-block; margin-left:8px;}
button:last-child, .buttons:last-child, .btn:last-child, .modal-footer .btn+.btn:last-child {margin-right:0;}
.btn.btn-20 {line-height:11px; font-size:11px; padding:4px 7px 4px 7px;}
.btn.btn-25 {line-height:13px; font-size:13px; padding:5px 10px 5px 10px;}
.btn.btn-28 {line-height:13px; font-size:13px; padding:6px 10px 6px 10px;}
.btn.btn-30 {line-height:13px; font-size:13px; padding:9px 13px 9px 13px; border-radius:20px;}
.btn.btn-36 {line-height:13px; font-size:13px; padding:11px 13px 11px 13px; border-radius:20px; letter-spacing:-1px;}
.btn.btn-40 {line-height:16px; font-size:16px; padding:11px 13px 11px 13px; border-radius:20px; letter-spacing:-1px;}
.btn.btn-55 {line-height:25px; font-size:25px; padding:13px 13px 14px 13px; border-radius:30px; font-weight:500; letter-spacing:-1px;}
.btn.btn-circle {line-height:16px; font-size:13px; padding:9px 12px 9px 12px; border-radius:50%;}

/* button_color */                          
.btn-dark-green             {background:#237852; border:1px solid transparent; color:#ffffff;}
.btn-dark-green:hover       {background:#0078ff; color:#0078ff;}

.btn.btn-white              {background:#ffffff; border-color:#cdcdcd; color:#555555;}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white
                            {background:#0078ff; border-color:#0078ff;} 
                            
.btn.btn-black              {background:#000000; border-color:#000000; color:#ffffff;}
.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .open .dropdown-toggle.btn-black
                            {background:#0078ff; border-color:#0078ff;} 
                            
.btn.btn-blue               {background:#4b74e0; border-color:#4b74e0; color:#ffffff;}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue
                            {background:#0078ff; border-color:#0078ff;}     

.btn.btn-deepblue           {background:#364c85; border-color:#4666af; color:#ffffff;}
.btn-deepblue:hover, .btn-deepblue:focus, .btn-deepblue:active, .btn-deepblue.active, .open .dropdown-toggle.btn-deepblue 
                            {background:#0078ff; border-color:#0078ff;}

.btn.btn-skyblue            {background:#fff; border-color:#13aaec; color:#13aaec;}
.btn-skyblue:hover, .btn-skyblue:focus, .btn-skyblue:active, .btn-skyblue.active, .open .dropdown-toggle.btn-skyblue
                            {background:#0078ff; border-color:#0078ff; color:#fff;}

.btn.btn-green              {background:#54cf4b; border-color:#54cf4b; color:#ffffff;}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green
                            {background:#0078ff; border-color:#0078ff;}

.btn.btn-cian               {background:#007f8b; border-color:#006b75; color:#ffffff;}
.btn-cian:hover, .btn-cian:focus, .btn-cian:active, .btn-cian.active, .open .dropdown-toggle.btn-cian
                            {background:#0078ff; border-color:#0078ff;}

.btn.btn-orange             {background:#f0ad4e; border-color:#eea236; color:#ffffff;}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange
                            {background:#0078ff; border-color:#0078ff;}

.btn.btn-red                {background:#ffffff; border-color:#c64747; color:#c64747;}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red
                            {background:#0078ff; border-color:#0078ff; color:#fff;}

.btn.btn-gray               {background:#777777; border-color:#555555; color:#ffffff;}
.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray
                            {background:#0078ff; border-color:#0078ff;}

.btn.btn-dark               {background:#4B5F71; border-color:#364B5F; color:#E9EDEF;}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark
                            {background:#394D5F; border-color:#394D5F;}
.btn-teal                   {background:#0078ff; color:#fff; border-color:#0078ff;}
.btn-teal:hover, .btn.btn-teal:focus, .btn.btn-teal:active      {background:#049091; color:#fff;}
            
.btn.btn-submit             {background:#000000; border-color:#000000; color:#ffffff;}
.btn-submit:hover, .btn-submit:focus, .btn-submit:active, .btn-submit.active, .open .dropdown-toggle.btn-submit
                            {background:#0078ff; border-color:#0078ff;}
                            
.btn.btn-default            {background:#ffffff; border-color:#001f42; color:#001f42;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default
                            {background:#0078ff; border-color:#0078ff; color:#fff;}
                            
.btn.btn-disabled           {background:#e6e6e6; border-color:#e6e6e6; color:#b2b2b2; cursor:default; pointer-events:none;}
.btn-disabled:hover, .btn-disabled:focus, .btn-disabled:active, .btn-disabled.active, .open .dropdown-toggle.btn-disabled
                            {background:#e6e6e6; border-color:#e6e6e6; color:#b2b2b2;}
                            
.btn.btn-down               {background:#001f42 url(../images/icon/icon_white_download.png) no-repeat right 10px center; padding-right:35px; border-color:#001f42; color:#ffffff;}
.btn-down:hover, .btn-down:focus, .btn-down:active, .btn-down.active, .open .dropdown-toggle.btn-down
                            {background:#0078ff url(../images/icon/icon_white_download.png) no-repeat right 10px center; border-color:#0078ff;}

.dynamic_table .btn.btn-default.buttons-excel {background:#5cb85c; border-color:#4cae4c; color:#ffffff;}
.dynamic_table .btn-default.buttons-excel:hover, .dynamic_table .btn-default.buttons-excel:focus, .dynamic_table .btn-default.buttons-excel:active, .dynamic_table .btn-default.buttons-excel.active, .dynamic_table .open .dropdown-toggle.btn-default.buttons-excel
                            {background:#449d44; border-color:#255625;}
                            
.status_btn {margin:0; transition:all 0.2s linear 0s; border:1px solid transparent; display:inline-block; vertical-align:middle; background:transparent; 
    border-radius:15px; width:100px; height:25px; text-align:center; font-weight:700; line-height:24px; font-size:15px; padding:0; border-radius:20px;}
.status_btn:hover {border-color:#d9d9d9;}

.status_btn.status_btn_blue {color:#3c65d1;}
.status_btn.status_btn_blue:hover {border-color:#3c65d1;}

.status_btn.status_btn_skyblue {color:#13aaec;}
.status_btn.status_btn_skyblue:hover {border-color:#13aaec;}

.status_btn.status_btn_green {color:#54cf4b;}
.status_btn.status_btn_green:hover {border-color:#54cf4b;}

.status_btn.status_btn_black {color:#000;}
.status_btn.status_btn_black:hover {border-color:#000;}

.status_btn.status_btn_gray {color:#888;}
.status_btn.status_btn_gray:hover {border-color:#888;}

.status_btn.status_btn_red {color:#cf1d1d; border-color:#cf1d1d;}

/* button_outline */
.btn.btn-blue.outline       {background:none; border-color:#2e6da4; color:#2e6da4;}
.btn-blue.outline:hover, .btn-blue.outline:focus, .btn-blue.outline:active, .btn-blue.outline.active, .open .dropdown-toggle.btn-blue.outline
                            {border-color:#ff9908;}     

.btn.btn-deepblue.outline   {background:none; border-color:#4666af; color:#4666af;}
.btn-deepblue.outline:hover, .btn-deepblue.outline:focus, .btn-deepblue.outline:active, .btn-deepblue.outline.active, .open .dropdown-toggle.btn-deepblue.outline
                            {border-color:#ff9908;}

.btn.btn-skyblue.outline    {background:none; border-color:#46b8da; color:#46b8da;}
.btn-skyblue.outline:hover, .btn-skyblue.outline:focus, .btn-skyblue.outline:active, .btn-skyblue.outline.active, .open .dropdown-toggle.btn-skyblue.outline
                            {border-color:#ff9908;}

.btn.btn-green.outline      {background:none; border-color:#4cae4c; color:#4cae4c;}
.btn-green.outline:hover, .btn-green.outline:focus, .btn-green.outline:active, .btn-green.outline.active, .open .dropdown-toggle.btn-green.outline
                            {border-color:#ff9908;}

.btn.btn-cian.outline       {background:none; border-color:#006b75; color:#006b75;}
.btn-cian.outline:hover, .btn-cian.outline:focus, .btn-cian.outline:active, .btn-cian.outline.active, .open .dropdown-toggle.btn-cian.outline
                            {border-color:#ff9908;}

.btn.btn-orange.outline     {background:none; border-color:#eea236; color:#eea236;}
.btn-orange.outline:hover, .btn-orange.outline:focus, .btn-orange.outline:active, .btn-orange.outline.active, .open .dropdown-toggle.btn-orange.outline
                            {border-color:#ff9908;}

.btn.btn-red.outline        {background:none; border-color:#d43f3a; color:#d43f3a;}
.btn-red.outline:hover, .btn-red.outline:focus, .btn-red.outline:active, .btn-red.outline.active, .open .dropdown-toggle.btn-red.outline
                            {border-color:#ff9908;}

.btn.btn-gray.outline       {background:none; border-color:#555555; color:#555555;}
.btn-gray.outline:hover, .btn-gray.outline:focus, .btn-gray.outline:active, .btn-gray.outline.active, .open .dropdown-toggle.btn-gray.outline
                            {border-color:#ff9908;}

.btn.btn-dark.outline       {background:none; border-color:#364B5F; color:#364B5F;}
.btn-dark.outline:hover, .btn-dark.outline:focus, .btn-dark.outline:active, .btn-dark.outline.active, .open .dropdown-toggle.btn-dark.outline
                            {border-color:#ff9908;}
                            
.btn.btn-purple.outline     {background:none; border-color:#992ee3; color:#992ee3;}
.btn-purple.outline:hover, .btn-purple.outline:focus, .btn-purple.outline:active, .btn-purple.outline.active, .open .dropdown-toggle.btn-purple.outline
                            {border-color:#ff9908;}

.btn-teal.outline       {background:none; border-color:#01a9ac; color:#01a9ac;}
.btn-teal.outline:hover, .btn.btn-teal.outline:focus, .btn.btn-teal.outline:active  {background:#ecfbfb; color:#01a9ac;}

.btn.btn-light-gray.outline     {background:#eee; color:#777;}
.btn.btn-light-gray.outline:hover, .btn.btn-light-gray.outline:focus, .btn.btn-light-gray.outline:active    {background:#606c75; color:#fff;}

.btn.bold {font-weight:bold;}





/*======================================
                radio
========================================*/

*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/* bootstrap 초기화 */
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {margin-top:0; margin-left:0px;}
.radio-inline, .checkbox-inline {margin-top:0; margin-bottom:0; padding-left:0;}
.radio-inline {display:inline-block; margin-right:20px;}
.radio, .checkbox {margin-top:0; margin-bottom:5px;}


.form-radio {position:relative}
.form-radio:after {content:""; display:block; clear:both;}
.form-radio .radio {margin-bottom:3px;}
.form-radio .radio:last-child {margin-bottom:0;}
.form-radio .radio-inline {margin-bottom:0;}
.form-radio .form-help {position:absolute; width:100%}
.form-radio label {position:relative; padding-left:22px; text-align:left; color:#333; display:block; line-height:1.8; font-size:14px;}
.form-radio input[type=radio] {width:auto; opacity:0.00000001; position:absolute; left:0}
.form-radio .radio input:focus+.helper:before {outline:0;}

.radio .helper {position:absolute; top:-0.15rem; left:-0.25rem; cursor:pointer; display:block; font-size:1rem; color:#999}
.radio .helper::after {transform:scale(0); background-color:#01a9ac; border-color:#01a9ac}
.radio .helper::after, .radio .helper::before {content:''; position:absolute; left:0; top:3px; margin:2px 0 0; width:20px; height:20px; transition:transform 0.28s ease; 
    border-radius:50%; border:0.125rem solid #01a9ac; border:1px solid #d9d9d9;}
.radio .helper::before {background:#fff;}
.radio label:hover .helper {color:#01a9ac}
.radio input:checked~.helper::after {transform:scale(0.5)}
.radio input:checked~.helper::before {color:#01a9ac}
.radio input:checked+.helper::before {/* border:2px solid #01a9ac; */}

.radio input:disabled~.helper::after {background-color:#dfdfdf !important; border-color:#dfdfdf !important;}
.radio input:disabled~.helper::before {background-color:#dfdfdf !important;}

.radio.radiofill input:checked~.helper::after {transform:scale(1)}
.radio.radiofill .helper::after {background-color:#01a9ac}

.radio.radio-outline input:checked~.helper::after {transform:scale(0.6)}
.radio.radio-outline .helper::after {background-color:#fff; border:0.225rem solid #01a9ac}

.radio.radio-matrial input~.helper::after {background-color:#fff}
.radio.radio-matrial input:checked~.helper::after {transform:scale(0.5); box-shadow:0 1px 7px -1px rgba(0, 0, 0, 0.72)}
.radio.radio-matrial input:checked~.helper::before {background-color:#01a9ac}

.radio.radio-disable {opacity:0.7}
.radio.radio-disable label {cursor:not-allowed}




/* 이미지 라디오 */
.radio.radio_img {}
.radio.radio_img label {width:220px; height:215px; padding-top:150px; border-radius:20px; transition:0.2s; 
    display:inline-block; line-height:1.4; font-size:16px; font-weight:400 !important; text-align:center; padding-left:44px;}
.radio.radio_img label:hover, .radio.radio_img.active label {box-shadow:0 0 30px rgba(0,0,0,0.1);}
.radio.radio_img label .helper {left:50%; top:50%; margin:40px 0 0 -33px;}

.radio.radio_img.disabled label:after {content:""; display:block; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,75px); width:180px; word-break:keep-all; 
    font-size:13px; color:#999;}
.radio.radio_img.disabled.radio_work label:after {content:"작업자 모집이 마감되었습니다."}
.radio.radio_img.disabled.radio_insp label:after {content:"검수자 모집이 마감되었습니다."}

.radio.radio_img.disabled label input~.helper {cursor:not-allowed;}
.radio.radio_img.disabled label input~.helper::after {background-color:#dfdfdf !important; border-color:#dfdfdf !important;}
.radio.radio_img.disabled label input~.helper::before {background-color:#dfdfdf !important;}

.radio.radio_img.radio_work label {background:url(../images/icon/icon_radio_worker.png) no-repeat center 32px;}
.radio.radio_img.radio_work.disabled label {background:url(../images/icon/icon_radio_worker_off.png) no-repeat center 32px;}

.radio.radio_img.radio_insp label {background:url(../images/icon/icon_radio_inspection.png) no-repeat center 32px;}
.radio.radio_img.radio_insp.disabled label {background:url(../images/icon/icon_radio_inspection_off.png) no-repeat center 32px;}

.radio input:disabled~.helper::after {background-color:#dfdfdf !important; border-color:#dfdfdf !important;}
.radio input:disabled~.helper::before {background-color:#dfdfdf !important;}


/* radio-primary */
.radio.radio-primary .helper::after {background-color:#01a9ac; border-color:#01a9ac}
/* .radio.radio-primary .helper::before {border:1px solid #ccc;} */

.radio.radio-blue .helper::after {background-color:#4b73df; border-color:#4b73df}
/* .radio.radio-blue .helper::before {border-color:#004b84} */

.radio.radiofill.radio-primary .helper::after {background-color:#01a9ac; border-color:#01a9ac}
.radio.radiofill.radio-primary .helper::before {border-color:#01a9ac}

.radio.radio-outline.radio-primary .helper::after {background-color:#fff; border:0.225rem solid #01a9ac}
.radio.radio-outline.radio-primary .helper::before {border-color:#01a9ac}

.radio.radio-matrial.radio-primary input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-primary input~.helper::before {background-color:#01a9ac; border-color:#01a9ac}

/* radio-warning */
.radio.radio-warning .helper::after {background-color:#fe9365; border-color:#fe9365}
.radio.radio-warning .helper::before {border-color:#fe9365}

.radio.radiofill.radio-warning .helper::after {background-color:#fe9365; border-color:#fe9365}
.radio.radiofill.radio-warning .helper::before {border-color:#fe9365}

.radio.radio-outline.radio-warning .helper::after {background-color:#fff; border:0.225rem solid #fe9365}
.radio.radio-outline.radio-warning .helper::before {border-color:#fe9365}

.radio.radio-matrial.radio-warning input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-warning input~.helper::before {background-color:#fe9365; border-color:#fe9365}

/* radio-default */
.radio.radio-default .helper::after {background-color:#e0e0e0; border-color:#e0e0e0}
.radio.radio-default .helper::before {border-color:#e0e0e0}

.radio.radiofill.radio-default .helper::after {background-color:#e0e0e0; border-color:#e0e0e0}
.radio.radiofill.radio-default .helper::before {border-color:#e0e0e0}

.radio.radio-outline.radio-default .helper::after {background-color:#fff; border:0.225rem solid #e0e0e0}
.radio.radio-outline.radio-default .helper::before {border-color:#e0e0e0}

.radio.radio-matrial.radio-default input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-default input~.helper::before {background-color:#e0e0e0; border-color:#e0e0e0}

/* radio-danger */
.radio.radio-danger .helper::after {background-color:#fe5d70; border-color:#fe5d70}
.radio.radio-danger .helper::before {border-color:#fe5d70}

.radio.radiofill.radio-danger .helper::after {background-color:#fe5d70; border-color:#fe5d70}
.radio.radiofill.radio-danger .helper::before {border-color:#fe5d70}

.radio.radio-outline.radio-danger .helper::after {background-color:#fff; border:0.225rem solid #fe5d70}
.radio.radio-outline.radio-danger .helper::before {border-color:#fe5d70}

.radio.radio-matrial.radio-danger input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-danger input~.helper::before {background-color:#fe5d70; border-color:#fe5d70}

/* radio-success */
.radio.radio-success .helper::after {background-color:#0ac282; border-color:#0ac282}
.radio.radio-success .helper::before {border-color:#0ac282}

.radio.radiofill.radio-success .helper::after {background-color:#0ac282; border-color:#0ac282}
.radio.radiofill.radio-success .helper::before {border-color:#0ac282}

.radio.radio-outline.radio-success .helper::after {background-color:#fff; border:0.225rem solid #0ac282}
.radio.radio-outline.radio-success .helper::before {border-color:#0ac282}

.radio.radio-matrial.radio-success input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-success input~.helper::before {background-color:#0ac282; border-color:#0ac282}

/* radio-inverse */
.radio.radio-inverse .helper::after {background-color:#404E67; border-color:#404E67}
.radio.radio-inverse .helper::before {border-color:#404E67}

.radio.radiofill.radio-inverse .helper::after {background-color:#404E67; border-color:#404E67}
.radio.radiofill.radio-inverse .helper::before {border-color:#404E67}

.radio.radio-outline.radio-inverse .helper::after {background-color:#fff; border:0.225rem solid #404E67}
.radio.radio-outline.radio-inverse .helper::before {border-color:#404E67}

.radio.radio-matrial.radio-inverse input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-inverse input~.helper::before {background-color:#404E67; border-color:#404E67}

/* radio-info */
.radio.radio-info .helper::after {background-color:#2DCEE3; border-color:#2DCEE3}
.radio.radio-info .helper::before {border-color:#2DCEE3}

.radio.radiofill.radio-info .helper::after {background-color:#2DCEE3; border-color:#2DCEE3}
.radio.radiofill.radio-info .helper::before {border-color:#2DCEE3}

.radio.radio-outline.radio-info .helper::after {background-color:#fff; border:0.225rem solid #2DCEE3}
.radio.radio-outline.radio-info .helper::before {border-color:#2DCEE3}

.radio.radio-matrial.radio-info input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-info input~.helper::before {background-color:#2DCEE3; border-color:#2DCEE3}

/* radio-purple */
.radio.radio-purple .helper::after {background-color:#6f539b; border-color:#6f539b}
.radio.radio-purple .helper::before {border-color:#6f539b}

.radio.radiofill.radio-purple .helper::after {background-color:#6f539b; border-color:#6f539b}
.radio.radiofill.radio-purple .helper::before {border-color:#6f539b}

.radio.radio-outline.radio-purple .helper::after {background-color:#fff; border:0.225rem solid #6f539b}
.radio.radio-outline.radio-purple .helper::before {border-color:#6f539b}

.radio.radio-matrial.radio-purple input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-purple input~.helper::before {background-color:#6f539b; border-color:#6f539b}


/*======================================
                check
========================================*/

.border-checkbox-section {display:inline-block;}
.border-checkbox-section .border-checkbox-group {display:inline-block;}
.border-checkbox-section.block-style {display:block;}
.border-checkbox-section.block-style .border-checkbox-group {display:block; max-width:100%; margin-bottom:12px;}

.lib-search-area .border-checkbox-section.block-style .border-checkbox-group {max-width:188px;}

.border-checkbox-section.block-style .border-checkbox-group:last-child {margin-bottom:0;}
.border-checkbox-section .border-checkbox-group .border-checkbox:checked+.border-checkbox-label:after {animation:check linear 0.5s; opacity:1; border-color:#01a9ac}

.border-checkbox-section .border-checkbox-group .border-checkbox:checked+.border-checkbox-label:after .border-checkbox-label:before {border-color:#eee}
.border-checkbox-section .border-checkbox-group .border-checkbox-label {position:relative; display:inline-block; cursor:pointer; height:20px; line-height:20px; 
    padding-left:27px; margin-right:15px; margin-bottom:0; word-break:break-all; font-weight:normal; font-size:14px;}
.border-checkbox-section .border-checkbox-group .border-checkbox-label:after {content:""; display:block; width:6px; height:12px; opacity:0.9; border-right:2px solid #fff; 
    border-top:2px solid #fff; position:absolute; left:4px; top:11px; transform:scaleX(-1) rotate(135deg); transform-origin:left top;}

.border-checkbox-section .border-checkbox-group .border-checkbox-label:before {content:""; display:block; border:2px solid #01a9ac; width:20px; height:20px; position:absolute; left:0; background:#fff;}
.border-checkbox-section .border-checkbox-group .border-checkbox:focus+.border-checkbox-label:before {outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}
.border-checkbox-section .border-checkbox {display:none; opacity:0;}
.border-checkbox-section .border-checkbox:disabled~.border-checkbox-label {cursor:no-drop; color:#ccc}


@-webkit-keyframes check {
    0% {height:0; width:0}
    25% {height:0; width:6px}
    50% {height:12px; width:6px}
}

@keyframes check {
    0% {height:0; width:0}
    25% {height:0; width:6px}
    50% {height:12px; width:6px}
}

.border-checkbox-section .border-checkbox-group-primary .border-checkbox-label:before {border:1px solid #ccc; border-radius:3px;}
.border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked+.border-checkbox-label:before {border:2px solid #01a9ac;}
.border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked+.border-checkbox-label:after {border-color:#01a9ac}
.border-checkbox-section .border-checkbox-group-blue .border-checkbox-label:before {border:2px solid #d9d9d9}
.border-checkbox-section .border-checkbox-group-blue .border-checkbox:checked+.border-checkbox-label:after {border-color:#4b73df}
.border-checkbox-section .border-checkbox-group-warning .border-checkbox-label:before {border:2px solid #fe9365}
.border-checkbox-section .border-checkbox-group-warning .border-checkbox:checked+.border-checkbox-label:after {border-color:#fe9365}
.border-checkbox-section .border-checkbox-group-default .border-checkbox-label:before {border:2px solid #bbbbbb}
.border-checkbox-section .border-checkbox-group-default .border-checkbox:checked+.border-checkbox-label:after {border-color:#999999}
.border-checkbox-section .border-checkbox-group-danger .border-checkbox-label:before {border:2px solid #fe5d70}
.border-checkbox-section .border-checkbox-group-danger .border-checkbox:checked+.border-checkbox-label:after {border-color:#fe5d70}
.border-checkbox-section .border-checkbox-group-success .border-checkbox-label:before {border:2px solid #0ac282}
.border-checkbox-section .border-checkbox-group-success .border-checkbox:checked+.border-checkbox-label:after {border-color:#0ac282}
.border-checkbox-section .border-checkbox-group-inverse .border-checkbox-label:before {border:2px solid #404E67}
.border-checkbox-section .border-checkbox-group-inverse .border-checkbox:checked+.border-checkbox-label:after {border-color:#404E67}
.border-checkbox-section .border-checkbox-group-info .border-checkbox-label:before {border:2px solid #2DCEE3}
.border-checkbox-section .border-checkbox-group-info .border-checkbox:checked+.border-checkbox-label:after {border-color:#2DCEE3}
.border-checkbox-section .border-checkbox-group-purple .border-checkbox-label:before {border:2px solid #835bc0}
.border-checkbox-section .border-checkbox-group-purple .border-checkbox:checked+.border-checkbox-label:after {border-color:#835bc0}
.border-checkbox-section .border-checkbox-group-white .border-checkbox-label {color:#fff;}
.border-checkbox-section .border-checkbox-group-white .border-checkbox-label:before {border:1px solid #999999; background:#3e3e3e; border-radius:2px;}
.border-checkbox-section .border-checkbox-group-white .border-checkbox-label:after {border-color:#3e3e3e;}
.border-checkbox-section .border-checkbox-group-white .border-checkbox:checked+.border-checkbox-label:after {border-color:#fff;}

.checkbox-fade, .checkbox-zoom {display:inline-block; margin-right:15px}
.checkbox-fade label, .checkbox-zoom label {line-height:20px}

.checkbox-fade label input[type="checkbox"], .checkbox-fade label input[type="radio"], .checkbox-zoom label input[type="checkbox"], .checkbox-zoom label input[type="radio"] {display:none}
.checkbox-fade label input[type="checkbox"]:checked+.cr>.cr-icon, .checkbox-fade label input[type="radio"]:checked+.cr>.cr-icon, .checkbox-zoom label input[type="checkbox"]:checked+.cr>.cr-icon,
.checkbox-zoom label input[type="radio"]:checked+.cr>.cr-icon {transform:scale(1) rotateZ(0deg); opacity:1}
.checkbox-fade label input[type="checkbox"]+.cr>.cr-icon, .checkbox-fade label input[type="radio"]+.cr>.cr-icon, .checkbox-zoom label input[type="checkbox"]+.cr>.cr-icon,
.checkbox-zoom label input[type="radio"]+.cr>.cr-icon {transform:scale(3) rotateZ(-20deg); opacity:0; transition:all 0.3s ease-in}
.checkbox-fade label:after,.checkbox-zoom label:after {content:''; display:table; clear:both}

.checkbox-fade.fade-in-disable .cr, .checkbox-fade.fade-in-disable label, .checkbox-zoom.fade-in-disable .cr, .checkbox-zoom.fade-in-disable label {color:#ccc; cursor:no-drop}
.checkbox-fade .cr, .checkbox-zoom .cr {border-radius:0; border:2px solid #01a9ac; cursor:pointer; display:inline-block; float:left; height:20px; 
    margin-right:0.5em; position:relative; width:20px}
.checkbox-fade .cr .cr-icon, .checkbox-zoom .cr .cr-icon {color:#01a9ac; font-size:0.8em; left:0; line-height:0; position:absolute; right:0; text-align:center; top:50%}
.checkbox-fade label {line-height:20px}
.checkbox-fade label input[type="checkbox"], .checkbox-fade label input[type="radio"] {display:none}
.checkbox-fade label input[type="checkbox"]:checked+.cr>.cr-icon, .checkbox-fade label input[type="radio"]:checked+.cr>.cr-icon {transform:scale(1) rotateZ(0deg); opacity:1}
.checkbox-fade label input[type="checkbox"]+.cr>.cr-icon, .checkbox-fade label input[type="radio"]+.cr>.cr-icon {transform:scale(3) rotateZ(-20deg); opacity:0; transition:all 0.3s ease-in}
.checkbox-zoom label {line-height:20px}
.checkbox-zoom label input[type="checkbox"], .checkbox-zoom label input[type="radio"] {display:none}
.checkbox-zoom label input[type="checkbox"]:checked+.cr>.cr-icon, .checkbox-zoom label input[type="radio"]:checked+.cr>.cr-icon {transform:scale3d(1, 1, 1) translate3d(0, 0, 0); opacity:1}
.checkbox-zoom label input[type="checkbox"]+.cr>.cr-icon, .checkbox-zoom label input[type="radio"]+.cr>.cr-icon {
    transform:scale3d(0.2, 0.2, 0.1) translate3d(0, 0, 0); opacity:0; transition:all 0.3s ease-in}

.checkbox-fade.fade-in-primary .cr, .checkbox-fade.zoom-primary .cr, .checkbox-zoom.fade-in-primary .cr, .checkbox-zoom.zoom-primary .cr {border:2px solid #01a9ac}
.checkbox-fade.fade-in-primary .cr .cr-icon, .checkbox-fade.zoom-primary .cr .cr-icon, .checkbox-zoom.fade-in-primary .cr .cr-icon, .checkbox-zoom.zoom-primary .cr .cr-icon {color:#01a9ac}
.checkbox-fade.fade-in-warning .cr, .checkbox-fade.zoom-warning .cr, .checkbox-zoom.fade-in-warning .cr, .checkbox-zoom.zoom-warning .cr {border:2px solid #fe9365}
.checkbox-fade.fade-in-warning .cr .cr-icon, .checkbox-fade.zoom-warning .cr .cr-icon, .checkbox-zoom.fade-in-warning .cr .cr-icon, .checkbox-zoom.zoom-warning .cr .cr-icon {color:#fe9365}
.checkbox-fade.fade-in-default .cr, .checkbox-fade.zoom-default .cr, .checkbox-zoom.fade-in-default .cr, .checkbox-zoom.zoom-default .cr {border:2px solid #e0e0e0}
.checkbox-fade.fade-in-default .cr .cr-icon, .checkbox-fade.zoom-default .cr .cr-icon, .checkbox-zoom.fade-in-default .cr .cr-icon, .checkbox-zoom.zoom-default .cr .cr-icon {color:#e0e0e0}
.checkbox-fade.fade-in-danger .cr, .checkbox-fade.zoom-danger .cr, .checkbox-zoom.fade-in-danger .cr, .checkbox-zoom.zoom-danger .cr {border:2px solid #fe5d70}
.checkbox-fade.fade-in-danger .cr .cr-icon, .checkbox-fade.zoom-danger .cr .cr-icon, .checkbox-zoom.fade-in-danger .cr .cr-icon, .checkbox-zoom.zoom-danger .cr .cr-icon {color:#fe5d70}
.checkbox-fade.fade-in-success .cr, .checkbox-fade.zoom-success .cr, .checkbox-zoom.fade-in-success .cr, .checkbox-zoom.zoom-success .cr {border:2px solid #0ac282}
.checkbox-fade.fade-in-success .cr .cr-icon, .checkbox-fade.zoom-success .cr .cr-icon, .checkbox-zoom.fade-in-success .cr .cr-icon, .checkbox-zoom.zoom-success .cr .cr-icon {color:#0ac282}
.checkbox-fade.fade-in-inverse .cr, .checkbox-fade.zoom-inverse .cr, .checkbox-zoom.fade-in-inverse .cr, .checkbox-zoom.zoom-inverse .cr {border:2px solid #404E67}
.checkbox-fade.fade-in-inverse .cr .cr-icon, .checkbox-fade.zoom-inverse .cr .cr-icon, .checkbox-zoom.fade-in-inverse .cr .cr-icon, .checkbox-zoom.zoom-inverse .cr .cr-icon {color:#404E67}
.checkbox-fade.fade-in-info .cr, .checkbox-fade.zoom-info .cr, .checkbox-zoom.fade-in-info .cr, .checkbox-zoom.zoom-info .cr {border:2px solid #2DCEE3}
.checkbox-fade.fade-in-info .cr .cr-icon, .checkbox-fade.zoom-info .cr .cr-icon, .checkbox-zoom.fade-in-info .cr .cr-icon, .checkbox-zoom.zoom-info .cr .cr-icon {color:#2DCEE3}
.checkbox-fade.fade-in-purple .cr, .checkbox-fade.zoom-purple .cr, .checkbox-zoom.fade-in-purple .cr, .checkbox-zoom.zoom-purple .cr {border:2px solid #553d7a}
.checkbox-fade.fade-in-purple .cr .cr-icon, .checkbox-fade.zoom-purple .cr .cr-icon, .checkbox-zoom.fade-in-purple .cr .cr-icon, .checkbox-zoom.zoom-purple .cr .cr-icon {color:#553d7a}

.checkbox-color {display:inline-block; margin-right:20px; cursor:pointer}
.checkbox-color label {display:inline-block; position:relative; padding-left:10px; line-height:20px}
.checkbox-color label::before {content:""; display:inline-block; position:absolute; top:0; width:20px; height:20px; left:0; right:0; text-align:center; 
    margin-left:-20px; border:1px solid #ccc; border-radius:0; background-color:#fff; transition:border 0.15s ease-in-out, color 0.15s ease-in-out}
.checkbox-color label::after {display:inline-block; position:absolute; width:16px; height:16px; left:-1px; top:0; margin-left:-17px; padding-left:3px; padding-top:1px; 
    font-size:11px; color:#fff}
.checkbox-color input[type="checkbox"] {opacity:0}
.checkbox-color input[type="checkbox"]:focus+label::before {outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px}
.checkbox-color input[type="checkbox"]:checked+label::after {font-family:'Font Awesome 5 Free'; content:"\f00c"; 
-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; font-weight:900;}
.checkbox-color input[type="checkbox"]:disabled+label {opacity:0.65}
.checkbox-color input[type="checkbox"]:disabled+label::before {background-color:#eee; cursor:not-allowed}
.checkbox-color.checkbox-circle label::before {border-radius:50%}
.checkbox-color.checkbox-inline {margin-top:0}
.checkbox-danger input[type="checkbox"]:checked+label::after, .checkbox-info input[type="checkbox"]:checked+label::after, .checkbox-primary input[type="checkbox"]:checked+label::after,
.checkbox-success input[type="checkbox"]:checked+label::after, .checkbox-warning input[type="checkbox"]:checked+label::after {color:#fff}
.checkbox-primary input[type="checkbox"]:checked+label::before {background-color:#2196f3; border-color:#2196f3}
.checkbox-primary input[type="checkbox"]:checked+label::before {background-color:#01a9ac}
.checkbox-warning input[type="checkbox"]:checked+label::before {background-color:#fe9365}
.checkbox-default input[type="checkbox"]:checked+label::before {background-color:#e0e0e0}
.checkbox-danger input[type="checkbox"]:checked+label::before {background-color:#fe5d70}
.checkbox-success input[type="checkbox"]:checked+label::before {background-color:#0ac282}
.checkbox-inverse input[type="checkbox"]:checked+label::before {background-color:#404E67}
.checkbox-info input[type="checkbox"]:checked+label::before {background-color:#2DCEE3}
.checkbox-purple input[type="checkbox"]:checked+label::before {background-color:#6a4a9b}




/*============================================================================================================================
                                            브라우저 별 전용 핵 :임시 주석처리
=============================================================================================================================*/
/*======================================
            사파리, 크롬 전용 핵
========================================*/

/* @media screen and (-webkit-min-device-pixel-ratio:0) {
    .btn {padding:6px 12px 4px 12px;}
;} */



/*======================================
            사파리 모바일 전용 핵
========================================
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .button a, .button button       {padding:13px 15px 12px 15px;}
        .button_20 a, .button_20 button {padding:5px 7px 3px 7px;}
        .button_30 a, .button_30 button {padding:8px 7px 7px 7px;}
    ;}
;}*/



.w5p {width:5% !important;}
.w6p {width:6% !important;}
.w7p {width:7% !important;}
.w8p {width:8% !important;}
.w9p {width:9% !important;}
.w10p {width:10% !important;}
.w12p {width:12% !important;}
.w13p {width:13% !important;}
.w15p {width:15% !important;}
.w18p {width:18% !important;}
.w20p {width:20% !important;}
.w23p {width:23% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w32p {width:32% !important;}
.w33p {width:33% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w45p {width:45% !important;}
.w46p {width:46% !important;}
.w47p {width:47% !important;}
.w48p {width:48% !important;}
.w49p {width:49% !important;}
.w50p {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w65p {width:65% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w100p {width:100% !important;}
.w5 {width:5px !important;}
.w7 {width:7px !important;}
.w8 {width:8px !important;}
.w9 {width:9px !important;}
.w10 {width:10px !important;}
.w11 {width:11px !important;}
.w12 {width:12px !important;}
.w13 {width:13px !important;}
.w14 {width:14px !important;}
.w15 {width:15px !important;}
.w16 {width:16px !important;}
.w17 {width:17px !important;}
.w18 {width:18px !important;}
.w19 {width:19px !important;}
.w20 {width:20px !important;}
.w25 {width:25px !important;}
.w30 {width:30px !important;}
.w35 {width:35px !important;}
.w40 {width:40px !important;}
.w45 {width:45px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w160 {width:160px !important;}
.w170 {width:170px !important;}
.w180 {width:180px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}
.w230 {width:230px !important;}
.w240 {width:240px !important;}
.w250 {width:250px !important;}
.w260 {width:260px !important;}
.w270 {width:270px !important;}
.w280 {width:280px !important;}
.w290 {width:290px !important;}
.w300 {width:300px !important;}
.w310 {width:310px !important;}
.w320 {width:320px !important;}
.w330 {width:330px !important;}
.w340 {width:340px !important;}
.w350 {width:350px !important;}
.w360 {width:360px !important;}
.w370 {width:370px !important;}
.w380 {width:380px !important;}
.w390 {width:390px !important;}
.w400 {width:400px !important;}
.w410 {width:410px !important;}
.w420 {width:420px !important;}
.w430 {width:430px !important;}
.w440 {width:440px !important;}
.w450 {width:450px !important;}
.w500 {width:500px !important;}
.wauto {width:auto !important;}

.h0 {height:0 !important;}
.h100 {height:100px !important;}
.h200 {height:200px !important;}
.h300 {height:300px !important;}

/* Margin Step */
.bm0 {margin-bottom:0px !important;}
.bm1 {margin-bottom:1px !important;}
.bm2 {margin-bottom:2px !important;}
.bm3 {margin-bottom:3px !important;}
.bm4 {margin-bottom:4px !important;}
.bm5 {margin-bottom:5px !important;}
.bm6 {margin-bottom:6px !important;}
.bm7 {margin-bottom:7px !important;}
.bm8 {margin-bottom:8px !important;}
.bm9 {margin-bottom:9px !important;}
.bm10 {margin-bottom:10px !important;}
.bm11 {margin-bottom:11px !important;}
.bm12 {margin-bottom:12px !important;}
.bm13 {margin-bottom:13px !important;}
.bm14 {margin-bottom:14px !important;}
.bm15 {margin-bottom:15px !important;}
.bm20 {margin-bottom:20px !important;}
.bm30 {margin-bottom:30px !important;}
.bm40 {margin-bottom:40px !important;}
.bm50 {margin-bottom:50px !important;}
.bm60 {margin-bottom:60px !important;}
.bm100 {margin-bottom:100px !important;}

.lm0 {margin-left:0px !important;}
.lm1 {margin-left:1px !important;}
.lm2 {margin-left:2px !important;}
.lm3 {margin-left:3px !important;}
.lm4 {margin-left:4px !important;}
.lm5 {margin-left:5px !important;}
.lm6 {margin-left:6px !important;}
.lm7 {margin-left:7px !important;}
.lm8 {margin-left:8px !important;}
.lm9 {margin-left:9px !important;}
.lm10 {margin-left:10px !important;}
.lm11 {margin-left:11px !important;}
.lm12 {margin-left:12px !important;}
.lm13 {margin-left:13px !important;}
.lm14 {margin-left:14px !important;}
.lm15 {margin-left:15px !important;}
.lm20 {margin-left:20px !important;}
.lm25 {margin-left:25px !important;}
.lm30 {margin-left:30px !important;}
.lm40 {margin-left:40px !important;}
.lm45 {margin-left:45px !important;}
.lm50 {margin-left:50px !important;}
.lm60 {margin-left:60px !important;}
.lm70 {margin-left:70px !important;}
.lm75 {margin-left:75px !important;}
.lm80 {margin-left:80px !important;}
.lm90 {margin-left:90px !important;}
.lm100 {margin-left:100px !important;}
.lm108 {margin-left:108px !important;}
.lm150 {margin-left:150px !important;}
.lm170 {margin-left:170px !important;}

.tm0 {margin-top:0px !important;}
.tm1 {margin-top:1px !important;}
.tm2 {margin-top:2px !important;}
.tm3 {margin-top:3px !important;}
.tm4 {margin-top:4px !important;}
.tm5 {margin-top:5px !important;}
.tm6 {margin-top:6px !important;}
.tm7 {margin-top:7px !important;}
.tm8 {margin-top:8px !important;}
.tm9 {margin-top:9px !important;}
.tm10 {margin-top:10px !important;}
.tm11 {margin-top:11px !important;}
.tm12 {margin-top:12px !important;}
.tm13 {margin-top:13px !important;}
.tm14 {margin-top:14px !important;}
.tm15 {margin-top:15px !important;}
.tm20 {margin-top:20px !important;}
.tm25 {margin-top:25px !important;}
.tm30 {margin-top:30px !important;}
.tm40 {margin-top:40px !important;}
.tm45 {margin-top:45px !important;}
.tm50 {margin-top:50px !important;}
.tm55 {margin-top:55px !important;}
.tm60 {margin-top:60px !important;}
.tm70 {margin-top:70px !important;}
.tm80 {margin-top:80px !important;}
.tm85 {margin-top:85px !important;}
.tm90 {margin-top:90px !important;}
.tm100 {margin-top:100px !important;}
.tm110 {margin-top:110px !important;}
.tm120 {margin-top:120px !important;}
.tm130 {margin-top:130px !important;}
.tm140 {margin-top:140px !important;}
.tm150 {margin-top:150px !important;}
.tm200 {margin-top:200px !important;}

.rm0 {margin-right:0px !important;}
.rm1 {margin-right:1px !important;}
.rm2 {margin-right:2px !important;}
.rm3 {margin-right:3px !important;}
.rm4 {margin-right:4px !important;}
.rm5 {margin-right:5px !important;}
.rm6 {margin-right:6px !important;}
.rm7 {margin-right:7px !important;}
.rm8 {margin-right:8px !important;}
.rm9 {margin-right:9px !important;}
.rm10 {margin-right:10px !important;}
.rm11 {margin-right:11px !important;}
.rm12 {margin-right:12px !important;}
.rm13 {margin-right:13px !important;}
.rm14 {margin-right:14px !important;}
.rm15 {margin-right:15px !important;}
.rm20 {margin-right:20px !important;}
.rm25 {margin-right:25px !important;}
.rm30 {margin-right:30px !important;}

.bp0 {padding-bottom:0px !important;}
.bp1 {padding-bottom:1px !important;}
.bp2 {padding-bottom:2px !important;}
.bp3 {padding-bottom:3px !important;}
.bp4 {padding-bottom:4px !important;}
.bp5 {padding-bottom:5px !important;}
.bp6 {padding-bottom:6px !important;}
.bp7 {padding-bottom:7px !important;}
.bp8 {padding-bottom:8px !important;}
.bp9 {padding-bottom:9px !important;}
.bp10 {padding-bottom:10px !important;}
.bp11 {padding-bottom:11px !important;}
.bp12 {padding-bottom:12px !important;}
.bp13 {padding-bottom:13px !important;}
.bp14 {padding-bottom:14px !important;}
.bp15 {padding-bottom:15px !important;}
.bp20 {padding-bottom:20px !important;}
.bp25 {padding-bottom:25px !important;}

.lp0 {padding-left:0 !important;}
.lp1 {padding-left:1px !important;}
.lp2 {padding-left:2px !important;}
.lp3 {padding-left:3px !important;}
.lp4 {padding-left:4px !important;}
.lp5 {padding-left:5px !important;}
.lp6 {padding-left:6px !important;}
.lp7 {padding-left:7px !important;}
.lp8 {padding-left:8px !important;}
.lp9 {padding-left:9px !important;}
.lp10 {padding-left:10px !important;}
.lp11 {padding-left:11px !important;}
.lp12 {padding-left:12px !important;}
.lp13 {padding-left:13px !important;}
.lp14 {padding-left:14px !important;}
.lp15 {padding-left:15px !important;}
.lp20 {padding-left:20px !important;}
.lp25 {padding-left:25px !important;}
.lp30 {padding-left:30px !important;}
.lp31 {padding-left:31px !important;}
.lp32 {padding-left:32px !important;}
.lp33 {padding-left:33px !important;}
.lp34 {padding-left:34px !important;}
.lp35 {padding-left:35px !important;}
.lp40 {padding-left:40px !important;}
.lp45 {padding-left:45px !important;}
.lp50 {padding-left:50px !important;}

.tp0 {padding-top:0px !important;}
.tp1 {padding-top:1px !important;}
.tp2 {padding-top:2px !important;}
.tp3 {padding-top:3px !important;}
.tp4 {padding-top:4px !important;}
.tp5 {padding-top:5px !important;}
.tp6 {padding-top:6px !important;}
.tp7 {padding-top:7px !important;}
.tp8 {padding-top:8px !important;}
.tp9 {padding-top:9px !important;}
.tp10 {padding-top:10px !important;}
.tp11 {padding-top:11px !important;}
.tp12 {padding-top:12px !important;}
.tp13 {padding-top:13px !important;}
.tp14 {padding-top:14px !important;}
.tp15 {padding-top:15px !important;}
.tp20 {padding-top:20px !important;}
.tp25 {padding-top:25px !important;}
.tp40 {padding-top:40px !important;}

.rp0 {padding-right:0px !important;}
.rp1 {padding-right:1px !important;}
.rp2 {padding-right:2px !important;}
.rp3 {padding-right:3px !important;}
.rp4 {padding-right:4px !important;}
.rp5 {padding-right:5px !important;}
.rp6 {padding-right:6px !important;}
.rp7 {padding-right:7px !important;}
.rp8 {padding-right:8px !important;}
.rp9 {padding-right:9px !important;}
.rp10 {padding-right:10px !important;}
.rp11 {padding-right:11px !important;}
.rp12 {padding-right:12px !important;}
.rp13 {padding-right:13px !important;}
.rp14 {padding-right:14px !important;}
.rp15 {padding-right:15px !important;}
.rp20 {padding-right:20px !important;}
.rp25 {padding-right:25px !important;}

.pd0 {padding:0 !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}

/* Font size */
.font8 {font-size:8px !important;}
.font9 {font-size:9px !important;}
.font10 {font-size:10px !important;}
.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px !important;}
.font16 {font-size:16px !important;}
.font17 {font-size:17px !important;}
.font18 {font-size:18px !important;}
.font19 {font-size:19px !important;}
.font20 {font-size:20px !important;}
.font25 {font-size:25px !important;}
.font30 {font-size:30px !important;}

.lh8 {line-height:8px !important;}
.lh9 {line-height:9px !important;}
.lh10 {line-height:10px !important;}
.lh11 {line-height:11px !important;}
.lh12 {line-height:12px !important;}
.lh13 {line-height:13px !important;}
.lh14 {line-height:14px !important;}
.lh15 {line-height:15px !important;}
.lh16 {line-height:16px !important;}
.lh17 {line-height:17px !important;}
.lh18 {line-height:18px !important;}
.lh19 {line-height:19px !important;}
.lh20 {line-height:20px !important;}
.lh25 {line-height:25px !important;}
.lh30 {line-height:30px !important;}
.lh40 {line-height:40px !important;}

/* Text Align */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

.blockcenter {margin:0 auto;}
.block {display:block !important;}
.inline-block {display:inline-block !important;}
.inline {display:inline !important;}
.display-none {display:none !important;}
.display-block {display:block !important;}

/* Color */
.color_point {color:#ff3300 !important; font-weight:bold;}
.color_lblue {color:#13aaec !important; font-weight:bold;}
.color_dblue {color:#3c65d1 !important; font-weight:bold;}
.color_important {color:#ff3300 !important; font-weight:bold;}
.color_red {color:#ff3300 !important; font-weight:bold;}
.color_lred {color:#f05454 !important; font-weight:bold;}
.color_lgray {color:#c6c6c6 !important; font-weight:bold;}
.color_dgray {color:#333333 !important; font-weight:bold;}
.color_gray {color:#666666 !important; font-weight:bold;}
.color_lgray {color:#888888 !important; font-weight:bold;}
.color_lgreen {color:#54cf4b !important; font-weight:bold;}
.color_dgreen {color:#529410 !important; font-weight:bold;}
.color_white {color:#ffffff !important; font-weight:bold;}
.color_black {color:#000000 !important; font-weight:bold;}
.color_orange {color:#f66504 !important; font-weight:bold;}
.color_yellow {color:#ffd800 !important; font-weight:bold;}
.color_skyblue {color:#129dd1 !important; font-weight:bold;}
.color_dskyblue {color:#64a5c2 !important; font-weight:bold;}
.bold {font-weight:bold !important;}

.highlight_blue {color:#0054ff; font-size:13px; font-weight:300; letter-spacing:-0.5px;}
.highlight_red {color:#ff0000; font-size:13px; font-weight:300; letter-spacing:-0.5px;}
.highlight_pink {color:#f3247c;}

.bg_gray {background:#f5f5f5 !important;}

.clear {display:block; float:none; clear:both; height:0 !important; width:0; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.form-control[disabled], .form-control[readonly] {background-color:#eeeeee; opacity:1; color:#777777;}
.hidden {display:block; position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; line-height:0; overflow:hidden; font-size:0; text-indent:-9999px;}
.pointer {cursor:pointer;}

.margin-none {margin:0 !important;}
.margin-top-none {margin-top:0 !important;}
.margin-left-none {margin-left:0 !important;}
.margin-right-none {margin-right:0 !important;}
.margin-bottom-none {margin-bottom:0 !important;}
.padding-none {padding:0 !important;}
.padding-top-none {padding-top:0 !important;}
.padding-left-none {padding-left:0 !important;}
.padding-right-none {padding-right:0 !important;}
.padding-bottom-none {padding-bottom:0 !important;}

/*======================================
            align
========================================*/
.fl {float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fr {float:right; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.overflow_h {overflow:hidden;}
hr {height:1px; border-bottom:1px solid #bdbdbd; margin:15px 0; display:block; float:none; clear:both; height:0 !important; overflow:hidden; padding:0 !important;}



/*============================================================================================================================
                                                        Page CSS
=============================================================================================================================*/

/* 공통요소 */
.x_panel_top_title {font-size:13px; font-weight:700; margin:0 0 -5px 5px; padding:8px 14px 13px 14px; background:#fff; color:#222; display:inline-block; border:1px solid #d9d9d9; 
    position:relative; border-radius:5px;}
.mCSB_inside>.mCSB_container {margin-right:20px}
/* #div_layer_popup.modal-content {position:absolute !important; left:0 !important; right:0 !important; top:0 !important; bottom:0 !important;} */

/* Sidebar */
#wrapper {
    padding-left:0; 
    -webkit-transition:all 0.5s ease; 
    -moz-transition:all 0.5s ease; 
    -o-transition:all 0.5s ease; 
    transition:all 0.5s ease; 
    position:relative; 
}
#wrapper::-webkit-scrollbar {
  display:none; 
}
#wrapper.toggled {
    padding-left:280px; 
}

    
    
#sidebar-wrapper {
    z-index:1; 
    left:280px; 
    width:0; 
    /* height:100%; */
    margin-left:-280px; 
    overflow-y:auto; 
    overflow-x:hidden; 
    -webkit-transition:all 0.5s ease; 
    -moz-transition:all 0.5s ease; 
    -o-transition:all 0.5s ease; 
    transition:all 0.5s ease; 
    position:absolute; 
    top:0; 
    overflow:hidden; 
    padding-left:10px; 
    box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; 
}

#sidebar-wrapper::-webkit-scrollbar {
  display:none; 
}

#wrapper.toggled #sidebar-wrapper {
    width:280px; 
}

#page-content-wrapper {
    width:100%; 
    position:relative; 
}

#page-content-wrapper div {
    -webkit-transition:all 0s ease; 
    -moz-transition:all 0s ease; 
    -o-transition:all 0s ease; 
    transition:all 0s ease; 
}

#wrapper.toggled #page-content-wrapper {
    position:absolute; 
    margin-right:-280px; 
    top:0; 
}

.tui-grid-container {
    width:100%; 
    position:relative; 
    border-width:0; 
    clear:both; 
    font-size:12px; 
    font-family:'Noto Sans KR'; 
}



/* 팝업 탭 수정 */
.pop_flow ul.bar_tabs {overflow:visible; background:none; height:42px;  margin:15px 0 14px; padding-left:14px; position:relative; z-index:1; width:100%; border-bottom:2px solid #666;}
.pop_flow ul.bar_tabs>li {border:1px solid #444; color:#f8f8f8 !important; margin-top:-2px; margin-left:8px; background:#222; border-bottom:none; border-radius:4px 4px 0 0;}
.pop_flow ul.bar_tabs>li.active {border-right:6px solid #31b0d5; border-top:0; margin-top:-1px;}
.pop_flow ul.bar_tabs>li a {padding:10px 17px; background:#222; margin:0; border-top-right-radius:0; color:#f8f8f8; transition:0.2s; border-bottom:none;}
.pop_flow ul.bar_tabs>li a:hover {border:1px solid #666; background:#333;}
.pop_flow ul.bar_tabs>li.active a {border:1px solid #666; border-bottom:none;}
.pop_flow ul.bar_tabs>li.active a:hover {background:#222; color:#f8f8f8;}
.pop_flow ul.bar_tabs.right {padding-right:14px;}
.pop_flow ul.bar_tabs.right li {float:right;}





/* data_load iCheck */
.icheckbox_line-grey, .iradio_line-grey {background:transparent; border:1px solid #ccc; transition:0.2s;}
.icheckbox_line-blue, .iradio_line-blue {background:#f1f1f1; border:1px solid #ccc; transition:0.2s; padding:5px 12px 5px 30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.icheckbox_line-blue .icheck_line-icon, .iradio_line-blue .icheck_line-icon {left:10px;}

.icheck_data_table_select .iradio_line-blue {border-radius:3px 3px 0 0;} 
.icheck_data_table_select .icheck_data_num {display:block; padding:7px 7px 7px 27px; border:1px solid #ccc; border-top:none; cursor:pointer;}

.icheck_data_table_select .iradio_line-blue {background:#f1f1f1;}
.icheck_data_table_select .iradio_line-blue + .icheck_data_num {background:#f8f8f8}
.icheck_data_table_select .iradio_line-blue.checked {background:#2489c5; color:#fff;}
.icheck_data_table_select .iradio_line-blue.checked + .icheck_data_num {color:#333; background:#f8f8f8;}


/* ********** bootstrap ********** */
.col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2,
.col-sm-2, .col-md-2, .col-lg-2, .col-xl-1, .col-xs-3, .col-sm-3, .col-md-3,
.col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5,
.col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6,
.col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8,
.col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9,
.col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11,
.col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12,
.col-lg-12, .col-xl-12 
    {position:relative; min-height:1px; float:left; padding-right:10px; padding-left:10px; margin-top:0; margin-bottom:0;}

.row {margin-right:-10px; margin-left:-10px;}

.grid_slider .col-md-6 {padding:0 40px;}



/* ********** Chrome Scroll Style ********** */
/* width */
::-webkit-scrollbar {width:8px; height:8px;}
/* Track */
::-webkit-scrollbar-track {background:rgba(238,238,238,0.9);}
/* Handle */
::-webkit-scrollbar-thumb {background:rgba(100,100,100,0.3); border-radius:4px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:rgba(100,100,100,0.5);}


/* 로딩 에니메이션 */
.ajax-loding-wrap {height:100%; left:0; position:fixed; top:0; width:100%; z-index:999999; background:rgba(0, 0, 0, 0.1); display:none; align-items:center;}
.ajax-loding-bar {position:absolute; left:calc(50% - 60px); top:calc(50% - 50px); z-index:1000000; font-size:100px; color:#fff;}

.loading_wrapper {width:auto; height:auto; position:absolute; left:calc(50% - 120px); top:calc(50% - 105px); z-index:1000000;}
.loading_wrapper ul {display:grid; grid-template-columns:repeat(5, 1fr); -webkit-animation:rot 16s linear infinite; animation:rot 16s linear infinite; opacity:0.6;}
@-webkit-keyframes rot {
  100% {-webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@keyframes rot {
  100% {-webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
.loading_wrapper li {width:40px; height:40px; background:#0e73d2; border-radius:4px; 
  box-shadow:0 0 1px #fff, 0 0 5px #0e73d2, 0 0 10px #0e73d2, 0 0 15px #0e73d2, 0 0 25px #0e73d2, 0 0 55px #0e73d2; 
  -webkit-animation:scale 0.8s linear alternate infinite; 
          animation:scale 0.8s linear alternate infinite;}
@-webkit-keyframes scale {
  100% {-webkit-transform:scale(0.1); transform:scale(0.1); opacity:0;}
}
@keyframes scale {
  100% {-webkit-transform:scale(0.1); transform:scale(0.1); opacity:0;}
}
.loading_wrapper li:nth-child(1) {z-index:24;}
.loading_wrapper li:nth-child(2) {z-index:23;}
.loading_wrapper li:nth-child(3) {z-index:22;}
.loading_wrapper li:nth-child(4) {z-index:21;}
.loading_wrapper li:nth-child(5) {z-index:20;}
.loading_wrapper li:nth-child(6) {z-index:19;}
.loading_wrapper li:nth-child(7) {z-index:18;}
.loading_wrapper li:nth-child(8) {z-index:17;}
.loading_wrapper li:nth-child(9) {z-index:16;}
.loading_wrapper li:nth-child(10) {z-index:15;}
.loading_wrapper li:nth-child(11) {z-index:14;}
.loading_wrapper li:nth-child(12) {z-index:13;}
.loading_wrapper li:nth-child(13) {z-index:12;}
.loading_wrapper li:nth-child(14) {z-index:11;}
.loading_wrapper li:nth-child(15) {z-index:10;}
.loading_wrapper li:nth-child(16) {z-index:9;}
.loading_wrapper li:nth-child(17) {z-index:8;}
.loading_wrapper li:nth-child(18) {z-index:7;}
.loading_wrapper li:nth-child(19) {z-index:6;}
.loading_wrapper li:nth-child(20) {z-index:5;}
.loading_wrapper li:nth-child(21) {z-index:4;}
.loading_wrapper li:nth-child(22) {z-index:3;}
.loading_wrapper li:nth-child(23) {z-index:2;}
.loading_wrapper li:nth-child(24) {z-index:1;}
.loading_wrapper li:nth-child(25) {z-index:0;}
.loading_wrapper li:nth-child(1) {-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.loading_wrapper li:nth-child(7) {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.loading_wrapper li:nth-child(13) {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.loading_wrapper li:nth-child(19) {-webkit-animation-delay:0.7s; animation-delay:0.7s;}
.loading_wrapper li:nth-child(24) {-webkit-animation-delay:0.9s; animation-delay:0.9s;}
.loading_wrapper li:nth-child(2) {-webkit-animation-delay:0.2s; animation-delay:0.2s;}
.loading_wrapper li:nth-child(8) {-webkit-animation-delay:0.4s; animation-delay:0.4s;}
.loading_wrapper li:nth-child(14) {-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.loading_wrapper li:nth-child(20) {-webkit-animation-delay:0.8s; animation-delay:0.8s;}
.loading_wrapper li:nth-child(3) {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.loading_wrapper li:nth-child(9) {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.loading_wrapper li:nth-child(15) {-webkit-animation-delay:0.7s; animation-delay:0.7s;}
.loading_wrapper li:nth-child(4) {-webkit-animation-delay:0.4s; animation-delay:0.4s;}
.loading_wrapper li:nth-child(10) {-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.loading_wrapper li:nth-child(5) {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.loading_wrapper li:nth-child(1) {-webkit-animation-delay:0.1s; animation-delay:0.1s;}
.loading_wrapper li:nth-child(6) {-webkit-animation-delay:0.2s; animation-delay:0.2s;}
.loading_wrapper li:nth-child(11) {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.loading_wrapper li:nth-child(16) {-webkit-animation-delay:0.4s; animation-delay:0.4s;}
.loading_wrapper li:nth-child(21) {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.loading_wrapper li:nth-child(7) {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.loading_wrapper li:nth-child(12) {-webkit-animation-delay:0.4s; animation-delay:0.4s;}
.loading_wrapper li:nth-child(17) {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.loading_wrapper li:nth-child(22) {-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.loading_wrapper li:nth-child(13) {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.loading_wrapper li:nth-child(18) {-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.loading_wrapper li:nth-child(23) {-webkit-animation-delay:0.7s; animation-delay:0.7s;}
.loading_wrapper li:nth-child(19) {-webkit-animation-delay:0.7s; animation-delay:0.7s;}
.loading_wrapper li:nth-child(24) {-webkit-animation-delay:0.8s; animation-delay:0.8s;}
.loading_wrapper li:nth-child(25) {-webkit-animation-delay:0.9s; animation-delay:0.9s;}


/* 미디어 쿼리 */
@media all and (max-width:1640px) {
    ul.al_menu li a {padding:0 18px;}
}

@media all and (max-width:1440px) {
    ul.al_menu li a {padding:0 16px;}
}

@media all and (max-width:1440px) {
    ul.al_menu li a {padding:0 14px;}
}

@media all and (max-width:1280px) {
    ul.al_menu li a {padding:0 12px;}
}

@media all and (max-width:768px) {
    ul.al_menu li a {padding:0 12px;}
}



/* ------- connection_list 페이지 -------  */
.connectionManager button i {margin-right:5px;}
.connection-list {position:relative; overflow-x:hidden; height:calc(100vh - 266px);}

.connection-list .x_panel.connectionCard {position:relative; padding:15px 20px 10px; border-left:10px solid #009845; border-radius:10px;}
.connection-list .x_panel.connectionCard.disabled {border-left:10px solid red;}
.connection-list .x_panel.connectionCard.selected {border-left:10px solid #3d9cd6;}

.connection-list .edit_connection {right:43px;}
.connection-list .edit_connection:hover {border:1px solid #257bca; color:#257bca;}
.connection-list .delete_connection:hover {border:1px solid #c83d26; color:#c83d26;}
.connection-list .edit_connection, .connection-list .delete_connection {position:absolute; right:12px; top:12px; display:inline-block; padding:0; margin:0; width:26px; height:26px; 
        border:1px solid #bcbcbc; line-height:24px; font-size:13px; text-align:center; color:#777; transition:0.2s; background:#fff; border-radius:13px; z-index:2;}
.connection-list .edit_connection .tooltip_area, .connection-list .delete_connection .tooltip_area {width:25px; height:20px; position:relative; display:inline-block;}
.connection-list .edit_connection .tooltip_area span, .connection-list .delete_connection .tooltip_area span {position:absolute; left:0px; top:0px;  width:100%; height:100%; cursor:pointer; display:block; opacity:0;}
.connection-list .edit_connection:hover {color:#257bca; border:1px solid #257bca;}
.connection-list .delete_connection:hover {color:#c83d26; border:1px solid #c83d26;}
.connection-list .delete_connection i {margin-right:0;}

.connection-list .connection-header {overflow:hidden; position:relative;}
.connection-list .connection-header:after {content:""; position:absolute; width:1px; height:60px; left:135px; top:20px; background:#d9d9d9;}
.connection-list .connection-header .title-img {position:relative; display:inline-block; width:100px; height:100px; overflow:hidden; border:1px solid #d9d9d9; border-radius:60px; margin:0 0 0 10px;}
.connection-list .connection-header .title-img  .connection-img {position:absolute; left:50%; top:50%; width:100px; height:100px; transform:translate(-50%, -50%);}
.connection-list .connection-header .title-txt {float:right; padding-left:20px; width:calc(100% - 140px); text-align:left;}
.connection-list .connection-header .title-txt h3 {overflow:hidden; margin:17px 0 0; padding-bottom:10px; line-height:1; font-size:20px; color:#333; white-space:nowrap; text-overflow:ellipsis;}
.connection-list .connection-header .title-txt h4 {margin:5px 0 0 0; font-size:13px; color:#666;}

.connection-list .x_panel.right_modal {position:absolute; width:35%; height:85%; margin-right:-40%; right:0; top:auto; z-index:50; transition:1s; overflow:auto;}
.connection-list .x_panel.right_modal.right_modal_show {margin-right:0%;}

/* 커넥션 ulList 스타일 */
.div_conList_tot {overflow:auto; height:calc(100vh - 572px);}
.div_conList_tot .ul_db_conlist {list-style:none; padding-left:0px;}
.div_conList_tot .ul_db_conlist .li_db_conlist {color:#01a9ac;}
.div_conList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .img_db_connimg {position:absolute; top:50%; width:20px; height:20px;}
.div_conList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist {margin-bottom:10px; width:100%; transition:0.2s; border-color:#01a9ac;}
.div_conList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist.Y {border-left:10px solid #009845;}
.div_conList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist.N {border-left:10px solid red;}
.div_conList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist.active {color:#ffffff; background-color:#01a9ac; border-left:10px solid blue;}
.div_conList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist:hover {color:#ffffff; background-color:#01a9ac;}

.div_batchList_tot .ul_db_conlist {list-style:none; padding-left:0px;}
.div_batchList_tot .ul_db_conlist .li_db_conlist {color:#01a9ac;}
.div_batchList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .img_db_connimg {position:absolute; top:50%; width:20px; height:20px;}
.div_batchList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist {width:100%; transition:0.2s; border-color:#01a9ac;}
.div_batchList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist.Y {border-left:10px solid #009845;}
.div_batchList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist.N {border-left:10px solid red;}
.div_batchList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist.active {color:#ffffff; background-color:#01a9ac; border-left:10px solid blue;}
.div_batchList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist:hover {color:#ffffff; background-color:#01a9ac;}

.connection-list #form_saveConnection > div {margin-bottom:10px;}
.connection-list #form_saveConnection > div:last-hild {margin-bottom:0;}

/* 커넥션 추가 */
.x_panel.addConnectionDropDown {position:absolute; margin-top:50px; z-index:51; display:none; overflow-y:auto; border-radius:0 0 5px 5px;}
.x_panel.addConnectionDropDown .layerTop.btn-area {position:absolute; top:14px; right:10px;}
.x_panel.addConnectionDropDown .layerTop.btn-area button.close i.fa-times {font-size:13px;}
.addConnectionDropDown.show {display:block;}
.addConnectionDropDown li .tab.active {background-color:darkseagreen;}
.connectionMetaDiv:hover {background-color:aliceblue;}
.addConnectionDropDown .x_content {margin-bottom:0; padding-bottom:15px;}
.addConnectionDropDown .x_content .tab-content {border:1px solid #d9d9d9; height:calc(100vh - 340px);}

.addConnectionDropDown ul.connection_add_tab {float:left; width:120px;}
.addConnectionDropDown .tab-content {float:right; width:calc(100% - 120px); padding:0 0 20px;}
.addConnectionDropDown .tab-content .connectionMetaDiv {text-align:center; margin-top:10px; padding:10px;}
.addConnectionDropDown .tab-content .connectionMetaDiv .connection_list_img {line-height:130px; height:135px;}
.addConnectionDropDown .tab-content .connectionMetaDiv img {width:90%; max-width:130px; height:auto; max-height:130px;}
.addConnectionDropDown .tab-content .connectionMetaDiv p {font-size:13px; line-height:20px; margin:5px 0 0;}

.connection-list .x_panel.right_modal {position:absolute; width:35%; height:85%; margin-right:-40%; right:0; top:auto; z-index:50; transition:1s; overflow:auto;}
.connection-list .x_panel.right_modal.right_modal_show {margin-right:0%;}


/* ------- 배치설정 팝업 -------  */
/* 공통 */
.mCustomScrollBox {outline:none;}
.layerIn .layerTop.btn-area {position:absolute; top:22px; right:10px;}
.layerIn .layerTop.btn-area button.close i.fa-times {font-size:20px;}
.layerCon .popContents .con-setting-wrap {margin-bottom:0; padding:0 26px;}
.layerCon .popContents .con-setting-wrap.btn-wrap {padding-top:22px; border-top:1px solid #ddd;}
.layerCon .popContents .con-setting-wrap .x_title_pop {margin-bottom:0;}
.layerCon .popContents .con-setting-wrap .x_title_pop h3 {margin-top:0; margin-bottom:0; padding-left:10px; font-size:22px; font-weight:600;}
.layerCon .popContents .con-setting-wrap .x_content_pop {margin-bottom:0; padding-bottom:0;}
.layerCon .popContents .con-setting-wrap .x_content_pop form {margin-bottom:24px; border-top:2px solid #ddd;}
.layerCon .popContents .con-setting-wrap .contents {padding:10px 0; max-height:514px; overflow-y:auto; border:0; border-radius:0;}
.layerCon .popContents .con-setting-wrap .contents h4.sm-tit {margin-bottom:10px; font-size:16px; font-weight:normal; color:#555;}
.layerCon .popContents .con-setting-wrap .contents h4.sm-tit i {margin-right:5px;}

.layerCon .popContents .con-setting-wrap .form-group {margin-top:5px; margin-bottom:0; text-align:center;}
.layerCon .popContents .con-setting-wrap .form-group .btn-set {display:inline-block; width:200px;}

/* 커넥션 ulList 스타일 */
.con-setting-wrap .div_batchList_tot .ul_db_conlist {margin-top:15px; margin-bottom:30px;}
.con-setting-wrap .div_batchList_tot .ul_db_conlist .li_db_conlist .div_db_conlist .btn_db_conlist {margin-bottom:5px;}


/* 테이블 세팅 */
.con-setting-wrap .table-set-col {margin-top:15px; margin-bottom:20px;}
.con-setting-wrap .table-set-col .select2-container--default .select2-selection--single .select2-selection__rendered {margin-right:5px;}
.con-setting-wrap .border-checkbox-section .border-checkbox-group .border-checkbox-label {margin-left:5px; padding-left:6px; font-weight:normal;}
.con-setting-wrap .border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked+.border-checkbox-label:after {left:0;}
.con-setting-wrap .border-checkbox-section .border-checkbox-group-primary .border-checkbox-label:before {border:1px solid #ccc; border-radius:3px;}

.con-setting-wrap .check-input {margin-top:12px; text-align:left;}
.con-setting-wrap .check-input .icheckbox_flat-blue {margin-right:5px;}

.con-setting-wrap .select2-container {margin-bottom:5px;}
.con-setting-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {text-align:left; font-weight:500;}
.con-setting-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color:#666 transparent transparent transparent !important;}

/* Batch */
.col-time-group {float:left;}
.col-time-group.sce {float:left; margin-left:75px; margin-right:10px;}


.con-setting-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:36px;}
.con-setting-wrap .select2-container--default .select2-selection--single {height:38px;}
.con-setting-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {height:38px;}

.con-setting-wrap .form-horizontal .col-date-box {float:left; width:60%; margin-right:2%;}

.con-setting-wrap .form-horizontal .col-time-box {float:left; width:38%;}
.con-setting-wrap .form-horizontal .col-select-group {float:left; margin-right:10px;}
.con-setting-wrap .form-horizontal .control-label {padding-top:5px; text-align:left; line-height:30px; font-size:13px; font-weight:normal; color:#777;}
.con-setting-wrap .form-horizontal .control-label.db-control {margin-right:5px; line-height:20px;}
.con-setting-wrap .form-horizontal .col-expression-group {margin-bottom:5px; width:100%;}
.con-setting-wrap .expression-input-box input {width:97%; height:38px; border-radius:4px;}





/*==================================================================================================================
                                                    AL Tool
====================================================================================================================*/
/**/
.div_main {position:fixed; top:0; right:0; bottom:0; left:0; background-color:#eaedf0; z-index:999;}

/* 공통요소 */
.tool_panel {position:relative; width:100%; margin-bottom:0px; padding:0; display:inline-block; background:transparent; 
    -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; column-break-inside:avoid; opacity:1; transition:all .2s ease; height:calc(100vh - 91px);}

/* ******************** Tool ******************** */
/* top */
.tool_top {position:relative; height:86px; text-align:center; background:linear-gradient(#fff 60px, #eaedf0 21px); box-sizing:border-box; overflow:hidden; z-index: 40;}

h4.tool_title2 {position:absolute; left:70px; top:0; height:60px; display:inline-block; padding:0 0 0 20px; text-align:left; margin:0;}
h4.tool_title2 span {font-size:10px; color:#030303; font-weight:100; display:inline-block; letter-spacing:0;}
h4.tool_title2 p {color:#36728c; font-size:18px; margin:4px 0 0; font-weight:700; letter-spacing:-1px; max-width: 365px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
h4.tool_title2 .news {display:block; margin:5px 0;}
h4.tool_title2 .news > span {display:inline-block; vertical-align:middle; line-height:15px; padding-right:10px; color:#030303; font-size:10px; font-weight:100; letter-spacing:0;}
h4.tool_title2 .news > a.subject {display:inline-block; vertical-align:middle; line-height:15px; padding-right:20px; color:#030303; font-size:12px; letter-spacing:0; cursor:pointer;}
h4.tool_title2 .news > a.subject:after {display:inline-block; vertical-align:top; content:'\ef1f'; width:15px; height:15px; margin:0 5px; font-family:'icofont'; font-size:12px;}
h4.tool_title2 .news > a.subject:hover,
h4.tool_title2 .news > a.subject:hover:after {color:#36728c;}

.tool_top .tool_btn_list {position:absolute;}
.tool_top .tool_btn_list {text-indent:-9999px; background:#36728c url(../images/al/btn_list_prew_hover.png) no-repeat center center; transition:0.2s; width:70px; height:60px; left:0; top:0;}
.tool_top .tool_btn_list:hover {background:#000 url(../images/al/btn_list_prew_hover.png) no-repeat center center;}
/*
.tool_top .tool_btn_save {text-align:center; right:15px; top:15px; width:100px;}
.tool_top .tool_btn_pass {position:absolute; text-align:center; right:110px; top:15px; width:100px;}
.tool_top .tool_btn_companion {position:absolute; text-align:center; right:15px; top:15px; width:100px;}
*/

.tool_top .tool_title {width:50%; display:inline-block; position:absolute; left:50%; top:0; transform:translate(-50%,0); height:60px;}
.tool_top .tool_title button {display:inline-block;}
.tool_top .tool_title button#toolPrev, .tool_top .tool_title button#toolNext {padding:0; width:40px; height:40px; border-radius:20px; display:inline-block; border:none; text-indent:-9999px; 
    transition:0.2s;}
.tool_top .tool_title button#toolPrev {background:url(../images/al/btn_tool_arrow_left.png) no-repeat center center; margin:10px 10px 0 0;}
.tool_top .tool_title button#toolNext {background:url(../images/al/btn_tool_arrow_right.png) no-repeat center center; margin:10px 0 0 10px;}
.tool_top .tool_title button#toolPrev:hover {background:url(../images/al/btn_tool_arrow_left_hover.png) no-repeat center center; margin:10px 10px 0 0;}
.tool_top .tool_title button#toolNext:hover {background:url(../images/al/btn_tool_arrow_right_hover.png) no-repeat center center; margin:10px 0 0 10px;}
.tool_top .tool_title h3 {display:inline-block; margin:0 20px; font-size:20px; vertical-align:middle; color:#202020; font-weight:bold; line-height:58px; vertical-align:top;}
.tool_top .tool_title h3#h_dataTitle {max-width: 60%;}
.tool_top .tool_title .tooltip.bottom {margin-top: -18px;}
.tool_top .tool_title h3 p { text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden;}
.tool_top .tool_title h3 span {display:inline-block; margin-left:5px; color:#808080; font-weight:normal;}
#h_dataTitle .tooltip-inner {max-width: 700px;}
#h_dataTitle span {font-weight: bold; color: #202020; width: 100%;}

.tool_ctrl {height:60px; padding:15px 10px; position:absolute; top:0; right:0;}
.tool_ctrl > div {display:inline-block; vertical-align:middle; margin:0 5px;}
.tool_ctrl .btn {margin-right:5px;}
.tool_ctrl #div_targetY {line-height:1;}
.tool_ctrl #div_targetN {line-height:1;}
.tool_ctrl #div_autoSave > label {vertical-align:middle; margin-bottom:0;}
.tool_autosave {font-size:15px;}
.tool_autosave label {margin:0 5px;}
.tool_autosave .switchery {vertical-align:top;}

/* ********** tool_panel ********** */
.tool_panel {position:relative; /*overflow:hidden; */}
.tool_panel #toolDataPanel, .tool_panel .tool_area, .tool_panel .tool_info {box-sizing:border-box;}

/* toolDataPanel */
.tool_panel #toolDataPanel {width:260px; position:relative; transition:0.5s; float:left; height:calc(100vh - 100px); padding:0 0 15px 0; background:#fff; border-radius:0 5px 5px 0; 
    z-index:30;}

#toolDataPanel .js-toggle-list-slidebar {height:45px; width:60px; position:absolute; left:260px; top:0; z-index:2; background:#fff; border-radius:0 23px 23px 0; 
                transition:0.5s; text-align:center; padding:0 12px; font-size:14px; box-shadow:5px 5px 10px rgba(0,0,0,0.1); border:none; 
                background:#fff url(../images/al/icon_data_list.png) no-repeat 16px center;}
#toolDataPanel .js-toggle-list-slidebar:hover {background-color:#cbeaf1;}

#toolDataPanel h2 {background:#fff; color:#000; font-size:17px; font-weight:bold; text-align:left; padding:0; position:relative; height:45px; line-height:43px; margin:0; 
    box-shadow:5px 5px 10px rgba(0,0,0,0.1); padding-left:20px; z-index:1;}
#toolDataPanel .tool_sort {padding:10px 20px 0}
#toolDataPanel .tool_sort .form-radio .radio {margin-top:3px; margin-bottom:0;}
#toolDataPanel .tool_sort .form-radio .radio label {font-weight:bold; color:#151515;}
#toolDataPanel .border-checkbox-section {display:block; text-align:right; padding:0 20px; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #dfdfdf;}
#toolDataPanel .border-checkbox-section .border-checkbox-label {margin-right:0; font-weight:bold; color:#6d6d6d;}
#toolDataPanel .btn_Refresh {display:block; width:45px; height:45px; padding:0; border:0; background-color:transparent; position:absolute; top:0; left:80px; font-size:0; z-index:2;}
#toolDataPanel .btn_Refresh:after {display:block; content:"\efd1"; line-height:1; font-family:"Icofont"; font-size:14px;}
#toolDataPanel .btn_Refresh:hover:after {color:#007694;}

#toolDataPanel ul.tool_data_list {padding:17px; margin:0; height:calc(100vh - 142px); overflow-y:auto;}
#toolDataPanel ul.tool_data_list li {list-style:none; padding:0; margin:0;}
#toolDataPanel ul.tool_data_list li button.tool_list_btn {border:none; display:block; padding:0 40px 0 15px; position:relative; transition:0.2s; height:36px; line-height:34px; width:100%; 
    text-align:left; font-size:14px; border-radius:5px; background:#fff;}
#toolDataPanel ul.tool_data_list li button.tool_list_btn:after {display:block; height:30px; line-height:35px; position:absolute; top:0; right:15px; font-family:'Font Awesome 5 Free'; font-weight:900; text-align:center;}    
#toolDataPanel ul.tool_data_list li.worked button.tool_list_btn,
#toolDataPanel ul.tool_data_list li.inspected button.tool_list_btn {color:#8f8f8f;}
#toolDataPanel ul.tool_data_list li.active button.tool_list_btn,
#toolDataPanel ul.tool_data_list li:hover button.tool_list_btn {background:#1c556e; color:#fff;}
#toolDataPanel ul.tool_data_list li.worked button.tool_list_btn:after {content:"\f058"; color:#5dc7e7;}
#toolDataPanel ul.tool_data_list li.warning button.tool_list_btn:after {content:"\f071"; color:red;}
#toolDataPanel ul.tool_data_list li.inspected button.tool_list_btn:after {content:"\f058"; color:#20e1a4;}

/* 툴 기능 버튼 */
#toolDataPanel ul.tool_function_btn {position:absolute; right:-60px; top:55px; background:#3e3e3e; border-radius:5px; width:50px; bottom:0; padding:0; margin:0; z-index:4;}
#toolDataPanel ul.tool_function_btn li {list-style:none; padding:0; margin:5px 0; position:relative; text-align:center;}
#toolDataPanel ul.tool_function_btn li.sep {margin:5px 0 16px;}
#toolDataPanel ul.tool_function_btn li.sep:after {display:block; content:''; height:1px; position:absolute; right:12px; bottom:-8px; left:12px; background-color:#c6ff00;}
#toolDataPanel ul.tool_function_btn li button.tool_btn {width:34px; height:34px; border-radius:17px; background:#2b2b2b; border:none; text-align:center; padding:0; margin:0; 
    line-height:30px; transition:0.2s; position:relative;}
 #toolDataPanel ul.tool_function_btn li button.tool_btn img {margin-top:-3px; position:relative;}
 #toolDataPanel ul.tool_function_btn li:nth-child(1) button.tool_btn img {left:2px;}
#toolDataPanel ul.tool_function_btn li:hover button,
#toolDataPanel ul.tool_function_btn li.active button.tool_btn {background:#007694;}
#toolDataPanel ul.tool_function_btn li.help {margin:30px 0 10px; position:absolute; right:0; bottom:0; left:0;}
#toolDataPanel ul.tool_function_btn li.help .tool_btn:after {display:block; content:'\efca'; width:34px; height:34px; line-height:34px; color:#fff; font-family:'Icofont'; font-size:20px; text-align:center;}

#toolDataPanel .tool_sort_select {width:100px; position:absolute; top:7px; right:0; font-size:14px; z-index:2;}
#toolDataPanel .tool_sort_select select {height:30px; border:0; border-bottom:1px solid #787b80; background-color:transparent;}

.tool_btn {position:relative;}
.tool_btn .tool_tip {color:#fff; background:rgba(0,0,0,0.9); padding:0 10px 2px; transition:0.2s; opacity:0; visibility:hidden; display:inline-block; text-align:left; 
    position:absolute; left:calc(100% + 20px); top:14px; border-radius:3px; width:auto; font-size:13px; line-height:25px; white-space:nowrap;}
.tool_btn .tool_tip:after {content:""; display:inline-block; width:0; height:0; border-bottom:8px solid transparent; border-right:8px solid rgba(0,0,0,0.9); 
    position:absolute; left:-8px; top:3px;}
.tool_btn:hover .tool_tip {opacity:1; visibility:visible;}
 
#toolDataPanel ul.tool_data_list li button.tool_list_btn {padding:0 15px;}
#toolDataPanel .tool_sort_info_btn {position: absolute; left: 145px; top: 14px; background: none; border: none; padding: 0; margin: 0; z-index: 2;}

.tool_data_list li button {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* tool_box */
.tool_panel .tool_box {display:flex; align-items:start; min-height:45px; padding:0; position:absolute; left:340px; right:340px; border-radius:5px; background-color:#fff; transition:0.5s; z-index:1;}
.copyAllData {border: 1px solid #0078ff; background: #FFF; color: #0078ff; padding: 3px 5px;}
.copyAllData:hover {background: #0078ff; color: #FFF;}
.tool_box .set_index_area {display:flex;}
.tool_box .set_screen_area {display:flex; flex:1; flex-wrap:wrap; justify-content:center;}
.tool_box .set_work_area {display:flex; min-width:250px; justify-content:flex-end;}

.tool_box .set_screen_area .irs {display:inline-block; width:50px; height:initial; margin-right:10px;}
.tool_box .irs {display:inline-block; width:100px; height:initial; margin-right:10px;}
.tool_box .irs-line-mid, 
.tool_box .irs-line-left, 
.tool_box .irs-line-right, 
.tool_box .irs-bar, 
.tool_box .irs-bar-edge, 
.tool_box .irs-slider {background-image:url(../images/al/sprite-skin-flat.png);}
.tool_box .irs-slider {width:16px; height:16px; top:3px;}
.tool_box .irs-bar,
.tool_box .irs-line,
.tool_box .irs-line-mid,
.tool_box .irs-line-right,
.tool_box .irs-line-left {/*height:8px; */}
.tool_box .irs-bar-edge {width:12px; height:8px; top:6px;}
.tool_box .irs-line {top:0;}
.tool_box .irs-bar {top:6px;}
.tool_box .irs-from, 
.tool_box .irs-to, 
.tool_box .irs-single {top:-18px; background-color:#7c7c7c;}
.tool_box .irs-from:after, 
.tool_box .irs-to:after, 
.tool_box .irs-single:after {border-top-color:#7c7c7c;}

.set_select {display:inline-block; vertical-align:middle; margin:5px 10px 10px}
.set_select select {height:30px; padding:0 15px 0 0; font-size:14px; border:0; border-bottom:1px solid #787b80; background-color:transparent;}

.color_reversal {width:50px; height:25px; padding:0; margin:0 10px 0 10px; position:relative; font-weight:normal; border:1px solid #0078ff; background-color:#fff; color:#0078ff}
.color_reversal.active {background-color:#0078ff; color:#fff}
.color_cross_ref {width:50px; height:25px; padding:0; position:relative; font-weight:normal; border:1px solid #0078ff; background-color:#fff; color:#0078ff}
.color_cross_ref.active {background-color:#0078ff; color:#fff}

.set_div_screen {display:inline-block; vertical-align:middle; height:25px; margin:10px;}
.set_div_screen > input[type=checkbox] {width:0; height:0; min-height:0; margin:0; position:absolute;}
.set_div_screen > input[type=checkbox] + label {width:50px; height:25px; padding:0; margin:0; position:relative; font-weight:normal; border:1px solid #0078ff; cursor:pointer;}
.set_div_screen > input[type=checkbox] + label:before,
.set_div_screen > input[type=checkbox] + label:after {display:block; width:24px; height:23px; line-height:23px; text-align:center; position:absolute; top:0;}
.set_div_screen > input[type=checkbox] + label:before {content:'L'; left:0; color:#fff; background-color:#0078ff;}
.set_div_screen > input[type=checkbox] + label:after {content:'R'; right:0; color:#0078ff; background-color:#fff;}
.set_div_screen > input[type=checkbox]:checked + label:before {color:#0078ff; background-color:#fff;}
.set_div_screen > input[type=checkbox]:checked + label:after {color:#fff; background-color:#0078ff;}

.set_index_pager {display:inline-block; vertical-align:middle; width:110px; padding:0 15px; margin:10px; position:relative; font-size:15px; text-align:center; background-color:#fff;}
.set_index_pager .pager_prev,
.set_index_pager .pager_next {width:25px; height:25px; padding:0; margin:0; position:absolute; top:0; border:0; background-color:transparent; font-size:0;}
.set_index_pager .pager_prev {left:0;}
.set_index_pager .pager_next {right:0;}
.set_index_pager .pager_prev:after,
.set_index_pager .pager_next:after {display:block; width:100%; height:100%; line-height:25px; color:#b4b4b4; font-family:'Icofont'; font-size:14px;}
.set_index_pager .pager_prev:after {content:'\ea9d'; text-align:left;}
.set_index_pager .pager_next:after {content:'\eaa0'; text-align:right;}
.set_index_pager .pager_num {width:30px; height:25px; border:1px solid #d1d1d1; text-align:center;}

.set_index_range {display:inline-block; vertical-align:middle; padding:0; margin:13px 4px; position:relative;}
.set_index_range strong {display:inline-block; vertical-align:middle; padding:0 10px 0 0; font-size:14px;}
.set_index_range .range_start,
.set_index_range .range_stop {display:inline-block; vertical-align:middle; width:25px; height:25px; padding:0; margin:0 3px; border:0; border-radius:23px; background-color:#eaedf1; font-size:0;}
.set_index_range .range_start:after {display:block; content:'\ec74'; width:100%; height:100%; line-height:25px; color:#b6b6b6; font-family:'Icofont'; font-size:14px; text-align:center;}
.set_index_range .range_stop:after {display:block; content:''; width:11px; height:11px; margin:7px auto; background-color:#b6b6b6;}
.set_index_range .range_start.active:after {color:#20e1a4;}
.set_index_range .range_stop.active:after {background-color:#20e1a4;}
.set_index_range .range_num {width:30px; height:25px; border:1px solid #d1d1d1; text-align:center;}

.set_brightness {display:inline-block; vertical-align:middle; padding:0; margin:10px 0 10px; position:relative;}
.set_brightness strong {display:inline-block; vertical-align:middle; padding:0 1px 0 0; font-size:14px;}
.set_brightness .brightness_num {width:0; height:0; position:absolute; left:-9999px;}
.set_brightness .btn_up,
.set_brightness .btn_down {display:inline-block; vertical-align:middle; width:16px; height:16px; line-height:1; padding:0; margin:0 1px; font-size:0; border:0; border-radius:8px; background-color:#a7a7a7;}
.set_brightness .btn_up:after,
.set_brightness .btn_down:after {display:block; line-height:1; color:#fff; font-family:'Icofont'; font-size:12px; text-align:center;}
.set_brightness .btn_up:after {content:'\efc2';}
.set_brightness .btn_down:after {content:'\ef9a';}
.set_brightness .btn_up.active,
.set_brightness .btn_down.active {background-color:#0078ff;}
.set_brightness label {padding:0 5px 0 10px; margin:0; color:#a7a7a7; font-weight:normal; text-align:right;}
.set_brightness .brightness_center,
.set_brightness .brightness_width {width:40px; height:25px; padding:0 5px; border:1px solid #d1d1d1; text-align:right;}

.set_photo_print {display:inline-block; vertical-align:middle; height:25px; padding:0; margin:10px 0 10px;}
.set_photo_print strong {display:inline-block; vertical-align:middle; padding:0 1px 0 5px; font-size:14px;}
.set_photo_print .m_switch {display:inline-block; vertical-align:middle; height:inherit; margin:0;}
.set_photo_print .m_switch > input[type=checkbox] + label {vertical-align:middle;}
.set_photo_print .m_switch > input[type=checkbox]:checked + label:before {border-color:#0078ff; background-color:#0078ff;}
.set_photo_print .m_switch > input[type=checkbox]:checked + label:after {left:17px;}
.set_photo_print .print_direction {display:inline-block; vertical-align:middle; position:relative;}
.set_photo_print .print_direction input[type=radio] {width:0; height:0; position:absolute; left:-9999px;}
.set_photo_print .print_direction label {display:inline-block; vertical-align:middle; padding:0 1px; margin:0; color:#a7a7a7; font-size:14px; font-weight:400; cursor:pointer;}
.set_photo_print .print_direction input[type=radio]:checked + label {color:#0078ff;}

.set_work_target {display:inline-block; vertical-align:middle; height:25px; padding:0; margin:10px;}
.set_work_target strong {display:inline-block; vertical-align:middle; padding:0 10px 0 0; font-size:14px;}
.set_work_target > input[type=checkbox] {width:0; height:0; min-height:0; margin:0; position:absolute;}
.set_work_target > input[type=checkbox] + label {display:inline-block; vertical-align:middle; width:70px; height:25px; padding:0; margin:0; position:relative; font-weight:normal; border:1px solid #0078ff; cursor:pointer;}
.set_work_target > input[type=checkbox] + label:before,
.set_work_target > input[type=checkbox] + label:after {display:block; width:34px; height:23px; line-height:23px; font-size:13px; text-align:center; position:absolute; top:0;}
.set_work_target > input[type=checkbox] + label:before {content:'지정'; left:0; color:#fff; background-color:#0078ff;}
.set_work_target > input[type=checkbox] + label:after {content:'제외'; right:0; color:#0078ff; background-color:#fff;}
.set_work_target > input[type=checkbox]:checked + label:before {color:#0078ff; background-color:#fff;}
.set_work_target > input[type=checkbox]:checked + label:after {color:#fff; background-color:#0078ff;}

.set_all_apply {display:inline-block !important; vertical-align:middle; padding:0; margin:10px !important; font-size:14px;}
.set_all_apply > input[type=checkbox] {width:0; height:0; min-height:0; margin:0; position:absolute;}
.set_all_apply > input[type=checkbox] + label {display:inline-flex; align-items:center; height:100%; padding-left:25px; margin:0; position:relative; color:#6d6d6d; font-weight:normal; word-break:break-word; cursor:pointer;}
.set_all_apply > input[type=checkbox] + label:before,
.set_all_apply > input[type=checkbox] + label:after {display:block; content:''; clear:both; position:absolute; left:0; transition:all 0.1s ease;}
.set_all_apply > input[type=checkbox] + label:before {width:18px; height:18px; border-radius:3px; border:1px solid #dfdfdf; background-color:#fff;}
.set_all_apply > input[type=checkbox] + label:after {width:0; height:0; margin-top:-3px; margin-left:3px; border-left:2px solid transparent; border-bottom:2px solid transparent; transform:rotate(-45deg);}
.set_all_apply > input[type=checkbox]:checked + label:after {width:12px; height:5px; border-color:#4b73df;}

.set_work_exclude {display:inline-block; vertical-align:middle; padding:0 30px 0 0; margin:10px; border:0; background-color:transparent; font-size:14px;}
.set_work_exclude.pass { color: #00d41a; cursor: default;}
.set_work_exclude.pass:before { content:"\f00c"; font-family:'Font Awesome 5 Free'; font-weight:900;}
.set_work_exclude.pass:after { content:" PASS"; font-weight:700;}
.set_work_exclude.fail { color: #FF0000; cursor: default;}
.set_work_exclude.fail:before { content:"\f00d"; font-family:'Font Awesome 5 Free'; font-weight:900;}
.set_work_exclude.fail:after { content:" FAIL"; font-weight:700;}
button.set_work_exclude i {width:0px;}

.set_work_con {display:none; width:200px; padding:10px; position:absolute; top:10px; right:-170px; border-radius:5px; background-color:#fff; box-shadow:0 10px 10px rgb(0 0 0 / 20%);}
.set_work_con.active {display:block;}
.set_work_con strong {display:block; font-size:16px;}
.set_work_con textarea {display:block; width:100%; height:80px; margin:5px 0 10px; border:0; box-shadow:inset 0 0 15px rgba(0,0,0,0.1); outline:1px solid #dfdfdf;}
.set_work_con .btn_send {float:right; width:60px; height:20px; padding:0; color:#fff; text-align:center; border:0; border-radius:10px; background-color:#53a0ff;}

.set_target .btn_send {float:right; width:120px; height:20px; padding:0; color:#fff; text-align:center; border:0; border-radius:10px; background-color:#53a0ff; margin-top:12px; margin-right:20px;}

.function_help {display:none; width:300px; padding:20px; position:absolute; top:calc(100% - 480px); right:-380px; border-radius:5px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); cursor:move;}
.function_help.active {display:block;}
.function_help strong {display:block; padding:0 0 10px 0; font-size:16px; text-align:center;}
.function_help ul {height:400px; padding:0; margin:0; list-style:none; overflow-y:auto;}
.function_help li {line-height:1.2; padding:5px 0 5px 50px; margin:0; position:relative;}
.function_help li .img {display:block; width:30px; height:30px; line-height:30px; position:absolute; top:5px; left:0; text-align:center; background-color:#292c33;}
.function_help li .key {display:block; font-size:13px; font-weight:500;}
.function_help li .con {display:block; font-size:12px; color:#030303; font-weight:100;}
.function_help .btn_close {width:30px; height:30px; padding:0; position:absolute; top:15px; right:15px; font-size:0; border:0; background:transparent;}
.function_help .btn_close:after {display:block; content:'\eee1'; line-height:1; font-family:'Icofont'; font-size:20px;}
.function_help.ui-resizable ul {height:auto;}

/* tool_area */
.tool_panel .tool_area {width:calc(100% - 680px); height:calc(100vh - 155px); transition:0.5s; float:left; z-index:1; 
    overflow:auto; margin:55px 20px 0 80px; text-align:center; position:relative;}

.tool_area .tool_ecg_area {max-width:100%; max-height:calc(100vh - 286px); overflow:auto;}
.tool_area .tool_ecg_area #div_medicalLineChart {height:calc(100vh - 286px); width:100%; margin-top:0; background:#fff;}
.tool_area .tool_img_area {max-width:100%; height:calc(100vh - 155px); overflow:auto; background:#fff; position:relative;}
.tool_area .tool_img_area #div_labelArea {}
.tool_area .tool_txt_area {max-width:100%; max-height:calc(100vh - 155px); overflow:auto;}
.tool_area .tool_human_area {max-width:100%; max-height:calc(100vh - 155px); overflow:auto;}

.tool_area .tool_img {max-width:100%;}

.tool_area .tool_btn_area {margin-top:29px; text-align:left; position:absolute; left:0; bottom:0; width:100%;}
/* 라디오버튼 스타일 */
.tool_area .tool_btn_area .ck-button {margin:0 15px 0 0; vertical-align:top; background-color:#fff; border-radius:10px; border:none; overflow:hidden; display:inline-block; 
    height:85px;}
.tool_area .tool_btn_area .ck-button label {display:inline-block; width:auto; padding:0; margin:0; position:relative; width:180px; height:85px;}
.tool_area .tool_btn_area .ck-button label strong {text-align:right; padding:0; display:inline-block; color:#131313; font-weight:700; cursor:pointer; width:180px; height:85px; 
    font-size:20px; padding:43px 20px 0 20px; letter-spacing:-1px; transition:0.2s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tool_area .tool_btn_area .ck-button label input {position:absolute; top:-20px;}
.tool_area .tool_btn_area .ck-button label span {position:absolute; left:20px; top:7px; color:#131313; font-size:17px; transition:0.2s;}
.tool_area .tool_btn_area .ck-button input:checked + strong,
.tool_area .tool_btn_area .ck-button label:hover strong {background-color:#1c556e; color:#fff;}
.tool_area .tool_btn_area .ck-button input:checked + strong + span,

.tool_area .tool_btn_area .tool_refresh_btn {transition:0.2s; font-size:14px; color:#737983; border:none; background:none; transition:0.2s; padding-left:17px; 
    background:url(../images/al/icon_refresh.png) no-repeat left center;}
.tool_area .tool_btn_area .tool_refresh_btn:hover {color:#42a4ee; background:url(../images/al/icon_refresh_hover.png) no-repeat left center;}

.tool_area .tool_btn_area .tool_all_btn {transition:0.2s; font-size:14px; color:#737983; border:none; background:none; transition:0.2s; padding-left:0px;}
.tool_area .tool_btn_area .tool_all_btn:hover {color:#42a4ee;}

.tool_area .tool_btn_area .tool_save_btn {float:right; width:150px; height:85px; position:relative; padding:43px 15px 10px 15px; text-align:right; transition:0.2s; 
    border-radius:10px; background:#001f42; color:#fff; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:700; font-size:20px; 
    border:none; outline:none;}
.tool_area .tool_btn_area .tool_save_btn:hover {background:#1c556e;}
.tool_area .tool_btn_area .tool_save_btn span {position:absolute; font-size:16px; left:15px; top:10px;}

.tool_area .tool_btn_area .tool_look_btn {transition:0.2s; font-size:14px; color:#737983; border:none; background:none; transition:0.2s; padding-left:0px;}
.tool_area .tool_btn_area .tool_look_btn:hover {color:#42a4ee;}


/* 버튼 클릭에 따른 넓이 조정 */
.slideOutList.tool_panel #toolDataPanel {margin-left:-260px;}
.slideInList.tool_panel #toolDataPanel {margin-left:0;}
.slideOutList.tool_panel .tool_box {left:80px;}
.slideOutList.tool_panel .tool_area {width:calc(100% - 420px);}


/* ********** 나눔 기능 스타일 ********** */
.tool_panel .tool_info .view_split {min-height:45px; background:#fff; border-radius:5px;}
.tool_panel .tool_info .gutter {background-color:#cee7ce; margin-top:0; cursor:ew-resize; height:10px;}
.tool_panel .tool_info .gutter.gutter-vertical {background:url("/lib/split-master/img/horizontal.png") no-repeat center center; cursor:row-resize;}
    
.tool_panel .tool_info h2.tool_info_title.examiner_opinion {}
.tool_panel .tool_info h2.tool_info_title.examiner_opinion .tool_info_btn {color:#fff; background:#ff6565;}
.tool_panel .tool_info h2.tool_info_title.examiner_opinion .tool_info_btn:after {color:#fff;}

.tool_panel .tool_info h2.tool_info_title .tool_info_btn:after {content:"\f068"; font-family:'Font Awesome 5 Free'; font-weight:900; position:absolute; right:20px; top:15px; color:#a3a3a3; transition:0.2s;}
.tool_panel .tool_info h2.tool_info_title .tool_info_btn:hover {background:#1c556e; color:#fff;}
.tool_panel .tool_info h2.tool_info_title .tool_info_btn:hover:after {color:#6adeff;}

.tool_panel .tool_info .view_split.h0 h2.tool_info_title {background:#fff; color:#151515;}
.tool_panel .tool_info .view_split.h0 h2.tool_info_title .tool_info_btn:after {content:"\f078";}
.tool_panel .tool_info .view_split.h0 h2.tool_info_title .tool_info_btn:hover {background:#1c556e; color:#fff;}

.tool_panel .tool_info .view_split.h0 h2.tool_info_title.examiner_opinion .tool_info_btn {color:#fff; background:#ff6565;}
.tool_panel .tool_info .view_split.h0 h2.tool_info_title.examiner_opinion .tool_info_btn:hover {background:#1c556e; color:#fff;}

/* 정보 영역 */
.tool_panel .tool_info .view_split .tool_info_div {padding:15px; color:#212a32; font-size:15px; height:calc(100% - 45px); overflow-y:auto; overflow-x:visible; word-break:keep-all; 
    position:relative;}
.tool_panel .tool_info .view_split.h0 .tool_info_div {padding:0;}
.tool_panel .tool_info .view_split .tool_info_div h3 {margin:0 0 10px; line-height:20px; font-size:16px; display:block; font-weight:bold;}
.tool_panel .tool_info .view_split .tool_info_div p {margin:0 0 10px; line-height:20px; overflow:hidden;}
.tool_panel .tool_info .view_split .tool_info_div p strong {font-weight:bold; width:90px; display:inline-block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tool_panel .tool_info .view_split .tool_info_div p span {display:inline-block; float:right; width:calc(100% - 90px);}
.tool_panel .tool_info .view_split .tool_info_div textarea {width:100%; max-width:100%; min-width:100%; height:100%; min-height:172px;}

.tool_panel .tool_info .view_split ul.key_info {padding:0; margin:0; color:#212a32;}
.tool_panel .tool_info .view_split ul.key_info li {padding:0; margin:0 0 15px; list-style:none;}
.tool_panel .tool_info .view_split ul.key_info li .key_shape {display:inline-block; width:40px; height:40px; padding:4px 5px; border:1px solid #a4a9ae; border-radius:5px; 
    margin-right:20px; font-size:12px; line-height:14px; position:relative; vertical-align:middle;}
.tool_panel .tool_info .view_split ul.key_info li .key_shape span {display:block; margin-bottom:3px; font-size:11px; color:#999;}
.tool_panel .tool_info .view_split ul.key_info li .key_shape strong {text-align:right; position:absolute; right:6px; bottom:6px; font-size:13px;}
.tool_panel .tool_info .view_split ul.key_info li p {display:inline-block; vertical-align:middle; margin-bottom:0;}

/* ********** 라벨링 ********** */
ul.labeling_info {padding:0; margin:10px 0 0;}
ul.labeling_info > li {position:relative; padding:0 0 0 22px; margin:0 0 20px 0; list-style:none; transition:0.2s;}
ul.labeling_info > li:lastt-child {margin-bottom:0;}
ul.labeling_info > li:before {position:absolute; content:""; display:block; width:14px; height:14px; border-radius:7px; background:#d9d9d9; left:0; top:4px;}
ul.labeling_info > li:after {position:absolute; content:""; display:block; width:calc(100% - 25px); height:1px; background:#e1e5ec; left:25px; top:10px; z-index:0;}
.tool_panel .tool_info .view_split .tool_info_div ul.labeling_info > li p {font-size:12px; color:#999999; margin:-3px 0 8px 0; line-height:1.2;}
ul.labeling_info li h3 {font-sizee:15px; color:#151515; padding-right:20px; position:relative; z-index:1;}
ul.labeling_info li h3 strong {display:inline-block; background:#fff; padding:0 20px 0 0; position:relative;}
ul.labeling_info li h3 span {position:absolute; right:0; top:0; display:inline-block; padding:0 0 0 20px; background:#fff;}
ul.labeling_info > li.active h3:after {content:""; display:block; position:absolute; left:-19px; top:7px; width:8px; height:8px; border-radius:4px; animation:txt_label_check 0.2s linear 1 forwards;}
ul.labeling_info > li.active h3 strong:before {content:""; width:calc(100% + 24px); height:30px; border-radius:15px; box-shadow:3px 3px 5px rgba(0,0,0,0.2); position:absolute; 
    left:-31px; top:-5px; border:1px solid #d9d9d9; animation:txt_label_check2 0.2s linear 1 forwards;}

@keyframes txt_label_check {
    0%      {background:transparent;}
    100%    {background:#ffffff;}
}
@keyframes txt_label_check2 {
    0%      {opacity:0;}
    100%    {opacity:1;}
}

ul.labeling_info li ul {padding:0; margin:0;}
ul.labeling_info li ul li {list-style:none; display:inline-block; padding:0; margin:0 0 5px 0; position:relative;}
ul.labeling_info li ul li:last-child {margin-right:0;}
ul.labeling_info li ul li button.labeling_btn {display:inline-block; padding:5px 27px 5px 10px; border:1px solid #d9d9d9; border-radius:15px; transition:0.2s; background:#fff; 
    font-weight:bold;}
ul.labeling_info li ul li button.labeling_btn:hover {background:#f1f1f1;}
ul.labeling_info li ul li button.labeling_btn:before {content:"#"; font-size:15px; display:inline-block; margin-right:2px; line-height:15px; font-weight:normal;}

ul.labeling_info li ul li button.labeling_close {border:none; position:absolute; right:15px; top:6px; transition:0.2s; color:#d6d6d6; background:none; padding:0;}
ul.labeling_info li ul li button.labeling_close:hover {color:#f66504;}
ul.labeling_info li ul li.active button.labeling_close {color:#fff;}
ul.labeling_info li ul li.active button.labeling_close:hover {color:#f66504;}

/* ul.labeling_info li.label_blue:before {background:#2196f3;}
ul.labeling_info li.label_blue ul li button.labeling_btn {border-color:#2196f3;}
ul.labeling_info li.label_blue ul li.active button.labeling_btn {background:#2196f3; color:#fff;}

ul.labeling_info li.label_green:before {background:#8bc34a;}
ul.labeling_info li.label_green ul li button.labeling_btn {border-color:#8bc34a;}
ul.labeling_info li.label_green ul li.active button.labeling_btn {background:#8bc34a; color:#fff;}

ul.labeling_info li.label_orange:before {background:#ffb644;}
ul.labeling_info li.label_orange ul li button.labeling_btn {border-color:#ffb644;}
ul.labeling_info li.label_orange ul li.active button.labeling_btn {background:#ffb644; color:#fff;}

ul.labeling_info li.label_purple:before {background:#7030a0;}
ul.labeling_info li.label_purple ul li button.labeling_btn {border-color:#7030a0;}
ul.labeling_info li.label_purple ul li.active button.labeling_btn {background:#7030a0; color:#fff;} */

/* 50개 라벨링 */
ul.labeling_info li.labeling1:before {background:#1876d1;}
ul.labeling_info li.labeling1 ul li button.labeling_btn {border-color:#1876d1;}
ul.labeling_info li.labeling1 ul li.active button.labeling_btn {background:#1876d1; color:#fff;}

ul.labeling_info li.labeling2:before {background:#c66cd5;}
ul.labeling_info li.labeling2 ul li button.labeling_btn {border-color:#c66cd5;}
ul.labeling_info li.labeling2 ul li.active button.labeling_btn {background:#c66cd5; color:#fff;}

ul.labeling_info li.labeling3:before {background:#ff7949;}
ul.labeling_info li.labeling3 ul li button.labeling_btn {border-color:#ff7949;}
ul.labeling_info li.labeling3 ul li.active button.labeling_btn {background:#ff7949; color:#fff;}

ul.labeling_info li.labeling4:before {background:#66ff33;}
ul.labeling_info li.labeling4 ul li button.labeling_btn {border-color:#66ff33;}
ul.labeling_info li.labeling4 ul li.active button.labeling_btn {background:#66ff33; color:#fff;}

ul.labeling_info li.labeling5:before {background:#6600ff;}
ul.labeling_info li.labeling5 ul li button.labeling_btn {border-color:#6600ff;}
ul.labeling_info li.labeling5 ul li.active button.labeling_btn {background:#6600ff; color:#fff;}

ul.labeling_info li.labeling6:before {background:#2dc1ff;}
ul.labeling_info li.labeling6 ul li button.labeling_btn {border-color:#2dc1ff;}
ul.labeling_info li.labeling6 ul li.active button.labeling_btn {background:#2dc1ff; color:#fff;}

ul.labeling_info li.labeling7:before {background:#178b82;}
ul.labeling_info li.labeling7 ul li button.labeling_btn {border-color:#178b82;}
ul.labeling_info li.labeling7 ul li.active button.labeling_btn {background:#178b82; color:#fff;}

ul.labeling_info li.labeling8:before {background:#5e76b4;}
ul.labeling_info li.labeling8 ul li button.labeling_btn {border-color:#5e76b4;}
ul.labeling_info li.labeling8 ul li.active button.labeling_btn {background:#5e76b4; color:#fff;}

ul.labeling_info li.labeling9:before {background:#894c5e;}
ul.labeling_info li.labeling9 ul li button.labeling_btn {border-color:#894c5e;}
ul.labeling_info li.labeling9 ul li.active button.labeling_btn {background:#894c5e; color:#fff;}

ul.labeling_info li.labeling10:before {background:#40c0b8;}
ul.labeling_info li.labeling10 ul li button.labeling_btn {border-color:#40c0b8;}
ul.labeling_info li.labeling10 ul li.active button.labeling_btn {background:#40c0b8; color:#fff;}

ul.labeling_info li.labeling11:before {background:#b47c0d;}
ul.labeling_info li.labeling11 ul li button.labeling_btn {border-color:#b47c0d;}
ul.labeling_info li.labeling11 ul li.active button.labeling_btn {background:#b47c0d; color:#fff;}

ul.labeling_info li.labeling12:before {background:#ffcdd9;}
ul.labeling_info li.labeling12 ul li button.labeling_btn {border-color:#ffcdd9;}
ul.labeling_info li.labeling12 ul li.active button.labeling_btn {background:#ffcdd9; color:#fff;}

ul.labeling_info li.labeling13:before {background:#87c3d2;}
ul.labeling_info li.labeling13 ul li button.labeling_btn {border-color:#87c3d2;}
ul.labeling_info li.labeling13 ul li.active button.labeling_btn {background:#87c3d2; color:#fff;}

ul.labeling_info li.labeling14:before {background:#ff4585;}
ul.labeling_info li.labeling14 ul li button.labeling_btn {border-color:#ff4585;}
ul.labeling_info li.labeling14 ul li.active button.labeling_btn {background:#ff4585; color:#fff;}

ul.labeling_info li.labeling15:before {background:#61dcee;}
ul.labeling_info li.labeling15 ul li button.labeling_btn {border-color:#61dcee;}
ul.labeling_info li.labeling15 ul li.active button.labeling_btn {background:#61dcee; color:#fff;}

ul.labeling_info li.labeling16:before {background:#8bae7c;}
ul.labeling_info li.labeling16 ul li button.labeling_btn {border-color:#8bae7c;}
ul.labeling_info li.labeling16 ul li.active button.labeling_btn {background:#8bae7c; color:#fff;}

ul.labeling_info li.labeling17:before {background:#ccccff;}
ul.labeling_info li.labeling17 ul li button.labeling_btn {border-color:#ccccff;}
ul.labeling_info li.labeling17 ul li.active button.labeling_btn {background:#ccccff; color:#fff;}

ul.labeling_info li.labeling18:before {background:#ffb32a;}
ul.labeling_info li.labeling18 ul li button.labeling_btn {border-color:#ffb32a;}
ul.labeling_info li.labeling18 ul li.active button.labeling_btn {background:#ffb32a; color:#fff;}

ul.labeling_info li.labeling19:before {background:#6971df;}
ul.labeling_info li.labeling19 ul li button.labeling_btn {border-color:#6971df;}
ul.labeling_info li.labeling19 ul li.active button.labeling_btn {background:#6971df; color:#fff;}

ul.labeling_info li.labeling20:before {background:#4cbb17;}
ul.labeling_info li.labeling20 ul li button.labeling_btn {border-color:#4cbb17;}
ul.labeling_info li.labeling20 ul li.active button.labeling_btn {background:#4cbb17; color:#fff;}

ul.labeling_info li.labeling21:before {background:#d0a535;}
ul.labeling_info li.labeling21 ul li button.labeling_btn {border-color:#d0a535;}
ul.labeling_info li.labeling21 ul li.active button.labeling_btn {background:#d0a535; color:#fff;}

ul.labeling_info li.labeling22:before {background:#ffdd2c;}
ul.labeling_info li.labeling22 ul li button.labeling_btn {border-color:#ffdd2c;}
ul.labeling_info li.labeling22 ul li.active button.labeling_btn {background:#ffdd2c; color:#fff;}

ul.labeling_info li.labeling23:before {background:#d3806e;}
ul.labeling_info li.labeling23 ul li button.labeling_btn {border-color:#d3806e;}
ul.labeling_info li.labeling23 ul li.active button.labeling_btn {background:#d3806e; color:#fff;}

ul.labeling_info li.labeling24:before {background:#6e31b1;}
ul.labeling_info li.labeling24 ul li button.labeling_btn {border-color:#6e31b1;}
ul.labeling_info li.labeling24 ul li.active button.labeling_btn {background:#6e31b1; color:#fff;}

ul.labeling_info li.labeling25:before {background:#f36996;}
ul.labeling_info li.labeling25 ul li button.labeling_btn {border-color:#f36996;}
ul.labeling_info li.labeling25 ul li.active button.labeling_btn {background:#f36996; color:#fff;}

ul.labeling_info li.labeling26:before {background:#278e16;}
ul.labeling_info li.labeling26 ul li button.labeling_btn {border-color:#278e16;}
ul.labeling_info li.labeling26 ul li.active button.labeling_btn {background:#278e16; color:#fff;}

ul.labeling_info li.labeling27:before {background:#bb9e95;}
ul.labeling_info li.labeling27 ul li button.labeling_btn {border-color:#bb9e95;}
ul.labeling_info li.labeling27 ul li.active button.labeling_btn {background:#bb9e95; color:#fff;}

ul.labeling_info li.labeling28:before {background:#a9dd6e;}
ul.labeling_info li.labeling28 ul li button.labeling_btn {border-color:#a9dd6e;}
ul.labeling_info li.labeling28 ul li.active button.labeling_btn {background:#a9dd6e; color:#fff;}

ul.labeling_info li.labeling29:before {background:#025155;}
ul.labeling_info li.labeling29 ul li button.labeling_btn {border-color:#025155;}
ul.labeling_info li.labeling29 ul li.active button.labeling_btn {background:#025155; color:#fff;}

ul.labeling_info li.labeling30:before {background:#c9c9c9;}
ul.labeling_info li.labeling30 ul li button.labeling_btn {border-color:#c9c9c9;}
ul.labeling_info li.labeling30 ul li.active button.labeling_btn {background:#c9c9c9; color:#fff;}

ul.labeling_info li.labeling31:before {background:#591ad3;}
ul.labeling_info li.labeling31 ul li button.labeling_btn {border-color:#591ad3;}
ul.labeling_info li.labeling31 ul li.active button.labeling_btn {background:#591ad3; color:#fff;}

ul.labeling_info li.labeling32:before {background:#3ac6dd;}
ul.labeling_info li.labeling32 ul li button.labeling_btn {border-color:#3ac6dd;}
ul.labeling_info li.labeling32 ul li.active button.labeling_btn {background:#3ac6dd; color:#fff;}

ul.labeling_info li.labeling33:before {background:#16a851;}
ul.labeling_info li.labeling33 ul li button.labeling_btn {border-color:#16a851;}
ul.labeling_info li.labeling33 ul li.active button.labeling_btn {background:#16a851; color:#fff;}

ul.labeling_info li.labeling34:before {background:#1f6bdb;}
ul.labeling_info li.labeling34 ul li button.labeling_btn {border-color:#1f6bdb;}
ul.labeling_info li.labeling34 ul li.active button.labeling_btn {background:#1f6bdb; color:#fff;}

ul.labeling_info li.labeling35:before {background:#a0e3f2;}
ul.labeling_info li.labeling35 ul li button.labeling_btn {border-color:#a0e3f2;}
ul.labeling_info li.labeling35 ul li.active button.labeling_btn {background:#a0e3f2; color:#fff;}

ul.labeling_info li.labeling36:before {background:#e21b76;}
ul.labeling_info li.labeling36 ul li button.labeling_btn {border-color:#e21b76;}
ul.labeling_info li.labeling36 ul li.active button.labeling_btn {background:#e21b76; color:#fff;}

ul.labeling_info li.labeling37:before {background:#efbb26;}
ul.labeling_info li.labeling37 ul li button.labeling_btn {border-color:#efbb26;}
ul.labeling_info li.labeling37 ul li.active button.labeling_btn {background:#efbb26; color:#fff;}

ul.labeling_info li.labeling38:before {background:#62f9ed;}
ul.labeling_info li.labeling38 ul li button.labeling_btn {border-color:#62f9ed;}
ul.labeling_info li.labeling38 ul li.active button.labeling_btn {background:#62f9ed; color:#fff;}

ul.labeling_info li.labeling39:before {background:#0d3a19;}
ul.labeling_info li.labeling39 ul li button.labeling_btn {border-color:#0d3a19;}
ul.labeling_info li.labeling39 ul li.active button.labeling_btn {background:#0d3a19; color:#fff;}

ul.labeling_info li.labeling40:before {background:#2583b7;}
ul.labeling_info li.labeling40 ul li button.labeling_btn {border-color:#2583b7;}
ul.labeling_info li.labeling40 ul li.active button.labeling_btn {background:#2583b7; color:#fff;}

ul.labeling_info li.labeling41:before {background:#2d3644;}
ul.labeling_info li.labeling41 ul li button.labeling_btn {border-color:#2d3644;}
ul.labeling_info li.labeling41 ul li.active button.labeling_btn {background:#2d3644; color:#fff;}

ul.labeling_info li.labeling42:before {background:#ef6d25;}
ul.labeling_info li.labeling42 ul li button.labeling_btn {border-color:#ef6d25;}
ul.labeling_info li.labeling42 ul li.active button.labeling_btn {background:#ef6d25; color:#fff;}

ul.labeling_info li.labeling43:before {background:#0cafaf;}
ul.labeling_info li.labeling43 ul li button.labeling_btn {border-color:#0cafaf;}
ul.labeling_info li.labeling43 ul li.active button.labeling_btn {background:#0cafaf; color:#fff;}

ul.labeling_info li.labeling44:before {background:#b10dce;}
ul.labeling_info li.labeling44 ul li button.labeling_btn {border-color:#b10dce;}
ul.labeling_info li.labeling44 ul li.active button.labeling_btn {background:#b10dce; color:#fff;}

ul.labeling_info li.labeling45:before {background:#e0c70e;}
ul.labeling_info li.labeling45 ul li button.labeling_btn {border-color:#e0c70e;}
ul.labeling_info li.labeling45 ul li.active button.labeling_btn {background:#e0c70e; color:#fff;}

ul.labeling_info li.labeling46:before {background:#73dce6;}
ul.labeling_info li.labeling46 ul li button.labeling_btn {border-color:#73dce6;}
ul.labeling_info li.labeling46 ul li.active button.labeling_btn {background:#73dce6; color:#fff;}

ul.labeling_info li.labeling47:before {background:#293f6d;}
ul.labeling_info li.labeling47 ul li button.labeling_btn {border-color:#293f6d;}
ul.labeling_info li.labeling47 ul li.active button.labeling_btn {background:#293f6d; color:#fff;}

ul.labeling_info li.labeling48:before {background:#759daa;}
ul.labeling_info li.labeling48 ul li button.labeling_btn {border-color:#759daa;}
ul.labeling_info li.labeling48 ul li.active button.labeling_btn {background:#759daa; color:#fff;}

ul.labeling_info li.labeling49:before {background:#2de3e8;}
ul.labeling_info li.labeling49 ul li button.labeling_btn {border-color:#2de3e8;}
ul.labeling_info li.labeling49 ul li.active button.labeling_btn {background:#2de3e8; color:#fff;}

ul.labeling_info li.labeling50:before {background:#dd3e0e;}
ul.labeling_info li.labeling50 ul li button.labeling_btn {border-color:#dd3e0e;}
ul.labeling_info li.labeling50 ul li.active button.labeling_btn {background:#dd3e0e; color:#fff;}

#span_textArea .labeling.labeling1,#div_soundArea .labeling.labeling1 {background-color:#1876d1;}
#span_textArea .labeling.labeling2,#div_soundArea .labeling.labeling2 {background-color:#c66cd5;}
#span_textArea .labeling.labeling3,#div_soundArea .labeling.labeling3 {background-color:#ff7949;}
#span_textArea .labeling.labeling4,#div_soundArea .labeling.labeling4 {background-color:#66ff33;}
#span_textArea .labeling.labeling5,#div_soundArea .labeling.labeling5 {background-color:#6600ff;}
#span_textArea .labeling.labeling6,#div_soundArea .labeling.labeling6 {background-color:#2dc1ff;}
#span_textArea .labeling.labeling7,#div_soundArea .labeling.labeling7 {background-color:#178b82;}
#span_textArea .labeling.labeling8,#div_soundArea .labeling.labeling8 {background-color:#5e76b4;}
#span_textArea .labeling.labeling9,#div_soundArea .labeling.labeling9 {background-color:#894c5e;}
#span_textArea .labeling.labeling10,#div_soundArea .labeling.labeling10 {background-color:#40c0b8;} 
#span_textArea .labeling.labeling11,#div_soundArea .labeling.labeling11 {background-color:#b47c0d;}
#span_textArea .labeling.labeling12,#div_soundArea .labeling.labeling12 {background-color:#ffcdd9;}
#span_textArea .labeling.labeling13,#div_soundArea .labeling.labeling13 {background-color:#87c3d2;}
#span_textArea .labeling.labeling14,#div_soundArea .labeling.labeling14 {background-color:#ff4585;}
#span_textArea .labeling.labeling15,#div_soundArea .labeling.labeling15 {background-color:#61dcee;}
#span_textArea .labeling.labeling16,#div_soundArea .labeling.labeling16 {background-color:#8bae7c;}
#span_textArea .labeling.labeling17,#div_soundArea .labeling.labeling17 {background-color:#ccccff;}
#span_textArea .labeling.labeling18,#div_soundArea .labeling.labeling18 {background-color:#ffb32a;}
#span_textArea .labeling.labeling19,#div_soundArea .labeling.labeling19 {background-color:#6971df;}
#span_textArea .labeling.labeling20,#div_soundArea .labeling.labeling20 {background-color:#4cbb17;}
#span_textArea .labeling.labeling21,#div_soundArea .labeling.labeling21 {background-color:#d0a535;} 
#span_textArea .labeling.labeling22,#div_soundArea .labeling.labeling22 {background-color:#ffdd2c;} 
#span_textArea .labeling.labeling23,#div_soundArea .labeling.labeling23 {background-color:#d3806e;} 
#span_textArea .labeling.labeling24,#div_soundArea .labeling.labeling24 {background-color:#6e31b1;} 
#span_textArea .labeling.labeling25,#div_soundArea .labeling.labeling25 {background-color:#f36996;} 
#span_textArea .labeling.labeling26,#div_soundArea .labeling.labeling26 {background-color:#278e16;} 
#span_textArea .labeling.labeling27,#div_soundArea .labeling.labeling27 {background-color:#bb9e95;} 
#span_textArea .labeling.labeling28,#div_soundArea .labeling.labeling28 {background-color:#a9dd6e;} 
#span_textArea .labeling.labeling29,#div_soundArea .labeling.labeling29 {background-color:#025155;} 
#span_textArea .labeling.labeling30,#div_soundArea .labeling.labeling30 {background-color:#c9c9c9;}
#span_textArea .labeling.labeling31,#div_soundArea .labeling.labeling31 {background-color:#591ad3;}
#span_textArea .labeling.labeling32,#div_soundArea .labeling.labeling32 {background-color:#3ac6dd;}
#span_textArea .labeling.labeling33,#div_soundArea .labeling.labeling33 {background-color:#16a851;}
#span_textArea .labeling.labeling34,#div_soundArea .labeling.labeling34 {background-color:#1f6bdb;}
#span_textArea .labeling.labeling35,#div_soundArea .labeling.labeling35 {background-color:#a0e3f2;}
#span_textArea .labeling.labeling36,#div_soundArea .labeling.labeling36 {background-color:#e21b76;}
#span_textArea .labeling.labeling37,#div_soundArea .labeling.labeling37 {background-color:#efbb26;}
#span_textArea .labeling.labeling38,#div_soundArea .labeling.labeling38 {background-color:#62f9ed;}
#span_textArea .labeling.labeling39,#div_soundArea .labeling.labeling39 {background-color:#0d3a19;}
#span_textArea .labeling.labeling40,#div_soundArea .labeling.labeling40 {background-color:#2583b7;}
#span_textArea .labeling.labeling41,#div_soundArea .labeling.labeling41 {background-color:#2d3644;}
#span_textArea .labeling.labeling42,#div_soundArea .labeling.labeling42 {background-color:#ef6d25;}
#span_textArea .labeling.labeling43,#div_soundArea .labeling.labeling43 {background-color:#0cafaf;}
#span_textArea .labeling.labeling44,#div_soundArea .labeling.labeling44 {background-color:#b10dce;}
#span_textArea .labeling.labeling45,#div_soundArea .labeling.labeling45 {background-color:#e0c70e;}
#span_textArea .labeling.labeling46,#div_soundArea .labeling.labeling46 {background-color:#73dce6;}
#span_textArea .labeling.labeling47,#div_soundArea .labeling.labeling47 {background-color:#293f6d;}
#span_textArea .labeling.labeling48,#div_soundArea .labeling.labeling48 {background-color:#759daa;}
#span_textArea .labeling.labeling49,#div_soundArea .labeling.labeling49 {background-color:#2de3e8;}
#span_textArea .labeling.labeling50,#div_soundArea .labeling.labeling50 {background-color:#dd3e0e;}

div.ck-button.labeling1 {border: 2px solid #1876d1 !important;}
div.ck-button.labeling2 {border: 2px solid #c66cd5 !important;}
div.ck-button.labeling3 {border: 2px solid #ff7949 !important;}
div.ck-button.labeling4 {border: 2px solid #66ff33 !important;}
div.ck-button.labeling5 {border: 2px solid #6600ff !important;}
div.ck-button.labeling6 {border: 2px solid #2dc1ff !important;}
div.ck-button.labeling7 {border: 2px solid #178b82 !important;}
div.ck-button.labeling8 {border: 2px solid #5e76b4 !important;}
div.ck-button.labeling9 {border: 2px solid #1876d1 !important;}
div.ck-button.labeling10 {border: 2px solid #894c5e !important;}
div.ck-button.labeling11 {border: 2px solid #40c0b8 !important;}
div.ck-button.labeling12 {border: 2px solid #b47c0d !important;}
div.ck-button.labeling13 {border: 2px solid #ffcdd9 !important;}
div.ck-button.labeling14 {border: 2px solid #87c3d2 !important;}
div.ck-button.labeling15 {border: 2px solid #ff4585 !important;}
div.ck-button.labeling16 {border: 2px solid #61dcee !important;}
div.ck-button.labeling17 {border: 2px solid #8bae7c !important;}
div.ck-button.labeling18 {border: 2px solid #ccccff !important;}
div.ck-button.labeling19 {border: 2px solid #ffb32a !important;}
div.ck-button.labeling20 {border: 2px solid #4cbb17 !important;}
div.ck-button.labeling21 {border: 2px solid #d0a535 !important;}
div.ck-button.labeling22 {border: 2px solid #ffdd2c !important;}
div.ck-button.labeling23 {border: 2px solid #d3806e !important;}
div.ck-button.labeling24 {border: 2px solid #6e31b1 !important;}
div.ck-button.labeling25 {border: 2px solid #f36996 !important;}
div.ck-button.labeling26 {border: 2px solid #278e16 !important;}
div.ck-button.labeling27 {border: 2px solid #bb9e95 !important;}
div.ck-button.labeling28 {border: 2px solid #a9dd6e !important;}
div.ck-button.labeling29 {border: 2px solid #025155 !important;}
div.ck-button.labeling30 {border: 2px solid #c9c9c9 !important;}
div.ck-button.labeling31 {border: 2px solid #591ad3 !important;}
div.ck-button.labeling32 {border: 2px solid #3ac6dd !important;}
div.ck-button.labeling33 {border: 2px solid #16a851 !important;}
div.ck-button.labeling34 {border: 2px solid #1f6bdb !important;}
div.ck-button.labeling35 {border: 2px solid #a0e3f2 !important;}
div.ck-button.labeling36 {border: 2px solid #e21b76 !important;}
div.ck-button.labeling37 {border: 2px solid #efbb26 !important;}
div.ck-button.labeling38 {border: 2px solid #62f9ed !important;}
div.ck-button.labeling39 {border: 2px solid #0d3a19 !important;}
div.ck-button.labeling40 {border: 2px solid #2583b7 !important;}
div.ck-button.labeling41 {border: 2px solid #2d3644 !important;}
div.ck-button.labeling42 {border: 2px solid #ef6d25 !important;}
div.ck-button.labeling43 {border: 2px solid #0cafaf !important;}
div.ck-button.labeling44 {border: 2px solid #b10dce !important;}
div.ck-button.labeling45 {border: 2px solid #e0c70e !important;}
div.ck-button.labeling46 {border: 2px solid #73dce6 !important;}
div.ck-button.labeling47 {border: 2px solid #293f6d !important;}
div.ck-button.labeling48 {border: 2px solid #759daa !important;}
div.ck-button.labeling49 {border: 2px solid #2de3e8 !important;}
div.ck-button.labeling50 {border: 2px solid #dd3e0e !important;}


/* ********** tool_info ********** */
.tool_panel .tool_info {width:300px; float:left; height:calc(100vh - 100px);}

.tool_panel .tool_info h2.tool_info_title {margin:0; background:#6d6d6d; position:relative;}
.tool_panel .tool_info h2.tool_info_title .tool_info_btn {background:#d6d6d6; border:none; padding:0 50px 0 20px; width:100%; height:45px; color:#151515; font-size:17px; 
    font-weight:bold; text-align:left; position:relative; transition:0.2s; z-index:1;}
    
    
/* .tool_panel .tool_info h2.tool_info_title.active .tool_info_btn:after {content:"\f068"; font-family:'Font Awesome 5 Free'; font-weight:900; position:absolute; right:20px; top:15px; color:#a3a3a3; transition:0.2s;}
.tool_panel .tool_info h2.tool_info_title.active .tool_info_btn:hover {background:#1c556e; color:#fff;}
.tool_panel .tool_info h2.tool_info_title.active .tool_info_btn:hover:after {color:#6adeff;} */

.tool_panel .tool_info h2.tool_info_title.active .tool_info_btn {background:#1c556e; color:#fff;}
.tool_panel .tool_info h2.tool_info_title.active .tool_info_btn:after {color:#6adeff;}

.tool_panel .tool_info .view_split.h0 h2.tool_info_title .tool_info_btn {background:#fff; color:#151515}
.tool_panel .tool_info .view_split.h0 h2.tool_info_title .labeling_info_btn .i_tooltip {color:#ccc;}
.tool_panel .tool_info .view_split.h0 h2.tool_info_title .labeling_info_btn .i_tooltip:hover {color:#ffb644;}
/* 툴팁 */
.tool_panel .tool_info h2.tool_info_title .labeling_info_btn {position:absolute; left:80px; top:14px; background:none; border:none; padding:0; margin:0; z-index:41;}
.tool_panel .tool_info h2.tool_info_title .labeling_info_btn .i_tooltip {color:#fff; transition:0.2s; font-size:16px; cursor:pointer;}
.tool_panel .tool_info h2.tool_info_title .labeling_info_btn .i_tooltip:hover {color:#ffb644;}
.tool_panel .tool_info h2.tool_info_title .tag_toggle_btn {width:25px; height:25px; padding:0; position:absolute; top:12px; left:225px; font-size:0; border:0; border-radius:13px; background:#fff; z-index:31;}
.tool_panel .tool_info h2.tool_info_title .tag_toggle_btn:after {display:block; content:'\ef24'; width:100%; height:25px; line-height:25px; color:#0078ff; font-family:'Icofont'; font-size:20px; text-align:center;}
.tool_panel .tool_info h2.tool_info_title .tag_toggle_btn.off:after {content:'\ef22'; color:#9a9a9a;}

.tool_panel .tool_info h2.tool_info_title button.i_tooltip {position:absolute; top:12px; width:25px; height:25px; border-radius:13px; background:#c0c0c0; transition:0.2s; 
    border:none; padding:0; text-align:center; line-height:25px; margin:0; color:#fff;}
.tool_panel .tool_info h2.tool_info_title button.i_tooltip:hover, .tool_panel .tool_info h2.tool_info_title button.i_tooltip.active {background:#1c556e;}
.tool_panel .tool_info h2.tool_info_title button.i_tooltip.btn_labeling_category {left:155px;}
.tool_panel .tool_info h2.tool_info_title button.i_tooltip.btn_labeling_workdata {left:190px;}


.i_tooltip {position:relative; z-index:100;}
.i_tooltip .i_tooltip_div {color:#fff; background:rgba(0,0,0,0.7); padding:15px 15px; transition:0.2s; opacity:0; visibility:hidden; display:inline-block; 
    position:absolute; left:2px; top:0; border-radius:10px; width:200px; font-size:12px; transform:translate(-50%,-100%); top:-12px; word-break:keep-all; line-height:18px;}
.i_tooltip .i_tooltip_div:after {content:""; display:inline-block; width:0; height:0; border-style:solid; border-width:6px; border-color:rgba(0,0,0,0.7) transparent transparent transparent; 
    position:absolute; left:50%; bottom:-12px;}
.i_tooltip:hover .i_tooltip_div {opacity:1; visibility:visible;}
.i_tooltip .i_tooltip_div span {display:block;}
.i_tooltip .i_tooltip_div strong {display:inline-block; min-width:90px;}
.i_tooltip .i_tooltip_div p {margin:0 0 5px 0;}
.i_tooltip .i_tooltip_div p:last-child {margin-bottom:0;}
.i_tooltip .i_tooltip_div i.circle_icon {width:8px; height:8px; display:inline-block; border-radius:4px; vertical-align:middle; margin:0 5px 0 0; background:#fff;}
.i_tooltip .i_tooltip_div i.circle_skyblue {background:#1baded;}
.i_tooltip .i_tooltip_div i.circle_blue {background:#3c65d1;}
.i_tooltip .i_tooltip_div i.circle_black {background:#000;}
.i_tooltip .i_tooltip_div i.circle_green {background:#54cf4b;}
.i_tooltip .i_tooltip_div i.circle_red {background:#f05454;}
/* 툴팁 - left */
.i_tooltip.i_tooltip_left .i_tooltip_div {
    left:-210px; top:50%; width:200px; transform:translate(0,-50%);}
.i_tooltip.i_tooltip_left .i_tooltip_div:after {left:100%; bottom:50%; transform:translate(0,50%); border-color:transparent transparent transparent rgba(0,0,0,0.7);}




ul.labeling_info li h3 {font-sizee:15px; color:#151515; padding-right:20px; position:relative; z-index:1;}
ul.labeling_info li h3 strong {display:inline-block; background:#fff; padding:0 20px 0 0; cursor:pointer;}
ul.labeling_info li h3 span {position:absolute; right:0; top:0; display:inline-block; padding:0 0 0 20px; background:#fff;}

/* 툴팁 클릭 부연설명 */
#toolInfoLabeling.active .tool_info_div .tool_info_addinfo {height:100%;}
#toolInfoLabeling.active.h0 .tool_info_div .tool_info_addinfo {height:0;}
.tool_info_div .tool_info_addinfo {position:absolute; width:100%; left:0; top:0; background:rgba(0,0,0,0.9); z-index:10; border-radius:0 0 5px 5px; text-align:center; 
    overflow-x:hidden; overflow-y:auto; overflow:hidden; transition:0.2s; height:0;}
.tool_info_div .tool_info_addinfo ul.labeling_info {background:#000; padding:25px 15px; margin:0; text-align:left;}
.tool_info_div .tool_info_addinfo ul.labeling_info > li {margin-bottom:0;}
.tool_panel .tool_info .view_split .tool_info_div .tool_info_addinfo ul.labeling_info li h3 {margin-bottom:0;}
.tool_info_div .tool_info_addinfo ul.labeling_info li h3 strong, .tool_info_div .tool_info_addinfo ul.labeling_info li h3 span {color:#fff; background:rgba(0,0,0,1);}
.tool_panel .tool_info .view_split .tool_info_div .tool_info_addinfo p {padding:30px 15px; text-align:center; word-break:keep-all; color:#fff; font-size:18px; line-height:26px;}

.tool_info_div .tool_info_addinfo button.addinfo_close {display:inline-block; padding:0px 20px 1px; border:1px solid #fff; border-radius:15px; transition:0.2s; background:transparent; 
    font-weight:bold; margin-bottom:30px; color:#fff; font-size:14px; text-align:center;}
.tool_info_div .tool_info_addinfo button.addinfo_close:hover {background:#000;}




/* splitter */
/* .gutter.gutter-horizontal {background:#f2fbff url("/lib/split-master/img/vertical.png") no-repeat center center; cursor:col-resize; border-left:1px solid #87aec3; border-right:1px solid #87aec3; transition:0.3s; position:relative;}
.gutter.gutter-horizontal:hover {background:#bee1f1 url("http://localhost:8081/css/../lib/split-master/img/vertical.png") no-repeat center center;}
.gutter.gutter-horizontal button.gutter_btn {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:10px; height:60px; 
    color:#fff; font-size:12px; text-align:center; line-height:60px; padding:0; border:0; margin:0; border-radius:5px; 
    background:#7591c9; transition:0.2s;}
.gutter.gutter-horizontal button.gutter_btn:after {font-family:'Font Awesome 5 Free'; font-weight:900; display:inline-block; transition:0.3s;}
.detail_extraction_setting > div:nth-child(2) button.gutter_btn:after {content:"\f053";}
.detail_extraction_setting > div:nth-child(4) button.gutter_btn:after {content:"\f054";}

.gutter.gutter-horizontal button.gutter_btn:hover {background:#F39C12;}
.gutter.gutter-horizontal button.gutter_btn:hover:after {transform:rotate(180deg);} */

.btn_chat {display:block; padding:13px; margin:0; position:fixed; right:120px; bottom:50px; color:#fff; font-size:0; border:0; border-radius:30px; background:#49429e; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:999;}
.btn_chat:before {display:inline-block; vertical-align:middle; content:'\ec68'; margin:5px 2px 0; line-height:1; color:#fff; font-family:'icofont'; font-size:25px;}
.btn_chat.has_msg {padding:13px 15px; font-size:15px; letter-spacing:1px;}
.btn_chat.has_msg:before {margin-right:10px;}
.btn_chat.has_msg:after {display:block; content:'N'; width:30px; height:30px; line-height:28px; position:absolute; top:-10px; right:-10px; color:#fff; border-radius:18px; background-color:red;}

.chat_new {display:block; width:30px; height:30px; position:fixed; right:45px; bottom:90px; border:0; border-radius:30px; background:#ff0000; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:1000; text-align:center;}
.chat_new span {color:#FFFFFF; font-size:17px;}

.div_chat {display:none; width:260px; position:fixed; right:40px; bottom:50px; font-size:14px; border-radius:10px; background-color:#49429e; z-index:999;}
.div_chat.active {display:block; z-index:99999;}
.div_chat .tit {padding:5px 10px; color:#fff; font-size:12px;}
.div_chat .message_list {max-height:calc(100vh - 243px); padding:10px; margin:0 2px; list-style:none; border-radius:10px; background-color:#fff; overflow-y:auto;}
.div_chat .message_list > li {padding:0; margin:0; position:relative; border-bottom:1px solid #a6a6a6;}
.div_chat .message_list > li:last-child {border:0;}
.div_chat .message_list > li.nodata {padding:10px; text-align:center;}
.div_chat .cate {display:inline-block; padding:5px; font-size:14px; font-weight:bold;}
.div_chat .name {display:inline-block; padding:5px; color:#868686; font-size:12px;}
.div_chat .date {display:inline-block; padding:5px; position:absolute; top:0; right:0; color:#868686; font-size:12px;}
.div_chat .con_text {line-height:1.4; padding:5px; word-break:keep-all;}
.div_chat .expert .cate {color:#2d9ee6;}
.div_chat .manager .cate {color:#673ce1;}
.div_chat .checker .cate {color:#25c359;}
.div_chat .write_area {padding:0 15px 15px; position:relative; color:#fff;}
.div_chat .write_area .name {color:#b5b5b5;}
.div_chat .write_area .text_message {display:block; width:calc(100% - 35px); padding:0 5px; height:35px; color:#000; border:0; border-radius:5px; background-color:#fff;}
.div_chat .write_area .btn_send {padding:0; position:absolute; bottom:15px; right:15px; font-size:0; border:0; background:transparent;}
.div_chat .write_area .btn_send:after {content:'\efb4'; width:35px; height:35px; line-height:35px; font-family:'icofont'; font-size:30px; color:#c8f834; text-align:center;}
.div_chat .btn_close {width:30px; height:30px; padding:0; position:absolute; top:0; right:10px; color:#fff; font-size:0; border:0; background:transparent;}
.div_chat .btn_close:after {display:block; content:'\eee4'; line-height:1; font-family:'Icofont'; font-size:15px;}

/*==================================================================================================================
                                                AL Project List
====================================================================================================================*/
/* 공통 */
.form-control-border {position:relative; width:auto; padding:0 10px; font-size:15px; line-height:28px; border:none; border-bottom:1px solid #787b80; display:inline-block; background:none; 
    height:30px; font-weight:400; transition:0.2s; vertical-align:middle;}
/* .form-control-border {position:relative; width:auto; padding:0 10px; font-size:15px; line-height:28px; border:none; border-bottom:1px solid #787b80; display:inline-block; background:none; 
    height:30px; font-weight:400; color:#333; transition:0.2s; vertical-align:middle;} */
.form-control-border:focus {border-bottom:1px solid #0078ff; outline:none; box-shadow:0 5px 5px rgba(0,0,0,0.1); caret-color:#0078ff;}

.form-control-border:disabled {background:#f0f0f0; color:#888;}
select.form-control-border {padding:0 30px 0 10px; appearance:none; background:url("../images/al/select_arrow.png") no-repeat right 8px center;}
textarea.form-control-border {min-height:100px; resize:vertical; line-height:24px;}


/* ******************** My Project List ******************** */
section.my_p_list_area {background:#f1f5f9;}
section.my_p_list_area .my_p_list_con {padding:40px 0 50px; width:100%; max-width:1600px; margin:0 auto;}
section.my_p_list_area .my_p_list_con h2.my_p_title {text-align:center; position:relative; height:60px; margin:0;}
section.my_p_list_area .my_p_list_con h2.my_p_title span {color:#010101; font-size:24px;}
section.my_p_list_area .my_p_list_con h2.my_p_title span strong {color:#3c65d1;}
section.my_p_list_area .my_p_list_con h2.my_p_title select {position:absolute; right:0; bottom:0;}
    
    ul.my_p_list {padding:0 30px; margin:0; position:relative;}
    ul.my_p_list .owl-stage-outer {padding:20px 30px 20px 0; box-sizing:border-box;}
    ul.my_p_list .owl-item {padding:0 25px;}
    ul.my_p_list .owl-item > li {padding:25px 25px 40px 25px; background:#fff; box-shadow:0 6px 20px rgba(0,0,0,0.1); list-style:none; position:relative;}
    
    ul.my_p_list span.point_info {width:60px; height:60px; border-radius:30px; background:#14afff; color:#fff; display:inline-block; position:absolute; right:20px; top:20px; 
        text-align:center; font-size:14px; line-height:18px; padding-top:20px;}
        
    ul.my_p_list li {word-break:keep-all; letter-spacing:-1px;}
    ul.my_p_list li .device_info {height:16px;}
    ul.my_p_list li .device_info img {display:inline-block; margin-right:5px; vertical-align:bottom;}
    
    ul.my_p_list li h4 {color:#7a7a7a; font-size:18px; padding-right:70px; margin:15px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    ul.my_p_list li h3 {color:#010101; font-size:28px; height:70px; line-height:34px; padding-right:50px; margin:15px 0 0; overflow:hidden; text-overflow:ellipsis; 
         display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
    ul.my_p_list li p {color:#010101; font-size:17px; margin:15px 0 0;}
    ul.my_p_list li .p_list_info {margin-top:25px; color:#000; text-align:left; height:44px;}
    ul.my_p_list li .p_list_info span {font-size:20px; display:inline-block; margin-right:15px; vertical-align:baseline;}
    ul.my_p_list li .p_list_info strong {font-size:28px; display:inline-block; vertical-align:baseline;}
    
    ul.my_p_list li ul.project_process {padding:0; margin:25px 10px 0; display:flex; justify-content:space-between; height:30px;}
    ul.my_p_list li ul.project_process li {list-style:none; padding:0; width:20px; height:20px; border-radius:10px; background:#eaedf1; position:relative; text-align:center; 
        margin-top:5px;}

    ul.my_p_list li ul.project_process li span {position:absolute; width:auto; left:50%; top:-36px; background:rgba(0,0,0,0.9); padding:3px 10px; font-size:12px; color:#fff; 
        transform:translate(-50%,0); border-radius:5px; display:inline-block; white-space:nowrap; transition:0.2s; visibility:hidden; opacity:0;}
    ul.my_p_list li ul.project_process li span:after {content:""; display:inline-block; width:0; height:0; border-style:solid; border-width:6px; border-color:rgba(0,0,0,0.9) transparent transparent transparent; 
    position:absolute; left:50%; bottom:-12px; transform:translate(-50%,0);}
    ul.my_p_list li ul.project_process li:hover span {visibility:visible; opacity:1;}
    ul.my_p_list li ul.project_process li:after {content:""; display:block; width:75px; height:1px; border-top:2px solid #eaedf1; position:absolute; right:20px; top:50%; z-index:0;}
    ul.my_p_list li ul.project_process li:first-child:after {display:none;}
    
    ul.my_p_list li ul.project_process li.active {width:30px; height:30px; border-radius:15px; background:#007694; margin-top:0; z-index:100;}
    ul.my_p_list li ul.project_process li.active:after {right:30px;}
    ul.my_p_list li ul.project_process li.end {background:#9ca1a6;}
    ul.my_p_list li ul.project_process li.end:before {font-family:'Font Awesome 5 Free'; content:"\f00c"; color:#fff; font-size:10px; font-weight:900;}
    ul.my_p_list li ul.project_process li.active:after, ul.my_p_list li ul.project_process li.end:after {border-color:#9ca1a6;}
    
    ul.my_p_list li ul.project_process li:nth-child(1) {z-index:4;}
    ul.my_p_list li ul.project_process li:nth-child(2) {z-index:3;}
    ul.my_p_list li ul.project_process li:nth-child(3) {z-index:2;}
    ul.my_p_list li ul.project_process li:nth-child(4) {z-index:1;}
    
    ul.my_p_list li a.my_p_list_btn {display:block; width:80%; height:40px; line-height:38px; color:#1c556e; font-size:16px; text-align:center; margin:40px auto 0; transition:0.2s; 
        border-radius:20px; border:1px solid #1c556e; background:#fff; font-weight:700;}
    ul.my_p_list li a.my_p_list_btn i {margin-left:15px;}
    ul.my_p_list li a.my_p_list_btn:hover {background:#1c556e; color:#fff;}
    
    ul.my_p_list li a.my_p_list_btn.end_btn {color:#fff; background:#aaa; border-color:#aaa; pointer-events:none; cursor:default;}
    
    /* 검수자 */
    ul.my_p_list li.user_examiner span.point_info {background:#000000;}
    ul.my_p_list li.user_examiner a.my_p_list_btn {margin-top:95px;}
    
    /* nav */
    ul.my_p_list.owl-carousel .owl-nav {margin:0;}
    ul.my_p_list.owl-carousel .owl-nav span {text-indent:-9999px; position:relative; width:20px; height:36px; display:inline-block; transition:0.2s;}
    ul.my_p_list.owl-carousel .owl-nav .owl-prev {position:absolute; left:0; top:50%; margin-top:-20px;}
    ul.my_p_list.owl-carousel .owl-nav .owl-prev span {background:url(../images/al/my_p_list_left.png) no-repeat center center;}
    ul.my_p_list.owl-carousel .owl-nav .owl-prev span:hover {background:url(../images/al/my_p_list_left_hover.png) no-repeat center center;}
    ul.my_p_list.owl-carousel .owl-nav .owl-next {position:absolute; right:0; top:50%; margin-top:-20px;}
    ul.my_p_list.owl-carousel .owl-nav .owl-next span {background:url(../images/al/my_p_list_right.png) no-repeat center center;}
    ul.my_p_list.owl-carousel .owl-nav .owl-next span:hover {background:url(../images/al/my_p_list_right_hover.png) no-repeat center center;}
    ul.my_p_list.owl-carousel.owl-theme .owl-nav [class*='owl-']:hover {background:none;}
    
    

    



/*==================================================================================================================
                                                AL board List
====================================================================================================================*/
section.board_area {background:#fff; padding:70px 30px 120px; min-height:calc(100vh - 70px); overflow:hidden;}
section.board_area .board_con {width:1600px; margin:0 auto;}
section.board_area .board_con:after {clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0;}

/* ========== search_box ========== */
.search_box {margin-bottom:30px;} 
.search_box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.search_box .search_type {float:left;}
.search_box .search_type button.board_type_btn {width:30px; height:30px; text-indent:-9999px; border:none; background:none; outline:none; transition:0.2s;}
.search_box .search_type button.board_type_btn.list_btn {background:url(../images/al/board_type_list.png) no-repeat center center;}
.search_box .search_type button.board_type_btn.list_btn.active,
.search_box .search_type button.board_type_btn.list_btn:hover {background:url(../images/al/board_type_list_on.png) no-repeat center center;}
.search_box .search_type button.board_type_btn.card_btn {background:url(../images/al/board_type_card.png) no-repeat center center;}
.search_box .search_type button.board_type_btn.card_btn.active,
.search_box .search_type button.board_type_btn.card_btn:hover {background:url(../images/al/board_type_card_on.png) no-repeat center center;}

.search_box .search_con {float:right; position:relative;}
.search_box .search_con .search_item {float:left; margin-left:30px;}
.search_box .search_con .search_item input.date_input {width:150px; padding-right:40px; background:url(../images/al/calendar_icon.png) no-repeat right center;}
.search_box .search_con .search_item span.hyphen {display:inline-block; width:20px; height:30px; line-height:30px; text-align:center;}
.search_box .search_con .search_item #searchInput {width:400px;}
.search_box .search_con .search_item label {font-size:13px; font-weight:bold; margin:0 15px 0 0; display:inline-block; vertical-align:middle;}

.search_box .select2-container--default .select2-selection--single {border:none; border-bottom:1px solid #a4a9ae; font-size:15px; line-height:28px; border-radius:0; 
    min-width:120px;}
    
.search_box .search_con .search_box_check {position:absolute; right:0; top:-35px;}
.search_box .search_con .search_box_check.border-checkbox-section .border-checkbox-group .border-checkbox-label {margin:0;}

.search_box.bg_style {background:#f1f5f9; padding:40px; margin-bottom:50px;}
.search_box.bg_style .search_con {width:100%; text-align:center;}
.search_box.bg_style .search_con .search_item {float:none; margin-left:60px; display:inline-block;}
.search_box.bg_style .search_con .search_item:nth-child(1) {margin-left:0;}
.search_box.bg_style .search_con .search_item #searchInput {width:300px;}
.search_box.bg_style .search_con .search_btn_area {margin-top:30px;}
.search_box.bg_style .search_con .search_btn_area .btn {margin-right:15px; min-width:120px;}
.search_box.bg_style .search_con .search_btn_area .btn:last-child {margin-right:0;}



/* ========== dataTable ========== */
.dynamic_table .btn.btn-default.buttons-excel {display:block; padding:8px 6px; font-size:12px;}
/* 조회기간 */
.dynamic_table .search_range_txt {font-size:13px; display:block; margin-bottom:10px; text-align:right; padding:6px 14px; border:1px solid #e1e1e1; border-radius:5px; 
    display:inline-block; color:#777; float:right; z-index:10;}
.dynamic_table .search_range_txt i {color:#337ab7; margin-right:6px;}
/* 추가 버튼 영역 */
.dynamic_table ul.table_btn_area {padding:0; margin:0; display:inline-block; margin-bottom:10px; float:right; clear:both; z-index:10;}
.dynamic_table ul.table_btn_area li {list-style:none; display:inline-block; margin-left:10px;}
.dynamic_table ul.table_btn_area li button i {font-size:11px; margin-right:6px;}

/* 검색 영역 */
.dataTables_filter {display:inline-block; width:calc(100% - 104px); float:right; text-align:right; margin-right:0;}
.table_wrap div.dataTables_wrapper div.dataTables_filter label {width:100%;}
.table_wrap div.dataTables_wrapper div.dataTables_filter input {width:calc(100% - 41px);}

/* 데이터테이블 CSS */
.dynamic_table {position:relative; width:100%;}
.dynamic_table .table_num_info {font-size:16px; color:#464646; margin-bottom:5px; margin-top:-25px;}
table.data_table {background:#fff; width:100% !important; font-size:14px;}
table.data_table thead {border-top:2px solid #000;}
table.data_table thead tr th {text-align:center; padding:16px 10px; color:#000; border-top:2px solid #000 !important; border-bottom:1px solid #dfe4e5; 
    vertical-align:middle; /* text-indent:27px; */ background:#fafcfc; letter-spacing:-1px;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {bottom:50%; transform:translate(0,50%); width:20px; height:20px;}
table.dataTable thead .sorting:after {opacity:1; content:""; background:url(../images/al/sort_both.png) no-repeat right center;}
table.dataTable thead .sorting_asc:after {content:""; background:url(../images/al/sort_asc.png) no-repeat right center;}
table.dataTable thead .sorting_desc:after {content:""; background:url(../images/al/sort_desc.png) no-repeat right center;}

table.data_table tbody tr td {text-align:center; padding:16px 10px; border-bottom:none; border-bottom:1px solid #dfe4e5; vertical-align:middle; border-top:none !important; 
    color:#333; letter-spacing:-1px;}
table.data_table tbody tr:hover td {background-color:#f4fdff;}
table.data_table tbody tr td a {font-weight:bold;}
table.data_table tbody tr td button.default_btn {font-weight:bold; border:none; outline:none; padding:0; margin:0; background:none; transition:0.2s; color:#000; font-size:14px; 
    letter-spacing:-1px;}
table.data_table tbody tr td button.default_btn:hover {color:#3c65d1;}
table.data_table.low_height tbody tr td {padding:8px 10px;}
table.dataTable thead>tr>th.sorting_asc, 
table.dataTable thead>tr>th.sorting_desc, 
table.dataTable thead>tr>th.sorting, 
table.dataTable thead>tr>td.sorting_asc, 
table.dataTable thead>tr>td.sorting_desc, 
table.dataTable thead>tr>td.sorting {padding-right:16px;}
table.data_table tbody tr td.subject {text-align:left; /* min-width:440px; max-width:440px; */ max-width:400px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
table.data_table tbody tr td.subject strong {display:block; font-size:16px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
table.data_table tbody tr td.subject span {display:block; font-size:14px; color:#989898; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
table.data_table tbody tr td.subject a.subject_addlink {display:inline-block; margin-left:25px; font-weight:bold;}

table.data_table tbody tr td.point {padding-right:50px; background:url(../images/al/point.png) no-repeat right 20px center; text-align:right;}
table.data_table tbody tr td.num {padding-right:40px; text-align:right;}
table.data_table tbody tr.selected td {background:#f4fdff;}

table.data_table tbody tr td input {margin:-8px 0;}
table.data_table tbody tr.child td.child {width:100%;}
table.data_table tbody tr.child td.child ul {width:100%;}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child {text-align:left;}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {top:14px;}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child {padding:0;}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child ul {background:#f8f8f8; padding:0;}
table.dataTable > tbody > tr.child ul li:first-child {padding-top:10px;}
table.dataTable > tbody > tr.child ul li {border-bottom:1px solid #d9d9d9; padding:10px 20px;}

table.data_table tbody tr.completion td {background:#f4f4f4; color:#b2b2b2;}

table.data_table .progress {height:4px; margin-bottom:0; margin-top:4px; width:100px; display:inline-block; vertical-align:middle;}
table.data_table .progress .progress-bar {line-height:4px;}
table.data_table .status_btn + .progress {margin-left:10px;}
table.data_table span.per {display:inline-block; margin-left:10px; width:35px;}
table.data_table span.status {display:inline-block; margin-right:10px; font-size:15px; font-weight:bold; line-height:25px; width:100px;}
.data_color {margin-bottom:0; color:#64a5c2; font-weight:bold;}

table.data_table .border-checkbox-label {min-width:60px; margin:0;}
table.data_table tbody tr td.select_tr {padding-right:10px;} 

table.data_table tfoot tr th {text-align:center; padding:14px 3px; color:#001161; border-top:2px solid #265ca8; border-bottom:1px solid #265ca8; vertical-align:middle; 
                        background:#e9f4ff;}
.dynamic_table .dataTables_scroll .dataTables_scrollFoot .table.data_table.dataTable {margin:0 !important;}

.dynamic_table div.DTS div.dataTables_scrollBody {background:#f8f8f8; width:100px; text-align:center;}

/* paging */
div.dataTables_wrapper div.dataTables_paginate {text-align:center; margin-top:50px;}
.dataTables_paginate {float:none;}
.dataTables_paginate a {padding:0 !important; background:#fff; border-color:none; width:35px; height:35px; line-height:35px; text-align:center; display:inline-block;}
.dataTables_paginate a.current {background:#ededed; color:#14afff;}
.dataTables_paginate a.paginate_button.previous, .dataTables_paginate a.paginate_button.next {text-indent:-9999px;}
.dataTables_paginate a.paginate_button.previous {background:url(../images/al/paginate_previous.png) no-repeat center center;}
.dataTables_paginate a.paginate_button.previous.disabled {background:url(../images/al/paginate_previous_disabled.png) no-repeat center center;}
.dataTables_paginate a.paginate_button.next {background:url(../images/al/paginate_next.png) no-repeat center center;}
.dataTables_paginate a.paginate_button.next.disabled {background:url(../images/al/paginate_next_disabled.png) no-repeat center center;}


.dataTables_wrapper {position:relative; clear:both; zoom:1}
.dataTables_processing {position:absolute; top:50%; left:50%; width:250px; height:30px; margin-left:-125px; margin-top:-15px; padding:14px 0 2px 0; border:1px solid #ddd; 
    text-align:center; color:#999; font-size:12px; background-color:white}
.dataTables_length {width:40%; float:left}
.dataTables_filter {width:50%; float:right; text-align:right}
.dataTables_info {width:60%; float:left}


table.dataTable th.focus, table.dataTable td.focus {outline:2px solid #1ABB9C !important; outline-offset:-1px}

.dataTables_scroll {clear:both}
.dataTables_scrollBody {*margin-top:-1px; -webkit-overflow-scrolling:touch}

.top .dataTables_info {float:none}

.dataTables_empty {text-align:center}

tfoot input {margin:0.5em 0; width:100%; color:#444}
tfoot input.search_init {color:#999}

/* 상단기능 */
.dynamic_table div.dt-buttons {float:right; width:96px; display:inline-block; text-align:right; margin-bottom:10px; margin-left:5px;}
.dynamic_table div.dt-buttons a.btn {float:none;}





/* ========== al table style ========== */
table.al_table {background:#fff; width:100% !important; font-size:14px;}
table.al_table thead {border-top:2px solid #000;}
table.al_table thead tr th {text-align:center; padding:8px 5px; color:#000; border-top:2px solid #000; border-bottom:1px solid #dfe4e5; 
    vertical-align:middle; background:#fafcfc; letter-spacing:-1px; line-height:18px;}

table.al_table tbody tr td {text-align:center; padding:8px 5px; border-bottom:none; border-bottom:1px solid #dfe4e5; vertical-align:middle; border-top:none !important; 
    color:#333; letter-spacing:-1px; line-height:18px;}
table.al_table tbody tr:hover td {background-color:#f4fdff;}
table.al_table tbody tr td.subject {text-align:left; /* min-width:440px; max-width:440px; */ max-width:500px; padding-left:35px; padding-right:10px; position:relative;}
table.al_table tbody tr td.subject i {position:absolute; left:10px; top:50%; transform:translate(0,-50%); cursor:pointer; border:1px solid #dfe4e5; color:#9aa4a8; border-radius:4px; 
    width:18px; height:18px; text-align:center; line-height:16px; transition:0.2s; font-size:10px; text-indent:-1px;}
table.al_table tbody tr td.subject i:hover {color:#13aaec; border-color:#13aaec;}
table.al_table tbody tr td.subject strong {display:block; font-size:17px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
table.al_table tbody tr td.subject span {display:block; font-size:14px; color:#989898; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

table.al_table tbody tr td.point {padding-right:50px; background:url(../images/al/point.png) no-repeat right 20px center; text-align:right;}
table.al_table tbody tr td.num {padding-right:20px; text-align:right;}

table.al_table .progress {height:4px; margin-bottom:0; margin-top:4px;}
table.al_table .progress .progress-bar {line-height:4px;}

table.al_table thead tr.bg_gray th {background:#f5f5f5; border-top:1px solid #dfe4e5;}
table.al_table tbody tr.bg_gray td {background:#f5f5f5;}

table.al_table tbody tr.sub_group td.subject {padding-left:45px;}
table.al_table tbody tr.sub_group td {background:#f5f5f5;}

table.al_table.notice thead tr th, table.al_table.notice tbody tr td {padding:14px 5px;}

p.table_cnt_info {font-size:16px; color:#464646; margin-bottom:5px;}
p.ul_cnt_info {font-size:16px; color:#464646; margin-bottom:-45px;}


/*  ****************************  쓰기 화면  ****************************  */
.col-half {float:left; width:calc(50% - 40px);}
.col-half:nth-child(2n) {float:right}
/* 쓰기 기본 :2단 이상용 */
.form-table {width:100%; border-collapse:collapse; font-size:14px; word-break:keep-all;}
.form-table caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; /* visibility:hidden; */ opacity:0;}
.form-table .border-right {border-right:1px solid #d9d9d9 !important;}
.form-table .border-left {border-left:1px solid #d9d9d9 !important;}
.form-table tbody {border-top:3px solid #151515;}
.form-table tbody th.subject {padding-left:10px; color:#333; font-weight:bold; text-align:left; vertical-align:middle;}
.form-table tbody th {padding:10px 15px; background:#f8f8f8; text-align:left; color:#333; background-color:#fafafa; vertical-align:middle; border:1px solid rgba(0,0,0,0); border-bottom:1px solid #d9d9d9;}
.form-table tbody td {padding:10px 15px; border-bottom:1px solid #d9d9d9; color:#333; line-height:30px; text-align:left; background:#fff; vertical-align:middle;}
.form-table tbody td textarea {padding:10px;}

.form-table tfoot th {background:#f1f5f9; font-weight:bold; color:#000; padding:10px 15px; border-bottom:1px solid #d0d0d9;}
.form-table tfoot td {background:#f1f5f9; color:#000; padding:10px 15px; border-bottom:1px solid #d0d0d9;}
.form-table tfoot td strong {font-size:30px; display:inline-block; font-weight:bold;}

.form-table .editor_area {padding:10px 10px; min-height:400px; font-size:14px; line-height:1.5; overflow:hidden; word-break:keep-all;}
.form-table .editor_area img {display:block; max-width:100%; height:auto; margin:0 auto;}
.form-table .editor_area p {margin-bottom:10px;}
.form-table .editor_area:after {clear:both;}
.form-table .filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.form-table .filebox label {display:inline-block; padding:8px 20px; color:#fff; font-size:inherit; line-height:normal; vertical-align:middle; background-color:#265ca8; margin:0px;}
.form-table .filebox .upload-name {display:inline-block; padding:.5rem 1rem; width:350px; font-size:inherit; font-family:inherit; line-height:normal; vertical-align:middle;}
.form-table .filebox p.filebox_txt {display:inline-block; color:#4a5296; font-weight:bold; font-size:13px; padding-left:10px;}
.form-table .saveBtn button {background:#265ca8; border:1px solid rgba(0,0,0,0);}
.form-table .saveBtn button:hover {background:#2c3f6f; border:1px solid rgba(0,0,0,0);}

.transparent_table.form-table tbody th,
.transparent_table.form-table tbody td,
.transparent_table.form-table tfoot th,
.transparent_table.form-table tfoot td {border-bottom:none; padding:15px 50px;}


/* ========== card_list ========== */
ul.card_list {padding:0; margin:0 0 -50px 0; display:flex; flex-wrap:wrap;}
ul.card_list > li {width:18%; margin:0 2.5% 50px 0; position:relative; box-shadow:0 8px 25px rgba(0,0,0,0.1); padding:55px 25px 45px; list-style:none; border-radius:5px;}
ul.card_list > li:nth-child(5n) {margin-right:0;}

ul.card_list li span.project_state {position:absolute; width:60px; height:30px; text-align:center; line-height:30px; color:#fff; right:0; top:0; font-size:14px; border-radius:0 5px 0 0;}
ul.card_list li span.project_state.project_waiting {background:#000;}
ul.card_list li span.project_state.project_recruiting {background:#3c65d1;}
ul.card_list li span.project_state.project_ongoing {background:#54cf4b;}

ul.card_list li h3.card_list_title {color:#010101; font-size:26px; height:64px; line-height:32px; margin:0 0 30px; overflow:hidden; text-overflow:ellipsis; 
         display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}

ul.card_list li ul.card_info1 {padding:0; margin:0;}
ul.card_list ul.card_info1 li {font-size:17px; line-height:24px; color:#000; list-style:none; padding:0; margin:0;}
ul.card_list li ul.card_info1 li strong {display:inline-block; width:80px;}
ul.card_list li ul.card_info1 li span {display:inline-block;}
ul.card_list li ul.card_info1 li span img {display:inline-block; margin-left:8px;}

ul.card_list li ul.card_info2 {padding:0; margin:35px 0 0;}
ul.card_list li ul.card_info2 li {font-size:14px; line-height:24px; color:#000; list-style:none; padding:0; margin:0;}
ul.card_list li ul.card_info2 li strong {display:inline-block; width:80px;}
ul.card_list li ul.card_info2 li span {display:inline-block;}

ul.card_list li .card_hover {opacity:0; visibility:hidden; position:absolute; left:0; top:0; width:100%; height:100%; background:#1c556e; color:#fff; transition:0.2s; border-radius:5px; 
    padding:25px;}
ul.card_list li:hover .card_hover {opacity:1; visibility:visible;}
ul.card_list li .card_hover span {font-size:18px;}
ul.card_list li .card_hover h4 {font-size:26px; height:64px; line-height:32px; margin:15px 0 40px; overflow:hidden; text-overflow:ellipsis; 
         display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}
ul.card_list li .card_hover p {font-size:16px; height:48px; line-height:24px; margin:0 0 40px; overflow:hidden; text-overflow:ellipsis; 
         display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}
ul.card_list li .card_hover a {display:block; width:80%; margin:0 auto; background:#fff; height:40px; line-height:40px; font-size:16px; color:#1c556e; text-align:center; border-radius:20px; 
    font-weight:bold; transition:0.2s;}
ul.card_list li .card_hover a i {margin-left:20px;}
ul.card_list li .card_hover a:hover {background:#3c65d1; color:#fff;}




/*  ****************************  리스트 페이징  ****************************  */
/* Paging */
.page_select {margin:50px 0 0 0; text-align:center;}
.page_select ol {display:inline-block; height:32px; padding:0; margin:0;}
.page_select ol:after {clear:none; float:none;}
.page_select ol li {float:left; margin-right:3px; width:35px; height:35px; line-height:35px; list-style:none; font-size:15px;}
.page_select ol li a {display:block; width:35px; height:35px; line-height:35px; font-size:15px; text-align:center; border:none; color:#333; transition:all 0.2s; box-sizing:border-box; cursor:pointer;}
.page_select ol li a:hover, .page_select ol li a:focus {color:#000; background:#ededed;}
.page_select ol li.btn_prev_more, .page_select ol li.btn_prev, .page_select ol li.btn_next, .page_select ol li.btn_next_more {text-indent:-9999px;}
.page_select ol li.btn_prev_first a:hover, .page_select ol li.btn_prev_more a:hover, .page_select ol li.btn_prev a:hover,
.page_select ol li.btn_next a:hover, .page_select ol li.btn_next_more a:hover, .page_select ol li.btn_next_last a:hover {}

.page_select ol li.pcurrent {font-size:15px; text-align:center; color:#14afff; background:#ededed;}

.page_select ol li.btn_prev_more {background:url('../images/al/paginate_previous_more_disabled.png') 50% 50% no-repeat;}
.page_select ol li.btn_prev {background:url('../images/al/paginate_previous_disabled.png') 50% 50% no-repeat;}
.page_select ol li.btn_next {background:url('../images/al/paginate_next_disabled.png') 50% 50% no-repeat;}
.page_select ol li.btn_next_more {background:url('../images/al/paginate_next_more_disabled.png') 50% 50% no-repeat;}

.page_select ol li.btn_prev_more a {background:url('../images/al/paginate_previous_more.png') 50% 50% no-repeat;}
.page_select ol li.btn_prev a   {background:url('../images/al/paginate_previous.png') 50% 50% no-repeat;}
.page_select ol li.btn_next a   {background:url('../images/al/paginate_next.png') 50% 50% no-repeat;}
.page_select ol li.btn_next_more a {background:url('../images/al/paginate_next_more.png') 50% 50% no-repeat;}

.page_select ol li.btn_prev_more a:hover {background:#ededed url('../images/al/paginate_previous_more.png') 50% 50% no-repeat;}
.page_select ol li.btn_prev a:hover {background:#ededed url('../images/al/paginate_previous.png') 50% 50% no-repeat;}
.page_select ol li.btn_next a:hover {background:#ededed url('../images/al/paginate_next.png') 50% 50% no-repeat;}
.page_select ol li.btn_next_more a:hover {background:#ededed url('../images/al/paginate_next_more.png') 50% 50% no-repeat;}


@media all and (max-width:1640px) {
    section.board_area .board_con {width:1400px;}
    
    /* ========== card_list ========== */
    ul.card_list > li {width:22.7%; margin:0 3% 50px 0;}
    section.board_area.section_voice ul#ul_voiceRecordProjectList > li:nth-child(4n) {margin-right:0;}
    section.board_area.section_voice ul#ul_voiceRecordProjectList > li:nth-child(5n) {margin-right:3%;}
}

@media all and (max-width:1440px) {
    section.board_area .board_con {width:1340px;}
}




/*==================================================================================================================
                                                AL Create Project
====================================================================================================================*/
.bar_title {font-size:27px; font-weight:normal; margin:0; line-height:45px; letter-spacing:-1px; border-bottom:2px solid #000;}
.bar_title strong {font-weight:bold;}

.page_info_ul {padding:0; margin:30px 0 0;}
.page_info_ul li {list-style:none; padding:0 0 0 10px; margin:0 0 5px; font-size:15px; line-height:22px; color:#161616; position:relative;}
.page_info_ul li:after {content:""; display:block; width:4px; height:4px; border-radius:2px; position:absolute; left:0; top:8px; background:#000;}
.page_info_ul li:last-child {margin-bottom:0;}
.page_info_ul li span {color:#1c556e;}

.page_btn {text-align:center; margin-top:40px;}
.page_btn .btn {margin-right:15px;}
.page_btn .btn:last-child {margin-right:0;}

h3.point_title {font-size:18px; color:#000; margin:0 0 30px; font-weight:bold; line-height:28px;}


.form_search {}
.form_search:after {clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0;}
.form_search .form_search_input {float:left; width:calc(100% - 35px);}
.form_search .form_search_btn {float:right;}
.form_search_btn {width:30px; height:30px; text-align:center; line-height:30px; background:#001f42 url(../images/al/search_icon.png) no-repeat center center; 
    color:#fff; font-size:14px; transition:0.2s; border:none; padding:0; margin:0; vertical-align:bottom; text-indent:-9999px; display:inline-block;}
.form_search_btn:hover {background-color:#007694;}






section.contents_area {padding:60px 0 120px; background:#fff;}
section.contents_area .contents {width:1600px; margin:0 auto;}

.step_area_ul {padding:45px 100px; margin:0; border-bottom:1px solid #dbdbdb;}
.step_area_ul li {list-style:none; padding:0; margin:0 0 35px; position:relative;}
.step_area_ul li:last-child {margin-bottom:0;}
.step_area_ul li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.step_area_ul li > label {float:left; width:200px; font-size:18px;}
.step_area_ul li .step_con {float:right; width:calc(100% - 200px); font-size:15px;}
.step_area_ul li .step_con .radio {margin-bottom:10px;}
.step_area_ul li .step_con .radio:last-child {margin-bottom:0;}
.step_area_ul li .step_con .radio label input[type=radio]:checked + i + span {color:#4b74e0;}
.step_area_ul li .step_con .radio label small {display:inline-block; margin-left:15px; font-size:13px; color:#8c8c8c;}

.step_area_ul li .step_con .radio.radio-inline {margin-bottom:0;}

input.date_input {width:150px; padding-right:40px; background:url(../images/al/calendar_icon.png) no-repeat right center;}
input.date_input:disabled {background:#f0f0f0 url(../images/common/datepicker_disabled.png) no-repeat right center;}
span.hyphen {display:inline-block; width:20px; height:30px; line-height:30px; text-align:center;}

/* 포인트 설정 */
.step_area_ul li #pointSetting.step_con {position:relative; padding-right:500px;}
#pointSetting.step_con ul.point_setting {padding:0;}
#pointSetting.step_con ul.point_setting li {margin-bottom:10px;}
#pointSetting.step_con ul.point_setting li > label {font-size:15px; width:180px;}
#pointSetting.step_con ul.point_setting li .i_tooltip {transition:0.2s; color:#bcbcbc;}
#pointSetting.step_con ul.point_setting li .i_tooltip:hover {color:#000;}
#pointSetting.step_con ul.point_setting li .i_tooltip .i_tooltip_div {background:rgba(0,0,0,0.6);}
#pointSetting.step_con ul.point_setting li .i_tooltip .i_tooltip_div:after {border-color:rgba(0,0,0,0.6) transparent transparent transparent;}

#pointSetting.step_con .point_status_board {position:absolute; right:0; top:0; color:#000; min-width:565px; background:#fff;}
#pointSetting.step_con .point_status_board .point_status_top {background:#f1f5f9; padding:40px 45px;}
#pointSetting.step_con .point_status_board h4.status_title {font-size:26px; font-weight:bold; line-height:28px; padding:0; margin:0 0 40px;}
#pointSetting.step_con .point_status_board h4.status_title small {color:#646464; font-size:14px; display:inline-block; font-weight:normal; margin-left:20px;}
#pointSetting.step_con .point_status_board h5.status_title_sm {font-size:21px; font-weight:bold; width:115px; display:inline-block; margin:0; padding-top:5px;}
#pointSetting.step_con .point_status_board .status_con {float:right; width:calc(100% - 115px);}
#pointSetting.step_con .point_status_board .status_con:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#pointSetting.step_con .point_status_board .status_con p {margin:0 0 15px; font-size:35px; line-height:35px; font-weight:bold; color:#14afff; letter-spacing:-1px;}
#pointSetting.step_con .point_status_board .status_con p img {vertical-align:middle;}
#pointSetting.step_con .point_status_board .status_con p span {color:#646464; font-size:16px; font-weight:normal; vertical-align:middle; display:inline-block;}
#pointSetting.step_con .point_status_board .status_con .status_table {width:100%; font-size:14px; color:#646464;}
#pointSetting.step_con .point_status_board .status_con .status_table thead {}
#pointSetting.step_con .point_status_board .status_con .status_table thead tr th {text-align:center; border-bottom:1px solid #d9d9d9; padding:5px 10px;}
#pointSetting.step_con .point_status_board .status_con .status_table tbody {}
#pointSetting.step_con .point_status_board .status_con .status_table tbody tr th {text-align:center; padding:5px 10px;}
#pointSetting.step_con .point_status_board .status_con .status_table tbody tr td {text-align:right; padding:5px 10px; color:#000;}

#pointSetting.step_con .point_status_board .point_status_bottom {background:#e1eaf4; padding:40px 45px;}
#pointSetting.step_con .point_status_board .point_status_bottom p {margin-bottom:0; color:#4b74e0;}
#pointSetting.step_con .point_status_board p.status_info {color:#ed1c24; font-size:16px; letter-spacing:-1px; margin:7px 0 0 15px; font-weight:500;}
#pointSetting.step_con .point_status_board p.status_info img {vertical-align:baseline;}



@media all and (max-width:1640px) {
    section.contents_area .contents {width:1400px;}
}


@media all and (max-width:1440px) {
    section.contents_area {padding:60px 30px 120px;}
    section.contents_area .contents {width:1340px;}
}





/* ==============================================================================================================
= Modal 기본스타일 지정
= 사이즈 :btn_ss < btn_s < btn_inline < btn_m < btn_l
============================================================================================================== */
#overlay {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9;}

.modalWrap {position:absolute; top:40%; left:50%; transform:translate(-50%,-50%); background:#fff; opacity:0; z-index:-1; transition-duration:0.5s; width:700px; 
    border-radius:5px;}
.modalWrap.active {opacity:1; top:50%; z-index:99;}
.modalWrap.small {width:450px;}
.modalWrap.wide {width:900px;}
.modalWrap .modalTitle {position:relative; padding:0 65px 0 20px; height:46px; background:#484c51;}
.modalWrap .modalTitle h2 {display:block; font-size:16px; font-weight:bold; color:#fff; line-height:46px; margin:0;}
.modalWrap .modalTitle .btn_modalClose {display:block; position:absolute; top:0; right:0; width:46px; height:46px; text-indent:-9999em; 
    background:url(../images/al/btn_close_big_white.png) no-repeat center center;}
.modalWrap > .btn_modalClose {display:block; position:absolute; top:0; right:0; width:46px; height:46px; text-indent:-9999em; 
    background:url(../images/al/btn_close_big.png) no-repeat center center; transition:0.2s;}
.modalWrap > .btn_modalClose:hover {background:url(../images/al/btn_close_big_blue.png) no-repeat center center;}
    
.modalWrap .modalContent {padding:40px 40px 40px;}
.modalWrap .modalContent .btnArea {margin:30px 0 0; text-align:center;}
.modalWrap .modalContent .btnArea + * {margin-top:20px;}







/*==================================================================================================================
                                                검수자 목록
====================================================================================================================*/
section.board_top_area {background:#f1f5f9; padding:0;}
section.board_top_area .board_top_con {width:1600px; margin:0 auto; position:relative; min-height:260px; padding:60px 0 50px;}

/* 상단영역 */
.board_top_con .board_top_info {padding:0; float:left; width:calc(100% - 530px);}
.board_top_con .board_top_info h3 {font-size:18px; color:#7a7a7a; margin:50px 0 0;}
.board_top_con .board_top_info h2 {font-size:32px; color:#010101; margin:10px 0 0; font-weight:bold; letter-spacing:-1px;}
.board_top_con .board_top_info p {font-size:17px; color:#010101; margin:11px 0 0; font-weight:bold;}
.board_top_con .board_top_info p span.inspection_num {display:inline-block; margin-right:15px; color:#444;}

.board_top_con .board_top_function {width:500px; margin:0; float:right;}
.board_top_con .board_top_function .select_area {text-align:right;}
.board_top_con .board_top_function .select_area select.select_project {margin-left:0; width:360px;}
.board_top_con .board_top_function .select_area select.select_class {margin-left:20px; width:110px;}
.board_top_con .board_top_function .btn {width:100%; display:block; margin-top:60px;}

/* 리스트 영역 */
h2.inspection_title {font-size:28px; letter-spacing:-1px; color:#010101; margin:-30px 0 15px; font-weight:bold;}
p.inspection_info {font-size:17px; color:#010101; madring:0;}
p.inspection_info span.inspection_num {display:inline-block; margin-right:15px;}

ul.inspection_list {padding:0; margin:15px 0 0; display:flex; flex-wrap:wrap;}
ul.inspection_list li {padding:25px; margin:0; width:23%; margin-right:2.66666666666667%; margin-bottom:40px; list-style:none; box-shadow:0 8px 25px rgba(0,0,0,0.13); position:relative; 
    border-radius:5px;}
ul.inspection_list li:nth-child(4n) {margin-right:0;}
ul.inspection_list li span.inspection_state {position:absolute; right:0; top:0; background:#999; border-radius:0 5px 0 0; display:inline-block; 
    width:60px; height:30px; line-height:29px; color:#fff; font-size:14px; text-align:center;}
ul.inspection_list li h3.inspection_list_title {color:#010101; font-size:15px; margin:0;}
ul.inspection_list li h3.inspection_list_title span {font-size:17px; display:block; margin-top:5px;}

ul.inspection_list li div.inspection_rate {margin-top:35px; position:relative;}
ul.inspection_list li div.inspection_rate h4 {font-size:15px; color:#000000; margin:0;}
ul.inspection_list li div.inspection_rate h4 strong {display:block; font-size:32px; font-weight:bold;}
ul.inspection_list li div.inspection_rate p {position:absolute; right:0; bottom:0; font-size:18px; color:#000000; font-weight:500; margin:0;}

ul.inspection_list li .btn {display:block; margin:25px auto 0; width:75%;}

ul.inspection_list li.state_ongoing {background:#f4fdff;}
ul.inspection_list li.state_ongoing span.inspection_state {background:#54cf4b;}

ul.inspection_list li.state_waiting {}
ul.inspection_list li.state_waiting span.inspection_state {background:#13aaec;}
ul.inspection_list li.state_waiting div.inspection_rate p {font-size:32px; line-height:1;}

ul.inspection_list li.state_end {}
ul.inspection_list li.state_end span.inspection_state {background:#000000;}




@media all and (max-width:1640px) {
    section.board_top_area .board_top_con {width:1400px;}
}


@media all and (max-width:1440px) {
    section.board_top_area {padding:0 30px;}
    section.board_top_area .board_top_con {width:1340px;}
}






/*==================================================================================================================
                                                프로젝트 상세 페이지
====================================================================================================================*/
/* ******************** 상단 영역 ******************** */
.pd_top_area {background:#f1f5f9; padding:0;}
.pd_top_area .pd_top_con {width:1600px; margin:0 auto; position:relative; min-height:260px; padding:60px 0 50px;}
.pd_top_con > h2 {font-size:30px; color:#000000; letter-spacing:-1px; text-align:center; margin:0 0 15px; font-weight:bold;}
.pd_top_con > p {font-size:18px; color:#000000; text-align:center; margin:0; font-weight:normal;}
.pd_top_con .pd_top_btn {width:500px; margin:0 auto; display:block;}

ul.pd_top_board {margin:50px 0; padding:0; text-align:center; display:flex; justify-content:center;}
ul.pd_top_board > li {background:#fff; padding:35px 25px; text-align:center; list-style:none; display:inline-block; width:500px; margin:0 50px 0 0; 
    border-radius:10px; box-shadow:12px 8px 50px rgba(0,0,0,0.1); font-size:18px; vertical-align:top;}
ul.pd_top_board > li:last-child {margin-right:0;}
ul.pd_top_board > li h3.board_title {font-size:20px; font-weight:bold; margin:0 0 30px;}
ul.pd_top_board > li p {margin:0;}

/* 작업 현황 */
ul.pd_top_board li.pd_task_status {overflow:hidden;}
ul.pd_top_board li.pd_task_status .task_status_chart {float:left; width:60%; font-weight:700 !important;}
ul.pd_top_board li.pd_task_status .task_status_info {float:right; width:40%; margin-top:10px;}
ul.pd_top_board li.pd_task_status .task_status_info h4 {font-size:18px; letter-spacing:-1px; text-align:left; font-weight:700; margin:0;}
ul.pd_top_board li.pd_task_status .task_status_info h4 strong {display:block; font-size:26px; color:#000; margin-top:5px;}
ul.pd_top_board li.pd_task_status .task_status_info h4 strong span {font-size:50px; color:#1dac12; display:inline-block; margin-right:5px;}
ul.pd_top_board li.pd_task_status .task_status_info p {text-align:left; font-size:20px; color:#000; margin-top:40px;}

/* 할당 데이터 결과 */
ul.pd_top_board li.pd_data_result table.data_result_table {width:100%;}
ul.pd_top_board li.pd_data_result table.data_result_table tr th,
ul.pd_top_board li.pd_data_result table.data_result_table tr td {width:50%; font-size:18px; padding:10px 0 0;}
ul.pd_top_board li.pd_data_result table.data_result_table tr {}
ul.pd_top_board li.pd_data_result table.data_result_table tr th {text-align:left; padding-left:35px;}
ul.pd_top_board li.pd_data_result table.data_result_table tr td {text-align:right; padding-right:35px;}
ul.pd_top_board li.pd_data_result table.data_result_table tr td strong {color:#3c65d1; font-size:38px; line-height:1; display:inline-block; margin-right:5px;}
ul.pd_top_board li.pd_data_result table.data_result_table tr td small {color:#959595; font-size:14px; margin-top:0; display:block; padding-bottom:7px;}
ul.pd_top_board li.pd_data_result table.data_result_table tr.border_bottom th,
ul.pd_top_board li.pd_data_result table.data_result_table tr.border_bottom td {border-bottom:1px solid #dbdbdb; padding-top:0;}

/* 검수 결과 */
ul.pd_top_board li.pd_inspection_results {padding:35px 45px;}
ul.pd_top_board li.pd_inspection_results h4.chart_percent {color:#000; font-size:26px; line-height:1; letter-spacing:-1px; text-align:center; margin:0;}
ul.pd_top_board li.pd_inspection_results h4.chart_percent span {font-size:50px; line-height:1; font-weight:bold; display:inline-block; height:50px;}
ul.pd_top_board li.pd_inspection_results .pd_ir_chart {margin-top:20px;}
ul.pd_top_board li.pd_inspection_results .pd_ir_chart > div {border-radius:15px; overflow:hidden;}
ul.pd_top_board li.pd_inspection_results .ir_info {margin-top:24px; overflow:hidden;}
ul.pd_top_board li.pd_inspection_results .ir_info p.recent_ir_day {font-size:16px; line-height:24px; color:#161616; display:inline-block; width:150px; text-align:left; float:left;}
ul.pd_top_board li.pd_inspection_results .ir_info p.recent_ir_day span {display:block;}
ul.pd_top_board li.pd_inspection_results .ir_info p.rework_ir_num {font-size:16px; line-height:24px; color:#161616; display:inline-block; float:right; text-align:right; margin-top:15px;}
ul.pd_top_board li.pd_inspection_results .ir_info p.rework_ir_num strong {letter-spacing:-1px; font-size:24px; color:#000;}
ul.pd_top_board li.pd_inspection_results .ir_info p.rework_ir_num strong span {display:inline-block; font-size:40px; font-weight:bold; margin-left:10px;}

/* 예상 포인트 */
ul.pd_top_board li.pd_expected_point {position:relative;}
ul.pd_top_board li.pd_expected_point h4.expected_poin {color:#14afff; font-size:50px; line-height:1; letter-spacing:-1px; text-align:center; margin:0; padding-top:10px;}
ul.pd_top_board li.pd_expected_point h4.expected_poin img {display:inline-block; margin-left:15px; vertical-align:baseline;}
ul.pd_top_board li.pd_expected_point p {position:absolute; right:45px; bottom:35px; font-size:16px; color:#2f2f2f;}
ul.pd_top_board li.pd_expected_point p span {display:inline-block; margin-left:15px;}

/* 참여신청 */
ul.pd_top_board li.pd_participation {}
ul.pd_top_board li.pd_participation .participation_info {color:#000; font-size:18px; line-height:1; letter-spacing:-0.5px; text-align:center; margin:0 0 25px; padding-top:10px;}
ul.pd_top_board li.pd_participation .participation_info p {display:inline-block; float:left; width:50%;}
ul.pd_top_board li.pd_participation .participation_info p strong {font-size:25px; line-height:1; letter-spacing:-1px; font-weight:500; display:inline-block; margin-left:10px;}
ul.pd_top_board li.pd_participation .participation_info p strong span {font-size:50px; display:inline-block; margin-left:5px;}
ul.pd_top_board li.pd_participation .participation_info span.pd_p_infp {color:#959595; font-size:14px; margin:23px 0 0; display:block;}
ul.pd_top_board li.pd_participation > p {font-size:16px; color:#010101; position:relative; margin:0 0 0; text-align:left;}
ul.pd_top_board li.pd_participation > p span {position:absolute; right:0; top:0; text-align:right;}
ul.pd_top_board li.pd_participation > p:last-child {margin-bottom:0;}

/* 획득 가능 포인트 */
ul.pd_top_board li.pd_possibility_point {position:relative;}
ul.pd_top_board li.pd_possibility_point h4.expected_poin {color:#000; font-size:50px; line-height:1; letter-spacing:-1px; text-align:center; margin:0 0 40px; padding-top:10px;}
ul.pd_top_board li.pd_possibility_point h4.expected_poin img {display:inline-block; margin-left:15px; vertical-align:baseline;}
ul.pd_top_board li.pd_possibility_point p {font-size:16px; color:#010101; position:relative; margin:0 0 0; text-align:left;}
ul.pd_top_board li.pd_possibility_point p span {position:absolute; right:0; top:0; text-align:right;}
ul.pd_top_board li.pd_possibility_point strong {color:#959595; font-size:14px; margin:10px 0 0; display:block; text-align:right; position:absolute; right:25px; bottom:15px;}

/* 관리자 */
ul.pd_top_board li.pd_admin {position:relative; width:1060px; height:340px; padding:0 45px; overflow:hidden;}
ul.pd_top_board li.pd_admin .pd_admin_chart {width:50%; float:left;}
ul.pd_top_board li.pd_admin .pd_admin_chart h3 {font-size:18px; color:#000; margin:55px 0 0; text-align:left;}
ul.pd_top_board li.pd_admin .pd_admin_chart h3 strong {font-size:20px; font-weight:bold; margin:5px 0 0; display:block;}
ul.pd_top_board li.pd_admin .pd_admin_chart h3 strong span {font-size:50px;}
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_left h3 strong span {color:#3c65d1;}
ul.pd_top_board li.pd_admin .pd_admin_chart > ul {padding:0; margin:20px 0 0; font-size:16px; line-height:24px;}
ul.pd_top_board li.pd_admin .pd_admin_chart > ul li {list-style:none; padding:0 60px 0 10px; position:relative; text-align:left;}
ul.pd_top_board li.pd_admin .pd_admin_chart > ul li:after {content:""; display:block; width:3px; height:3px; background:#000; left:0; top:12px; position:absolute;}
ul.pd_top_board li.pd_admin .pd_admin_chart > ul li span {display:inline-block; width:60px; position:absolute; right:0; top:0; text-align:right;}

ul.pd_top_board li.pd_admin .pd_admin_chart .chart_info {position:absolute; z-index:2; top:90px; width:200px; /*  background:rgba(255,0,0,0.5); */}
ul.pd_top_board li.pd_admin .pd_admin_chart .chart_info h4 {color:#000; font-size:18px; text-align:center; line-height:30px; width:140px; border-bottom:1px solid #e7ecf1; margin:0 auto; 
    font-weight:bold; letter-spacing:-1px;}
ul.pd_top_board li.pd_admin .pd_admin_chart .chart_info ul {padding:0; margin:13px 0 0;}
ul.pd_top_board li.pd_admin .pd_admin_chart .chart_info ul li {list-style:none; margin:0 35px 10px 20px; padding:0 0 0 15px; position:relative; 
    color:#000000; font-size:15px; line-height:20px; text-align:left;}
ul.pd_top_board li.pd_admin .pd_admin_chart .chart_info ul li:after {content:""; display:block; position:absolute; left:0; top:4px; width:10px; height:10px; border-radius:5px; 
    background:#d9d9d9;}
ul.pd_top_board li.pd_admin .pd_admin_chart .chart_info ul li span {display:block; text-align:right;}
/* 작업 데이터 */
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_left .chart_info ul li:nth-child(1):after {background:#3c65d1;}
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_left .chart_info ul li:nth-child(1) span {color:#3c65d1;}
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_left .chart_info ul li:nth-child(2):after {background:#e1e1e1;}
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_left .chart_info ul li:nth-child(2) span {color:#7a7a7a;}
/* 검수 데이터 */
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_right .chart_info ul li:nth-child(1):after {background:#54cf4b;}
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_right .chart_info ul li:nth-child(1) span {color:#54cf4b;}
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_right .chart_info ul li:nth-child(2):after {background:#e1e1e1;}
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_right .chart_info ul li:nth-child(2) span {color:#7a7a7a;}

ul.pd_top_board li.pd_admin .pd_admin_chart.chart_left .chart_info {right:66px;}
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_right .chart_info {left:66px;} 

ul.pd_top_board li.pd_admin .pd_admin_chart.chart_left {padding-right:335px; position:relative;}
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_right {padding-left:335px; position:relative;}
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_left .pd_admin_chart1,
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_right .pd_admin_chart2 {width:335px; height:320px !important; margin-top:10px;}
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_left .pd_admin_chart1 {position:absolute; right:0; top:0;}
ul.pd_top_board li.pd_admin .pd_admin_chart.chart_right .pd_admin_chart2 {position:absolute; left:0; top:0;}

.pd_admin_btn_area {position:relative;}
.pd_admin_btn_area button.pd_admin_btn {width:180px; height:40px; background:#fff; display:inline-block; border-radius:20px; text-align:center; color:#001f42; font-size:18px; 
    font-weight:bold; transition:0.2s; border:1px solid transparent; outline:none; padding:0; margin:25px 18px 0 0;}
.pd_admin_btn_area button.pd_admin_btn:hover {box-shadow:12px 8px 24px rgba(0,0,0,0.13); border-color:#001f42;}

.pd_admin_btn_area button.pd_admin_down_btn {width:320px; height:70px; display:inline-block; border-radius:35px; text-align:left; color:#fff; font-size:18px; 
    font-weight:bold; transition:0.2s; border:none; outline:none; padding:0 90px 0 45px; margin:0; position:absolute; right:0; top:0; 
    background:#001f42 url(../images/al/file_down_icon.png) no-repeat right 30px center;}
.pd_admin_btn_area button.pd_admin_down_btn strong {display:block; margin:0; letter-spacing:-1px; line-height:22px; margin-top:2px;} 
.pd_admin_btn_area button.pd_admin_down_btn span {font-weight:normal; font-size:15px; display:inline-block; margin:0 8px 0 0; padding:0 10px 0 0; line-height:20px; border-right:1px solid #bac5d3;}
.pd_admin_btn_area button.pd_admin_down_btn span:last-child {border-right:none;}
.pd_admin_btn_area button.pd_admin_down_btn:hover {background:#1c556e url(../images/al/file_down_icon.png) no-repeat right 30px center;}



/* ******************** 프로젝트 개요 ******************** */
section.pd_area {background:#fff; padding:25px; overflow:hidden;}
section.pd_area .pd_con {width:1600px; margin:0 auto; position:relative; padding:60px 0;}
.pd_title {font-size:35px; font-weight:bold; line-height:1; margin:0 0 30px;}

/* 탭메뉴 */
.pd_con ul.pd_tab {padding:0; margin:0 auto 85px; text-align:center; border-bottom:1px solid #dbdbdb;}
.pd_con ul.pd_tab li {padding:0; margin:0 50px 0 0; display:inline-block; list-style:none;}
.pd_con ul.pd_tab li:last-child {margin:0;}
.pd_con ul.pd_tab li a {display:inline-block; padding:7px 25px; border-bottom:5px solid transparent; font-size:24px; color:#7a7a7a; transition:0.2s; position:relative; top:3px; cursor:pointer;}
.pd_con ul.pd_tab li.active a,
.pd_con ul.pd_tab li:hover a {border-bottom:5px solid #000; font-weight:bold; color:#000;}

/* 일정안내 */
.pd_con ul.pd_schedule {width:calc(100% - 240px); float:right; display:flex; justify-content:space-between; position:relative;}
.pd_con ul.pd_schedule li {list-style:none; width:14%; padding-top:80px; text-align:center; word-break:keep-all; position:relative;}
.pd_con ul.pd_schedule li:after {content:""; display:block; position:absolute; left:50%; top:60px; width:10px; height:10px; border-radius:5px; background:#000; margin-left:-5px;}
.pd_con ul.pd_schedule li:before {content:""; display:block; position:absolute; left:50%; top:64px; width:calc(100% + 40px); height:2px; background:#e3e3e3;}
.pd_con ul.pd_schedule li:last-child:before {display:none;}
.pd_con ul.pd_schedule li h3 {font-size:24px; letter-spacing:-1px; line-height:30px; height:60px; font-weight:bold; margin:0 0 15px;}
.pd_con ul.pd_schedule li p {font-size:16px; color:#464646; margin:0 auto; width:84%; line-height:22px;}
.pd_con ul.pd_schedule li p strong {color:#1ebbee;}
.pd_con ul.pd_schedule li.step1 {background:url(../images/al/pd_summary_icon1.png) no-repeat center top;}
.pd_con ul.pd_schedule li.step2 {background:url(../images/al/pd_summary_icon2.png) no-repeat center top;}
.pd_con ul.pd_schedule li.step3 {background:url(../images/al/pd_summary_icon3.png) no-repeat center top;}
.pd_con ul.pd_schedule li.step4 {background:url(../images/al/pd_summary_icon4.png) no-repeat center top;}
.pd_con ul.pd_schedule li.step5 {background:url(../images/al/pd_summary_icon5.png) no-repeat center top;}
.pd_con ul.pd_schedule li.step6 {background:url(../images/al/pd_summary_icon6.png) no-repeat center top;}

/* 주의사항 */
.page_info_ul18 {padding:0; margin:0;}
.page_info_ul18 li {list-style:none; padding:0 0 0 10px; margin:0 0 5px; font-size:18px; line-height:36px; color:#161616; position:relative; font-weight:bold;}
.page_info_ul18 li:after {content:""; display:block; width:4px; height:4px; border-radius:2px; position:absolute; left:0; top:15px; background:#000;}
.page_info_ul18 li:last-child {margin-bottom:0;}
.page_info_ul18 li span {color:#1c556e;}

/* 공지사항 */
.pd_con ul.notice_lst {padding:0; margin:0;}
.pd_con ul.notice_lst li {list-style:none; padding:0 0 0 10px; margin:0 0 5px; font-size:18px; line-height:30px; color:#161616; position:relative; font-weight:bold;}
.pd_con ul.notice_lst li:after {content:""; display:block; width:4px; height:4px; border-radius:2px; position:absolute; left:0; top:12px; background:#000;}
.pd_con ul.notice_lst li:last-child {margin-bottom:0;}
.pd_con ul.notice_lst li a {width:500px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-right:50px; color:#000; transition:0.2s;}
.pd_con ul.notice_lst li a:hover {color:#3c65d1;}
.pd_con ul.notice_lst li span {display:inline-block; width:100px; text-align:right; vertical-align:top;}

/* 공지사항 - 미리보기 레이어 팝업 */
.preview_popup {display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10; border:1px solid #dadbdd; border-radius:6px; 
    background:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.2);}
.preview_popup.active {display:block;}
.preview_popup .close {position:absolute; top:8px; right:0; opacity:1;}
.preview_popup .close:before {content:"\eee1"; display:block; font-family:'IcoFont'; color:#cacaca; font-size:22px; font-weight:300;}
.preview_popup .popup_title {font-size:34px; background:#002060; color:#fff; font-weight:500; padding:30px; margin:0; border-radius:6px 6px 0 0; line-height:1.3em;}
.preview_popup .popup_content {padding:30px;}
.preview_popup .layerPopupFooter {border-top:1px solid #dadbdd; padding:6px 15px; overflow:hidden;}
.preview_popup .layerPopupFooter .pop_close {border:1px solid #002060; color:#002060; border-radius:14px; padding:0 10px; font-size:13px;}

@media all and (max-width:1640px) {
    /* 상세 상단 */
    .pd_top_area .pd_top_con {width:1400px;}
    
    ul.pd_top_board li {margin-right:30px;}
    
    /* 작업 현황 */
    ul.pd_top_board li.pd_task_status .task_status_chart {width:50%;}
    ul.pd_top_board li.pd_task_status .task_status_info {width:50%; padding-left:10px;}
    
    /* 상세 본문 */
    section.pd_area .pd_con {width:1400px;}
    
    /* 일정안내 */
    .pd_con ul.pd_schedule {width:calc(100% - 180px);}
    .pd_con ul.pd_schedule li {width:16%;}
    .pd_con ul.pd_schedule li:before {width:calc(100% + 13px);}
    section.board_area .board_con {width:1400px;}
    
    /* ========== card_list ========== */
    ul.card_list > li {width:22%; margin:0 3% 50px 0;}
    ul.card_list > li:nth-child(4n) {margin-right:0;}
    ul.card_list > li:nth-child(5n) {margin-right:3%;}
    
    #sec_tenantArea .m_inner { min-height: 250px !important; }
}


@media all and (max-width:1440px) {
    .pd_top_area {padding:0 30px;}
    .pd_top_area .pd_top_con {width:1340px;}
    
    section.pd_area {padding:0 30px;}
    section.pd_area .pd_con {width:1340px;}
}





/*==================================================================================================================
                                                정산관리
====================================================================================================================*/
/* ******************** 신청 상세 정보 ******************** */
section.calculate_area {background:#f1f5f9; padding:0;}
section.calculate_area .calculate_con {width:1600px; margin:0 auto; position:relative; padding:60px 0 50px;}

/* 처리 상태 */
.calculate_con ul.project_process {padding:0; margin:0; display:flex; justify-content:space-between; height:30px; width:350px; position:absolute; top:160px; left:50%; 
    margin-left:-240px;}
.calculate_con ul.project_process li {list-style:none; padding:0; width:20px; height:20px; border-radius:10px; background:#d6dadd; position:relative; text-align:center;}

.calculate_con ul.project_process li span {display:inline-block; width:70px; margin:40px 0 0 -25px; font-size:12px; color:#999999;}
.calculate_con ul.project_process li.active span {margin-left:-20px; color:#007694; font-size:15px; font-weight:bold;}
.calculate_con ul.project_process li:after {content:""; display:block; width:95px; height:1px; border-top:2px dashed #d6dadd; position:absolute; right:20px; top:50%; z-index:0;}
.calculate_con ul.project_process li:first-child:after {display:none;}

.calculate_con ul.project_process li.active {width:30px; height:30px; border-radius:15px; background:#007694; margin-top:-5px; z-index:100;}
.calculate_con ul.project_process li.active:after {right:30px;}

.calculate_con ul.project_process li.end {background:#9ca1a6;}
.calculate_con ul.project_process li.end:before {font-family:'Font Awesome 5 Free'; content:"\f00c"; color:#fff; font-size:10px; font-weight:900;}
.calculate_con ul.project_process li.active:after, .calculate_co ul.project_process li.end:after {border-top:2px solid #d6dadd}
.calculate_con ul.project_process li.on:after {border-top:2px solid #d6dadd}

.calculate_con ul.project_process li:nth-child(1) {z-index:4;}
.calculate_con ul.project_process li:nth-child(2) {z-index:3;}
.calculate_con ul.project_process li:nth-child(3) {z-index:2;}
.calculate_con ul.project_process li:nth-child(4) {z-index:1;}

.calculate_con .project_process_btn {position:absolute; left:50%; top:130px; margin:30px 0 0 157px;}

/* 정보박스 */
.calculate_con ul.calculate_status {padding:115px 0 0; margin:0 auto; display:flex; justify-content:center;}
.calculate_con ul.calculate_status li {display:inline-block; width:360px; height:auto; background:#fff; border-radius:10px; padding:25px; text-align:center; letter-spacing:-1px; 
    margin-right:50px; box-shadow:12px 8px 50px rgba(0,0,0,0.1);}
.calculate_con ul.calculate_status li:last-child {margin-right:0;}
.calculate_con ul.calculate_status li span {font-size:20px; color:#000000; display:inline-block; vertical-align:middle; font-weight:bold;}
.calculate_con ul.calculate_status li strong {font-size:32px; font-weight:bold; color:#007694; display:inline-block; margin-left:35px; vertical-align:middle;}

/* ******************** 정산 내역 ******************** */
.membership {display:flex; justify-content:center;}
.membership .retention_point, .membership .account_info {background:#fff; border-radius:10px; box-shadow:12px 8px 50px rgba(0,0,0,0.1);}
/* 보유포인트 */
.membership .retention_point {padding:55px; width:690px; margin-right:55px; overflow:hidden;}
.membership .retention_point > dl {float:left; width:55%; margin:0;}
.membership .retention_point > dl dt {font-size:20px; font-weight:bold;}
.membership .retention_point > dl dt img {vertical-align:baseline;}
.membership .retention_point > dl dd {font-size:50px; color:#14afff; letter-spacing:-1px; font-weight:bold; margin-top:30px; line-height:1;}

.membership .retention_point ul {padding:0; margin:0; float:right; width:45%;}
.membership .retention_point ul li {padding:0; margin:0 0 26px; list-style:none;}
.membership .retention_point ul li:last-child {margin-bottom:0;}
.membership .retention_point ul li dl {overflow:hidden; margin:0;}
.membership .retention_point ul li dl dt {font-size:18px; display:inline-block; width:80px; float:left; margin-top:15px;}
.membership .retention_point ul li dl dd {font-size:30px; font-weight:bold; text-align:right; float:right; width:calc(100% - 80px); display:inline-block;}

/* 계좌 정보 */
.membership .account_info {width:450px; padding:30px 40px 25px;}
.membership .account_info h3 {font-size:20px; font-weight:bold; text-align:center; margin:0 0 15px;}
.membership .account_info ul {padding:0; margin:0;}
.membership .account_info ul li {list-style:none; overflow:hidden; margin-bottom:10px;}
.membership .account_info ul li:last-child {margin-bottom:0;}
.membership .account_info ul li strong {display:inline-block; width:120px; float:left; font-size:15px; color:#000;}
.membership .account_info ul li span {display:inline-block; width:calc(100% - 120px); font-size:15px; float:right; font-weight:700; color:#666;}



@media all and (max-width:1640px) {
    section.calculate_area .calculate_con {width:1400px;}
}


@media all and (max-width:1440px) {
    section.calculate_area {padding:0 30px;}
    section.calculate_area .calculate_con {width:1340px;}
}





/*==================================================================================================================
                                                팝업스타일
====================================================================================================================*/
/* 팝업 기본 설정 */
.modal {position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; display:none; overflow:hidden; -webkit-overflow-scrolling:touch; /* outline:0; */}
.modal-dialog.modal-fullsize {width:100%; height:100%; margin:0; padding:20px;}
.modal-content.modal-fullsize {height:auto; min-height:100%; border-radius:0; border-radius:4px;}

.wrap_layer {height:100%; left:0; position:fixed; top:0; width:100%; z-index:10001; background-color:rgba(0, 0, 0, .2);}
.wrap_layer +.daterangepicker.dropdown-menu {z-index:100002;} 
.modal-content {left:50% !important; top:50% !important; margin-left:0 !important; transform:translate(-50%,-50%); min-height:auto !important; border-radius:20px; box-shadow:none; border:0; overflow:hidden;}
.layerType {position:absolute;}
.layerIn {overflow:hidden; position:relative; padding-bottom:0 !important;}
.layerIn .layerTop {height:50px; line-height:50px; border-bottom:none; padding-top:4px;}
.layerTop .close {position:absolute; top:16px; right:20px; opacity:1;}
.layerTop .close:before {content:"\eee1"; display:block; font-family:'IcoFont'; color:#cacaca; font-size:38px; font-weight:300;}
.layerTop .close:hover {background:url(../images/al/pop_close_hover.png) no-repeat center center;}
.layerTop .close span {display:none;}
.layerTop h5 {padding:0 10px; color:#fff; background-color:#25436c; padding-left:33px; font-size:16px;}
.layerTop h4 {color:#fff; padding:0 10px; font-size:12px;}

.layerType .layerTop .btnClose {position:absolute; top:15px; right:22px; width:25px; height:22px; cursor:pointer; z-index:1103;}

.layerCon {overflow-y:auto;}
.layerCon .lineBox2 {font-size:11px; border:solid 1px #e2e2e2; overflow:hidden; padding:5px 2%;}
.layerCon .lineBox2 ul li {float:left; width:24%;}
.layerCon .btnArea {text-align:center; clear:both; overflow:hidden; padding:10px;}
.layerCon .listDialog {border-collapse:collapse; width:100%; border-top:solid 2px #af8be4; border-right:solid 1px #e2e2e2; font-size:11px;}
.layerCon .listDialog th {padding:2px 0; background:#f9f9f9; text-align:center; border-bottom:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; color:#656565;}
.layerCon .listDialog td {padding:2px 5px; border-bottom:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; text-align:center;}
.layerCon .listDialog td.left {text-align:left;}
.layerCon .msg {padding:10px; display:table; height:calc(100% - 54px); width:100%; color:#4b5f71;}
.layerCon .msg .p {display:table-cell; vertical-align:middle; text-align:center; font-weight:700; font-size:12px; width:100%;}

.layerCon .popContents {padding:0 60px 55px; border-top:none; overflow-x:hidden; outline:none;}
.layerCon .popContentsXscroll {padding:18px 17px; border:solid 3px #000; border-top:none; overflow-x:auto; overflow-y:auto;}
.layerCon .popContents .contents {overflow:hidden; display:block; width:100%; height:100%; padding:4px; margin-bottom:20px; line-height:1.42857143; background-color:#fff; 
    border:1px solid #ddd; border-radius:4px; -webkit-transition:border .2s ease-in-out; -o-transition:border .2s ease-in-out; transition:border .2s ease-in-out;}
.layerCon .popContents .x_title_pop {padding:0; margin-bottom:0;}
.layerCon .popContents .x_title_pop .title {display:inline-block; padding:0; font-size:25px; font-weight:700; line-height:1; text-align:center; 
    white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; 
    user-select:none; background-image:none; border:1px solid transparent; border-radius:4px; width:100%; color:#131313; margin:0 0 30px;}
.layerCon .popContents .x_title_pop .sub_title {font-size:15px; text-align:center; margin:0 0 10px; font-weight:normal; color:#131313; line-height:22px; font-weight:500;}
.layerCon .popContents .x_content_pop {padding:0; position:relative; width:100%; clear:both; height:calc(100% - 50px);}
.layerCon .popContents .x_content_pop p.txt {font-size:16px; color:#131313; line-height:24px; margin:0 0 5px; font-weight:500; text-align:center; word-break:keep-all;}
.layerCon .popContents .x_content_pop .btn_area .m_btn {margin-right:12px;}
.layerCon .popContents .x_content_pop .btn_area .m_btn:last-child {margin-right:0;}

.layerCon .page_btn {margin:50px 20px 44px; text-align:right;}
.layerCon .page_btn > span {display:inline-block;}
.layerCon .page_btn button.btn {display:inline-block; vertical-align:middle; min-width:100px; height:50px; padding:0 30px; margin:0 5px; position:relative; font-size:18px; 
    font-weight:400; border:1px solid #e2e3e7; border-radius:25px; box-shadow:0 20px 30px rgba(0,0,0,0.2); transition:all ease 0.2s; text-align:center; line-height:50px;}
.layerCon .page_btn button.btn.btn-default {background:#fff; color:#000;}
.layerCon .page_btn button.btn.btn-default:hover {border-color:#0078ff; background-color:#fff; color:#0078ff;}
.layerCon .page_btn button.btn.active {background-color:#000; color:#fff;}
.layerCon .page_btn button.btn:hover {background-color:#007aff; color:#fff;}
.layerCon .page_btn button.btn.btn_blue:hover {border-color:#0078ff; background-color:#fff; color:#0078ff;}

.modal-content .ui-resizable-se {
    background-image:url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); 
    background-repeat:no-repeat; background-position:center; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); 
    -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); 
    cursor:se-resize; width:20px; height:20px; right:0; bottom:0; position:absolute;}
    
    
/* 프로젝트 개요_참여신청_의료진 정보입력 */
ul.ul_form {padding:0; margin:40px auto; width:80%;}
ul.ul_form li {padding:0; margin:0 0 10px 0; list-style:none; overflow:hidden;}
ul.ul_form li label {color:#000000; font-size:15px; font-weight:bold; display:inline-block; width:120px; float:left; margin:0; line-height:30px;}
ul.ul_form li input.form-control-border {width:calc(100% - 130px); float:right;}

ul.ul_form .filebox {width:calc(100% - 130px); float:right; display:inline-block; overflow:hidden;}
ul.ul_form .filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
ul.ul_form .filebox label {display:inline-block; padding:0; color:#fff; font-size:inherit; line-height:normal; vertical-align:middle; margin:0px; 
    width:30px; height:30px; text-indent:-9999px; float:right; cursor:pointer; background:#001f42 url(../images/al/icon_file.png) no-repeat center center; transition:0.2s;}
ul.ul_form .filebox label:hover {background:#1c556e url(../images/al/icon_file.png) no-repeat center center; transition:0.2s;}
ul.ul_form .filebox .upload-name {display:inline-block; padding:0 10px; width:calc(100% - 35px); font-size:14px; font-family:inherit; line-height:normal; vertical-align:middle; 
    color:#333; background:#f0f0f0; border:none; height:30px; line-height:30px; float:left;}
ul.ul_form p.filebox_txt {color:#737373; font-size:12px; font-weight:500; margin:8px 0 0; text-align:right;}


/* 카테고리 설정 */
ul.set_category_list {padding:0; margin:30px auto 0; width:300px;}
ul.set_category_list li {list-style:none; margin:0 0 10px; padding:0 0 0 24px; position:relative;}
ul.set_category_list li:before {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; position:absolute; left:0; top:8px;}

ul.set_category_list li.labeling1:before {background:#1876d1;}
ul.set_category_list li.labeling2:before {background:#c66cd5;}
ul.set_category_list li.labeling3:before {background:#ff7949;}
ul.set_category_list li.labeling4:before {background:#66ff33;}
ul.set_category_list li.labeling5:before {background:#6600ff;}
ul.set_category_list li.labeling6:before {background:#2dc1ff;}
ul.set_category_list li.labeling7:before {background:#178b82;}
ul.set_category_list li.labeling8:before {background:#5e76b4;}
ul.set_category_list li.labeling9:before {background:#894c5e;}
ul.set_category_list li.labeling10:before {background:#40c0b8;}
ul.set_category_list li.labeling11:before {background:#b47c0d;}
ul.set_category_list li.labeling12:before {background:#ffcdd9;}
ul.set_category_list li.labeling13:before {background:#87c3d2;}
ul.set_category_list li.labeling14:before {background:#ff4585;}
ul.set_category_list li.labeling15:before {background:#61dcee;}
ul.set_category_list li.labeling16:before {background:#8bae7c;}
ul.set_category_list li.labeling17:before {background:#ccccff;}
ul.set_category_list li.labeling18:before {background:#ffb32a;}
ul.set_category_list li.labeling19:before {background:#6971df;}
ul.set_category_list li.labeling20:before {background:#4cbb17;}
ul.set_category_list li.labeling21:before {background:#d0a535;}
ul.set_category_list li.labeling22:before {background:#ffdd2c;}
ul.set_category_list li.labeling23:before {background:#d3806e;}
ul.set_category_list li.labeling24:before {background:#6e31b1;}
ul.set_category_list li.labeling25:before {background:#f36996;}
ul.set_category_list li.labeling26:before {background:#278e16;}
ul.set_category_list li.labeling27:before {background:#bb9e95;}
ul.set_category_list li.labeling28:before {background:#a9dd6e;}
ul.set_category_list li.labeling29:before {background:#025155;}
ul.set_category_list li.labeling30:before {background:#c9c9c9;}
ul.set_category_list li.labeling31:before {background:#591ad3;}
ul.set_category_list li.labeling32:before {background:#3ac6dd;}
ul.set_category_list li.labeling33:before {background:#16a851;}
ul.set_category_list li.labeling34:before {background:#1f6bdb;}
ul.set_category_list li.labeling35:before {background:#a0e3f2;}
ul.set_category_list li.labeling36:before {background:#e21b76;}
ul.set_category_list li.labeling37:before {background:#efbb26;}
ul.set_category_list li.labeling38:before {background:#62f9ed;}
ul.set_category_list li.labeling39:before {background:#0d3a19;}
ul.set_category_list li.labeling40:before {background:#2583b7;}
ul.set_category_list li.labeling41:before {background:#2d3644;}
ul.set_category_list li.labeling42:before {background:#ef6d25;}
ul.set_category_list li.labeling43:before {background:#0cafaf;}
ul.set_category_list li.labeling44:before {background:#b10dce;}
ul.set_category_list li.labeling45:before {background:#e0c70e;}
ul.set_category_list li.labeling46:before {background:#73dce6;}
ul.set_category_list li.labeling47:before {background:#293f6d;}
ul.set_category_list li.labeling48:before {background:#759daa;}
ul.set_category_list li.labeling49:before {background:#2de3e8;}
ul.set_category_list li.labeling50:before {background:#dd3e0e;}

ul.set_category_list li input.form-control-border {width:240px;}
ul.set_category_list li button.btn_tresh {width:30px; height:30px; border:none; outline:none; background:#fff url(../images/al/icon_tresh.png) no-repeat center center; transition:0.2s; 
    text-indent:-9999px; border-radius:5px;}
ul.set_category_list li button.btn_tresh:hover {background:#f1f1f1 url(../images/al/icon_tresh.png) no-repeat center center;}




/* 프로젝트 상세_데이터목록_작업이력 */
.table_scroll {width:100%; height:auto; overflow-y:auto; overflow-x:hidden;}

.modal_table {width:100%; font-size:15px; color:#131313; line-height:20px;}
.modal_table thead {}
.modal_table thead tr th {padding:8px 10px; font-weight:bold; text-align:center; border-bottom:2px solid #1b1b1b;}

.modal_table tbody tr th {padding:8px 10px; font-weight:bold; text-align:center; background:#f5f5f5;}
.modal_table tbody tr td {padding:8px 10px; text-align:center; border-bottom:1px solid #dfe4e5;}
.modal_table tbody tr td.num {text-align:right;}

.modal_table tbody tr.completion td {background:#f4f4f4; color:#b2b2b2;}

.modal_table .progress {height:4px; margin-bottom:0; margin-top:4px; width:90px; display:inline-block; vertical-align:middle;}
.modal_table .progress .progress-bar {line-height:4px;}
.modal_table .status_btn + .progress {margin-left:10px;}
.modal_table span.per {display:inline-block; margin-left:10px; width:35px;}
.modal_table span.status {display:inline-block; margin-right:10px; font-size:15px; font-weight:bold; line-height:25px; width:100px;}

.modal_table.table-hover>tbody>tr:hover {cursor:pointer;}




/* 프로젝트 상세_데이터목록_데이터배분 */
.big_dblue_num {font-size:40px; line-height:1; color:#3c65d1; margin:0 0 25px; text-align:center;}

.pop_data_allocation {display:flex; margin:10px 0 0; justify-content:space-between;}
.pop_data_allocation > div {border:1px solid #a9b3b2;}

.pop_data_allocation .select_people {padding:20px; width:46%;}
.pop_data_allocation .select_people .border-checkbox-section .border-checkbox-group .border-checkbox-label {margin-right:0; top:2px;}

.pop_data_allocation .data_allocation {width:52%;}
.pop_data_allocation .data_allocation p.data_allocation_num {margin:0; height:50px; line-height:48px; text-align:right; padding:0 20px; background:#def5ff; font-size:15px; 
    color:#1995cb; font-weight:bold;}
.pop_data_allocation .data_allocation p.data_allocation_num span {font-size:20px; display:inline-block;}

.pop_data_allocation .data_allocation .form-control-border {line-height:23px; height:23px; width:70px; text-align:right;}
.pop_data_allocation .data_allocation button.btn_tresh {width:23px; height:23px; border:none; outline:none; background:#fff url(../images/al/icon_tresh.png) no-repeat center center; 
    transition:0.2s; margin-left:10px; text-indent:-9999px; border-radius:5px; display:inline-block; vertical-align:middle;}
.pop_data_allocation .data_allocation button.btn_tresh:hover {background:#f1f1f1 url(../images/al/icon_tresh.png) no-repeat center center;}


/* 프로젝트 상세_작업자목록_강제변경처리 */
ul.pop_ul_info {padding:0; margin:0;}
ul.pop_ul_info li {list-style:none; color:#131313; padding:0 0 0 10px; position:relative; margin:0 0 8px; font-size:14px; line-height:20px; word-break:keep-all;}
ul.pop_ul_info li:after {content:""; position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:2px; background:#000; display:block;}




/* start :회원가입 - mykim add */
.ul_list {padding:0; margin:0;}
.ul_list:after {display:block; content:''; clear:both;}
.ul_list > li {position:relative; margin:0; list-style:none;}
.ul_list.dot > li {padding:3px 0; padding-left:15px; font-size:14px;}
.ul_list.dot > li:before {display:block; content:''; clear:both; width:4px; height:4px; position:absolute; top:10px; left:5px; border-radius:2px; background-color:#161616;}
.ul_list.text > li {color:#737373; font-size:14px;}

.memberJoin {max-width:1400px; margin:0 auto;}
ol.memberJoin_step {padding:0; margin:0 0 100px 0; overflow:hidden;}
ol.memberJoin_step:after {display:block; content:''; clear:both;}
ol.memberJoin_step > li {float:left; width:33%; height:60px; padding:0; margin:0; list-style:none; position:relative; background:#ebebeb url(../images/login/join_step.jpg) no-repeat top right;}
ol.memberJoin_step > li:last-child {width:34%; background-image:none;}
ol.memberJoin_step > li > span {display:block; height:60px; line-height:60px; position:relative; color:#8f8f8f; font-size:20px; font-weight:700;}
ol.memberJoin_step > li.active {background:#1c556e url(../images/login/join_step_on.jpg) no-repeat top right;}
ol.memberJoin_step > li.active:before {display:block; content:''; clear:both; width:40px; height:60px; position:absolute; top:0; left:-40px; background:#1c556e url(../images/login/join_step_back.jpg) no-repeat top right;}
ol.memberJoin_step > li.active > span {color:#fff;}
ol.memberJoin_step > li .number {display:inline-block; vertical-align:top; padding:0 50px 0 30px;}

.memberJoin_title {font-size:28px; font-weight:700; text-align:center;}
.memberJoin_summary {font-size:16px; font-weight:500; text-align:center;}

dl.memberJoin_agreeGroup {margin:100px 100px 0 100px;}
dl.memberJoin_agreeGroup > dt {padding:15px 0; border-bottom:3px solid #000;}
dl.memberJoin_agreeGroup > dt .border-checkbox-section .border-checkbox-group .border-checkbox-label {font-size:18px; font-weight:700;}
dl.memberJoin_agreeGroup > dd {}

dl.agree_element {margin:0;}
dl.agree_element > dt {padding:15px 30px; position:relative;}
dl.agree_element > dt .toggle_agree_text {display:block; width:50px; position:absolute; top:0; right:0; bottom:0; text-indent:-9999px; cursor:pointer;}
dl.agree_element > dt .toggle_agree_text:after {display:block; content:''; width:14px; height:14px; position:absolute; top:15px; right:20px; border-top:1px solid #c8c8c8; border-right:1px solid #c8c8c8; transform:rotate(135deg); transition-duration:0.2s;}
dl.agree_element > dt b {color:#1c556e; font-weight:normal;}
dl.agree_element > dd {height:0; padding:0 30px; border-top:1px solid #e8e8e8; background-color:#f4f4f4; transition-duration:0.2s; overflow:hidden;}
dl.agree_element.active > dt .toggle_agree_text:after {border-color:#295f77; top:20px; transform:rotate(-45deg);}
dl.agree_element.active > dd {height:auto; padding:20px 30px; border-bottom:1px solid #e8e8e8;}
dl.agree_element.active > dd pre {padding:0; margin:0; font-family:'Noto Sans KR',"맑은고딕","Malgun Gothic",'Apple SD Gothic Neo',"돋움",dotum,Arial,sans-serif; border:0; background-color:none;}

.join_area {width:1200px; margin:60px auto 0;}
.join_area .required {position:relative;}
.join_area .required:before {display:inline-block; content:'*'; clear:both; position:absolute; left:-10px; color:red;}
ul.explain {display:flex; flex-direction:row; align-items:flex-end; padding:0; margin:0;}
ul.explain > li {flex:1; padding:10px 0; margin:0; list-style:none;}
ul.explain > li:first-child {font-size:22px; font-weight:700;}
ul.explain > li:last-child {text-align:right;}
ul.explain > li .join_id {display:inline-block; min-width:150px; padding:0 2px; color:#7d7d7d; font-weight:normal;}
ul.explain > li .join_date {display:inline-block; padding:0 2px; font-size:14px; color:#7d7d7d; font-weight:normal;}

ul.form {display:flex; flex-direction:column; border-top:3px solid #151515; padding:0; margin:0;}
ul.form:after {display:block; content:''; clear:both;}
ul.form > li {display:flex; flex-direction:row; align-items:center; min-height:55px; padding:15px 0 15px 30px; margin:0; list-style:none; border-bottom:1px solid #dbdbdb;}
ul.form > li:after {display:block; content:''; clear:both;}
ul.form > li .tb_th {flex:2; max-width:inherit; margin:0; font-size:14px; font-weight:700;}
ul.form > li .tb_td {flex:10; font-size:14px;}
ul.form > li.noLine {border:0;}
ul.form > li.col4 .tb_th {flex:1;} 
ul.form > li.col4 .tb_td {flex:5;}

ul.form .radio input[type=radio] {margin-left:0;}
ul.form .radio label {padding:0 20px;}
ul.form input[type=text],
ul.form input[type=password],
ul.form select {min-width:150px; height:30px; margin:0 5px; border:0; border-bottom:1px solid #787b80;}
ul.form .explain {display:inline-block; padding:0 5px; font-size:12px; font-weight:700;}
ul.form .receive_state {display:inline-block; padding:0 100px 0 10px;}
ul.form input.memberAdddr,
ul.form input.memberAddrDetail {display:inline-block; min-width:300px; margin-top:10px;}

table.data_table input[type=text],
table.data_table input[type=password],
table.data_table select {min-width:200px; height:30px; margin:0 5px; border:0; border-bottom:1px solid #787b80; background-color:transparent;}

.member_reault {padding-top:300px; background-repeat:no-repeat; background-position:center center;}
.member_reault.join {background-image:url(../images/login/member_join_result.png)}
.member_reault.edit {background-image:url(../images/login/member_edit_result.png)}
.member_reault.withdraw {background-image:url(../images/login/member_withdraw_result.png)}
.member_reault strong {display:block; font-size:28px; font-weight:700; text-align:center;}
.member_reault p {padding:10px 0; color:#626262; font-size:17px; font-weight:700; text-align:center;}
/* end :회원가입 - mykim add */

/* start :popup - mykim add */
p.form_explain {text-align:right;}
p.form_explain .required {position:relative;}
p.form_explain .required:before {display:inline-block; content:'*'; clear:both; position:absolute; left:-5px; color:#ed1c24;}

ul.form_explain {display:flex; flex-direction:row; align-items:flex-end; padding:0; margin:0;}
ul.form_explain > li {padding:10px 0; margin:0; list-style:none;}
ul.form_explain > li:first-child {flex:1; font-size:22px; font-weight:700;}
ul.form_explain > li:last-child {flex:2; text-align:right;}
ul.form_explain > li .join_id {display:inline-block; padding:0 2px; font-size:15px; color:#7d7d7d; font-weight:normal;}
ul.form_explain > li .join_info {display:inline-block; padding:0 5px; position:relative; font-size:15px; color:#131313; font-weight:normal;}
ul.form_explain > li .join_info:before {display:inline-block; content:''; clear:both; width:1px; position:absolute; top:2px; bottom:2px; left:0; background-color:#dbdbdb;}

.popup_form {padding:0 60px;}
.popup_form table {width:100%;}
.popup_form table th,
.popup_form table td {padding:5px; font-size:15px;}
.popup_form table th {line-height:2; vertical-align:top;}
.popup_form label {display:inline-block; height:30px; font-size:15px; font-weight:700;}
.popup_form label.required {position:relative;}
.popup_form label.required:before {display:inline-block; content:'*'; clear:both; position:absolute; left:-10px; color:red;}
.popup_form input[type=text],
.popup_form input[type=password],
.popup_form select {width:100%; height:30px; border:0; border-bottom:1px solid #787b80;}
.popup_form textarea {width:100%; min-height:200px; margin:10px 0; border:1px solid #787b80; border-radius:5px;}

.popup_form.line {padding:30px 60px;}
.popup_form.line table {border-top:2px solid #000;}
.popup_form.line table th,
.popup_form.line table td {border-bottom:1px solid #dbdbdb}

.pop_flow .btn_group {margin:20px 0; text-align:center;}
.pop_flow .btn_group button,
.pop_flow .btn_group a {display:inline-block; vertical-align:top; padding:0 10px; margin:0; color:#333; font-size:14px; font-weight:700; cursor:pointer; border:0; background-color:#fff; transition:0.2s;}
.pop_flow .btn_group button:hover,
.pop_flow .btn_group a:hover {color:#0ba29a;}    
.pop_flow .login_btn {width:100%; height:45px; line-height:43px; font-size:16px; color:#fff; font-weight:bold; text-align:center; background:#131e49; 
                        -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; cursor:pointer; border:none; border-radius:23px;}
.pop_flow .login_btn:hover {background:#47b2d2;}

.medical_approve {padding:30px 0 0; position:relative; border:1px solid #e0e0e0; border-radius:14px; overflow:hidden;}
.medical_approve .approve_date {height:30px; padding:5px 10px; position:absolute; top:0; left:0; z-index:9;}
.medical_approve .bx-wrapper {margin-bottom:0; background-color:inherit; border:0; box-shadow:inherit;}
.medical_approve .bxslide .imgBox {text-align:center;}
.medical_approve .bxslide .imgBox img {display:inline-block; max-height:420px;}
.medical_approve .bx-wrapper .bx-pager {height:30px; padding:0 15px; bottom:inherit; top:-30px; background-color:#e0e0e0; text-align:right;}
.medical_approve .bx-wrapper .bx-pager.bx-default-pager a {margin:0 2px; background-color:#fff;}
.medical_approve .bx-wrapper .bx-pager.bx-default-pager a:hover {background-color:#fff;}
.medical_approve .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#4eff00;}
/* end :popup - mykim add */

/* start :이용안내 - mykim add */
.information_wrap {height:100%; padding:50px 0 0 0; background-color:#fff;}
.information {display:flex; flex-direction:row; width:1600px; height:100%; margin:0 auto; overflow:hidden;}
.information:after {display:block; content:''; clear:both;}
.menu_area {flex:3; /*width:250px; */flex-direction:column;}
.menu_area > a {display:flex; align-items:center; height:80px; padding:0 10px 0 30px; position:relative; font-size:16px;}
.menu_area > a:before {display:none; content:''; clear:both; width:6px; height:6px; position:absolute; top:50%; left:15px; margin-top:-3px; border-radius:3px; background-color:#ffc30c;}
.menu_area > a.active {color:#fff; font-size:18px; border-radius:40px 0 0 0; background-color:#444647;}
.menu_area > a.active:before {display:block;}
.brief_area {flex:4; /*width:380px; */position:relative; background-color:#444647;}
.brief_area .brief {display:block; height:100%; padding:80px 60px; color:#fff; background-repeat:no-repeat; background-position:left top;}
.brief_area .brief.brief01 {background-image:url(../images/al/info_brief01_bg.png)}
.brief_area .brief.brief02 {background-image:url(../images/al/info_brief02_bg.png)}
.brief_area .brief.brief03 {background-image:url(../images/al/info_brief03_bg.png)}
.brief_area .brief.brief04 {background-image:url(../images/al/info_brief04_bg.png)}
.brief_area .brief.brief05 {background-image:url(../images/al/info_brief05_bg.png)}
.brief_area .brief.brief06 {background-image:url(../images/al/info_brief06_bg.png)}
.brief_area .brief h3 {display:block; padding:10px 0; font-size:20px; word-break:keep-all;}
.brief_area .brief h4 {display:block; padding:20px 0; font-size:40px; word-break:keep-all;}
.brief_area .brief p {padding:8px 0; font-size:16px; word-break:keep-all;}
.con_area {flex:10; max-width:970px; max-height:100%;}
.con_area .info_con {display:block;}
.con_area .info_con .slideItem {width:100%; overflow-x:hidden; overflow-y:auto;}
.con_area .info_con .slideItem.video {display:flex; align-items:center; background-color:#000; border:1px solid #000;}
.con_area .info_con .slideItem img,
.con_area .info_con .slideItem.video video {width:100% !important;}
.con_area .info_con .bx-wrapper {margin:0; box-shadow:none; border:0; background:inherit; height:100%;}
.con_area .info_con .bx-wrapper .bx-controls-direction a {width:100px; height:inherit; margin:0; margin-left:-50px; left:50%; color:#fff; font-size:14px; text-align:center; text-indent:inherit; border-radius:30px;}
.con_area .info_con .bx-wrapper .bx-prev {padding:32px 0 5px 0; left:inherit; top:20px; background:rgba(0,0,0,0.2) url(../images/al/info_con_up.png) no-repeat center 8px;}
.con_area .info_con .bx-wrapper .bx-next {padding:5px 0 32px 0; right:inherit; top:inherit; bottom:20px; background:rgba(0,0,0,0.2) url(../images/al/info_con_down.png) no-repeat center 32px;}
/* end :이용안내 - mykim add */




/*==================================================================================================================
                                                메이페이지
====================================================================================================================*/
/* 메인 TOP */
.main_top_area {width:100%; height:720px; background:url(../images/main/main_top_bg.png) no-repeat left top; background-size:cover; overflow:hidden;}
.main_top_area .main_top_con {width:1600px; margin:0 auto; position:relative; padding:0; position:relative;}

.main_top_con h2.main_top_logo {display:block; padding-top:100px; margin:0; width:50%;}
.main_top_con h3.main_top_typo {display:block; margin:25px 0 0; width:50%;}
.main_top_con > p {font-size:26px; color:#fff; font-weight:500; line-height:38px; margin:75px 0 0; letter-spacing:-1px; width:50%; padding-left:70px;}

.main_top_con .main_top_info {position:absolute; right:0; top:0; width:50%; height:720px; background:rgba(0,0,0,0.5); padding:140px 100px 0 60px; color:#fff;}
.main_top_info ul.main_info {padding:0; margin:0; overflow:hidden;}
.main_top_info ul.main_info li {padding:0; margin:0; list-style:none; float:left; text-align:right;}
.main_top_info ul.main_info li h3 {display:inline-block; padding:5px 0 30px 60px; color:#fff; font-size:27px; line-height:40px; letter-spacing:-1px; position:relative; font-weight:bold; 
    line-height:1; margin:0;}
.main_top_info ul.main_info li h3 span {display:block; color:#1cbfce; font-size:16px; font-weight:normal; margin-top:8px;}
.main_top_info ul.main_info li h3:after {content:""; display:block; width:53px; height:1px; background:#fff; position:absolute; right:0; bottom:0;}
.main_top_info ul.main_info li strong {display:block; font-size:55px; font-weight:bold; color:#fff; letter-spacing:-1px; line-height:1; margin-top:18px;}
.main_top_info p {text-align:right; font-size:19px; font-weight:500; position:absolute; right:100px; bottom:20px;}

.main_top_info ul.main_info li.data_num {width:100%; margin-bottom:70px;}
.main_top_info ul.main_info li.data_num h3 {padding-left:100px; background:url(../images/main/main_top_icon1.png) no-repeat left top;}
.main_top_info ul.main_info li.data_num strong {color:#00eaff; font-size:65px;}

.main_top_info ul.main_info li.woker_num {width:100%;}
.main_top_info ul.main_info li.woker_num h3 {background:url(../images/main/main_top_icon2.png) no-repeat left top;}

.main_top_info ul.main_info li.point_num {width:60%;} 
.main_top_info ul.main_info li.point_num h3 {background:url(../images/main/main_top_icon3.png) no-repeat left top;}


/* 메인 Project List */
.main_project_area {padding:110px 30px 90px; background:#f8f8f9 url(../images/main/main_project_area_bg.png) no-repeat left top; position:relative;}
.main_project_area:after {content:""; display:block; width:100%; height:35px; position:absolute; left:0; bottom:-35px; 
    background:url(../images/main/main_project_area_shadow.png) no-repeat center top;}
.main_project_area .main_project_con {width:1600px; margin:0 auto; position:relative; padding:0; position:relative;}
.main_project_area .main_project_con h2.main_project_title {color:#010101; font-size:50px; line-height:1; margin:0; font-weight:bold; padding-left:75px;}

.main_project_con ul.main_project_tab {padding:0; margin:0; position:absolute; left:480px; top:15px;}
.main_project_con ul.main_project_tab li {list-style:none; display:inline-block; margin:0 20px 0 0;}
.main_project_con ul.main_project_tab li button {padding:0; margin:0; width:auto; height:30px; font-size:19px; line-height:1; padding:5px 10px; margin:0; background:none; color:#787878; 
    transition:0.2s; border:none; outline:none; font-weight:normal; letter-spacing:-1px;}
.main_project_con ul.main_project_tab li.active button, .main_project_con ul.main_project_tab li:hover button {font-weight:bold; color:#000;}

.main_project_con a.project_list_link {width:35px; height:35px; text-indent:-9999px; display:inline-block; position:absolute; right:0; transition:0.2s; 
    background:url(../images/main/project_list_icon.png) no-repeat center center; background-size:auto;}
.main_project_con a.project_list_link:hover {background:url(../images/main/project_list_icon_hover.png) no-repeat center center;}


/* 프로젝트 리스트 */
.main_project_con ul.project_list {margin:50px 0 0 0; padding:0 60px; display:flex; flex-wrap:wrap;}
.main_project_con ul.project_list .owl-item {padding:0 15px;}
.main_project_con ul.project_list .owl-item > li {position:relative; padding:48px 25px 40px; list-style:none; border-radius:5px; box-shadow:0 8px 15px rgba(0,0,0,0.1); background:#fff; 
    margin-top:70px; transition:0.3s;}

.main_project_con ul.project_list .owl-stage {padding:0 0 30px; box-sizing:border-box;} 
.main_project_con ul.project_list .owl-item:hover > li {margin-top:0;}
.main_project_con ul.project_list .owl-item.center > li {margin-top:0; background:#eefcff;}
.main_project_con ul.project_list li span.project_state {position:absolute; width:60px; height:30px; text-align:center; line-height:30px; color:#fff; right:0; top:0; font-size:14px; border-radius:0 5px 0 0;}
.main_project_con ul.project_list li span.project_state.project_waiting {background:#000;}
.main_project_con ul.project_list li span.project_state.project_recruiting {background:#3c65d1;}
.main_project_con ul.project_list li span.project_state.project_ongoing {background:#54cf4b;}

.main_project_con ul.project_list li h3.project_list_title {color:#010101; font-size:26px; height:64px; line-height:32px; margin:0 0 30px; overflow:hidden; text-overflow:ellipsis; 
         display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}

.main_project_con ul.project_list li ul.card_info1 {padding:0; margin:0;}
.main_project_con ul.project_list ul.card_info1 li {font-size:17px; line-height:24px; color:#000; list-style:none; padding:0; margin:0;}
.main_project_con ul.project_list li ul.card_info1 li strong {display:inline-block; width:65px;}
.main_project_con ul.project_list li ul.card_info1 li span {display:inline-block;}
.main_project_con ul.project_list li ul.card_info1 li span img {display:inline-block; margin-left:8px;}

.main_project_con ul.project_list li ul.card_info2 {padding:0; margin:35px 0 0;}
.main_project_con ul.project_list li ul.card_info2 li {font-size:14px; line-height:24px; color:#000; list-style:none; padding:0; margin:0;}
.main_project_con ul.project_list li ul.card_info2 li strong {display:inline-block; width:65px;}
.main_project_con ul.project_list li ul.card_info2 li span {display:inline-block;}

.main_project_con ul.project_list li .card_hover {opacity:0; visibility:hidden; position:absolute; left:0; top:0; width:100%; height:100%; background:#1c556e; color:#fff; transition:0.2s; border-radius:5px; 
    padding:25px;}
.main_project_con ul.project_list li:hover .card_hover {opacity:1; visibility:visible;}
.main_project_con ul.project_list li .card_hover span {font-size:18px; display:block; text-align:right;}
.main_project_con ul.project_list li .card_hover h4 {font-size:26px; height:64px; line-height:32px; margin:15px 0 40p; overflow:hidden; text-overflow:ellipsis; 
         display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}
.main_project_con ul.project_list li .card_hover p {font-size:16px; height:48px; line-height:24px; margin:0 0 40px; overflow:hidden; text-overflow:ellipsis; 
         display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}
.main_project_con ul.project_list li .card_hover a {display:block; width:80%; margin:0 auto; background:#fff; height:40px; line-height:40px; font-size:16px; color:#1c556e; text-align:center; border-radius:20px; 
    font-weight:bold; transition:0.2s;}
.main_project_con ul.project_list li .card_hover a i {margin-left:20px;}
.main_project_con ul.project_list li .card_hover a:hover {background:#3c65d1; color:#fff;}


.main_project_con ul.project_list.owl-carousel .owl-nav {margin:0;}
.main_project_con ul.project_list.owl-carousel .owl-nav span {text-indent:-9999px; position:relative; width:20px; height:36px; display:inline-block; transition:0.2s;}
.main_project_con ul.project_list.owl-carousel .owl-nav .owl-prev {position:absolute; left:0; top:50%; margin-top:-20px;}
.main_project_con ul.project_list.owl-carousel .owl-nav .owl-prev span {background:url("../images/al/my_p_list_left.png") no-repeat center center;}
.main_project_con ul.project_list.owl-carousel .owl-nav .owl-prev span:hover {background:url("h../images/al/my_p_list_left_hover.png") no-repeat center center;}
.main_project_con ul.project_list.owl-carousel .owl-nav .owl-next {position:absolute; right:0; top:50%; margin-top:-20px;}
.main_project_con ul.project_list.owl-carousel .owl-nav .owl-next span {background:url("../images/al/my_p_list_right.png") no-repeat center center;}
.main_project_con ul.project_list.owl-carousel .owl-nav .owl-next span:hover {background:url("../images/al/my_p_list_right_hover.png") no-repeat center center;}
.main_project_con ul.project_list.owl-carousel.owl-theme .owl-nav [class*='owl-']:hover {background:none;}



/* 메인 프로세스 */
.main_process_area {padding:180px 30px 170px; background:#fff;}
.main_process_area .main_process_con {width:1600px; margin:0 auto; position:relative; padding:0;}

.main_process_con #mainProcessSvg {display:block; width:1400px; height:271px; margin:0 auto;}
.main_process_con .main_process_svg {stroke-dasharray:3000; stroke-dashoffset:3000;}
.main_process_con.active .main_process_svg {animation:ani_process 5s linear 1 forwards;}
@keyframes ani_process {
  0% {stroke-dashoffset:3000;}
  100% {stroke-dashoffset:0;}
}

.main_process_con ul.main_process {padding:0; margin:0; position:absolute; left:50%; top:50%;}
.main_process_con ul.main_process li {list-style:none; text-align:center; position:absolute; left:50%; top:0; width:270px;}
.main_process_con ul.main_process li img {}
.main_process_con ul.main_process li p {margin:15px 0 5px; color:#000000; font-size:26px; font-weight:bold; line-height:1; letter-spacing:-2px;}
.main_process_con ul.main_process li span {display:block; color:#696969; font-size:16px; line-height:24px; letter-spacing:-1px;}

.main_process_con ul.main_process li:nth-child(1) {left:-590px; top:-200px;}
.main_process_con ul.main_process li:nth-child(2) {left:-190px; top:-191px;}
.main_process_con ul.main_process li:nth-child(3) {left:260px; top:-199px;}
.main_process_con ul.main_process li:nth-child(4) {left:360px; top:35px;}
.main_process_con ul.main_process li:nth-child(5) {left:-60px; top:32px;}
.main_process_con ul.main_process li:nth-child(6) {left:-460px; top:37px;}




/* 메인 클라이언트 */
.main_clients_area {padding:85px 30px; background:#9b9b9b url(../images/main/main_clients_bg.png) no-repeat left bottom; background-size:cover;}
.main_clients_area .main_clients_con {width:1600px; margin:0 auto; position:relative;}
.main_clients_con h2.clients_title {color:#fff; font-size:30px; font-weight:bold; text-align:center; margin:0;}

.main_clients_con ul.clients_ul {padding:0; margin:80px 0 0; overflow:hidden;}
.main_clients_con ul.clients_ul li {padding:0; margin:0; list-style:none; display:inline-block; float:left; width:25%; height:100px; text-align:center; position:relative;}
.main_clients_con ul.clients_ul li img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.main_clients_con a.clients_btn {display:block; padding:0 32px 0 45px; color:#fff; font-size:16px; font-weight:bold; background:url(../images/main/plus_icon.png) no-repeat right 35px center; 
    border:1px solid #fff; border-radius:18px; transition:0.2s; margin:80px auto 0; width:150px; line-height:33px;}
.main_clients_con a.clients_btn:hover {background:#1c556e url(../images/main/plus_icon.png) no-repeat right 35px center; border-color:#1c556e;}



/* main_footer */
footer.main_footer {display:block; background:#fff; padding:0 30px; border-top:1px solid #e8e8e8;}
footer.main_footer .main_footer_con {width:100%; margin:0 auto; position:relative; padding:30px 0 30px 210px; font-size:12px; color:#000;}
footer.main_footer .main_footer_con img {position:absolute; left:0; top:50%; transform:translate(0,-50%);}
footer.main_footer .main_footer_con address {display:inline-block; margin:0; color:#888; margin-right:30px;}
footer.main_footer .main_footer_con a {display:inline-block; margin-left:50px; letter-spacing:0; transition:0.2s; color:#888;}
footer.main_footer .main_footer_con a:hover {color:#3c65d1;}
footer.main_footer .main_footer_con p.copyright {margin:1px 0 0; color:#888; position:absolute; right:0;}


@media all and (max-width:1640px) {
    .main_top_area .main_top_con {width:1400px;}
    .main_top_con h2.main_top_logo, .main_top_con h3.main_top_typo, .main_top_con > p {width:45%;}
    .main_top_con .main_top_info {width:55%;}
    
    .main_project_area .main_project_con {width:1400px;}
    .main_project_area .main_project_con h2.main_project_title {padding-left:100px;}
    .main_project_con ul.main_project_tab {left:510px;}
    
    .main_process_area .main_process_con {width:1400px;}
    .main_process_con #mainProcessSvg {width:1340px;}
    .main_process_con ul.main_process li:nth-child(1) {top:-195px;}
    .main_process_con ul.main_process li:nth-child(2) {top:-186px;}
    .main_process_con ul.main_process li:nth-child(3) {top:-194px;}
    .main_process_con ul.main_process li:nth-child(4) {top:30px;}
    .main_process_con ul.main_process li:nth-child(5) {top:27px;}
    .main_process_con ul.main_process li:nth-child(6) {top:33px;}
    
    .main_clients_area .main_clients_con {width:1400px;}
    
    footer.main_footer .main_footer_con {width:1400px;}
    
}


@media all and (max-width:1440px) {
    .main_top_area {padding:0 30px;}
    .main_top_area .main_top_con {width:1340px;}
    .main_top_con > p {padding-left:40px;}
    
    .main_project_area .main_project_con {width:1340px;}
    
    .main_process_area .main_process_con {width:1340px;}
    
    .main_clients_area .main_clients_con {width:1340px;}
    
    footer.main_footer .main_footer_con {width:1340px;}
}






/*==================================================================================================================
                                            신규 페이지 2021-06-29
====================================================================================================================*/
/* 카테고리 팝업 */
.radio_tab_area {height:400px; overflow-y:auto; overflow-x:hidden;}


/* 파일 업로드 */
.upload_tmpfile {padding:0;}
.upload_tmpfile .dropzone {display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:180px; border:2px dashed #cbd4db; padding:0 20px 20px;}
.upload_tmpfile .dropzone.dz-started {height:inherit; min-height:inherit; padding:0; border:0; background-color:transparent;}

.upload_tmpfile .dropzone .dz-message {margin:0;}
.upload_tmpfile .dropzone .dz-message span {position:relative; text-align:center; z-index:0;}
.upload_tmpfile .dropzone .dz-message span span {display:block;}
.upload_tmpfile .dropzone .dz-message span span:nth-child(1) {padding-top:83px; font-size:15px; color:#555a5e; background-image:url(../images/icon/img_gray_xls.png); background-repeat:no-repeat,no-repeat; background-position:47% 5px,67% 20px; background-size:57px auto,41px auto; font-weight:bold;}
.upload_tmpfile .dropzone .dz-message span span:nth-child(2) {display:inline-block; line-height:30px; padding:0 40px 0 60px; margin:15px auto 0; font-size:15px; color:#fff; border-radius:15px; background:#000 url(../images/icon/img_white_upload2.png) no-repeat 35px center;}

.upload_tmpfile .dropzone .dz-preview {display:flex; flex-direction:row; align-items:center; width:100%; min-height:inherit; padding:0 0 0 100px; margin:10px; position:relative; background-color:#e3f5d7;}
.upload_tmpfile .dropzone .dz-preview .dz-details {width:inherit; margin:0 10px; position:static; opacity:1;}
.upload_tmpfile .dropzone .dz-preview .dz-success-mark, 
.upload_tmpfile .dropzone .dz-preview .dz-error-mark {width:54px; height:54px; margin-left:0; left:30px; z-index:1;}
.upload_tmpfile .dropzone .dz-preview .dz-success-mark {background:url(../images/icon/icon_sucess.png) no-repeat center center;}
.upload_tmpfile .dropzone .dz-preview .dz-error-mark {background:url(../images/icon/icon_fail.png) no-repeat center center;}
.upload_tmpfile .dropzone .dz-preview .dz-success-mark svg, 
.upload_tmpfile .dropzone .dz-preview .dz-error-mark svg {display:none;}
.upload_tmpfile .dropzone .dz-preview .dz-image {display:none;}
.upload_tmpfile .dropzone .dz-preview .dz-details {display:flex; flex-direction:row; align-items:center; min-width:inherit;}
.upload_tmpfile .dropzone .dz-preview .dz-details .dz-size {margin:0;}
.upload_tmpfile .dropzone .dz-preview .dz-details .dz-filename span, 
.upload_tmpfile .dropzone .dz-preview .dz-details .dz-size span {background:transparent;}
.upload_tmpfile .dropzone .dz-preview .dz-error-message:after {display:none;}

.upload_tmpfile .dropzone.dz-drag-hover {background-color:#faf8ff; border:2px dashed #7969ff;}
.upload_tmpfile .dropzone.dz-drag-hover .dz-message {opacity:1;}
.upload_tmpfile .dropzone.dz-drag-hover .dz-message span span:nth-child(1) {background-image:url(../images/icon/img_active_csv.png), url(../images/icon/img_active_xls.png);}

.upload_tmpfile .dropzone .dz-preview.dz-error {}
.upload_tmpfile .dropzone .dz-preview.dz-error .dz-details {opacity:0;}
.upload_tmpfile .dropzone .dz-preview.dz-error .dz-error-message {width:inherit; line-height:55px; color:#ed0c19; text-align:center; top:0; right:0; bottom:0; left:0; background:#ffe6e6; opacity:1; z-index:0;}

/* 카테고리설정 - 파일 업로드 예시 */
.category_pop_ex p {font-size:13px; font-weight:bold; color:#ed1c24; margin:30px 0 6px;}
.category_pop_ex img {width:100%; max-width:428px;}


/* ******************** 카테고리 팝업 트리메뉴 ******************** */
.category_pop_tree .tooltip-inner {word-break:keep-all;}

.category_pop_tree .jstree-default > .jstree-container-ul {border-top:1px solid #2d2d2d;}
.category_pop_tree .jstree-default .jstree-node, .category_pop_tree .jstree-default .jstree-icon.jstree-themeicon {background:none !important;}
.category_pop_tree .jstree-default li .jstree-wholerow {border-bottom:1px solid #ddd;}

/* 폴더아이콘 기본 */
.category_pop_tree .jstree-default ul.jstree-container-ul .jstree-icon.jstree-themeicon {display:none; margin-right:5px;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li > a.jstree-anchor > .jstree-icon.jstree-themeicon {position:relative; display:inline-block;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {content:""; display:inline-block; width:14px; height:14px; 
    border-radius:7px; background:#d9d9d9; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(1) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#1876d1;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(2) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#c66cd5;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(3) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ff7949;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(4) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#66ff33;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(5) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#6600ff;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(6) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#2dc1ff;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(7) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#178b82;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(8) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#5e76b4;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(9) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#894c5e;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(10) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#40c0b8;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(11) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#b47c0d;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(12) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ffcdd9;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(13) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#87c3d2;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(14) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ff4585;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(15) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#61dcee;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(16) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#8bae7c;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(17) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ccccff;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(18) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ffb32a;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(19) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#6971df;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(20) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#4cbb17;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(21) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#d0a535;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(22) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ffdd2c;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(23) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#d3806e;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(24) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#6e31b1;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(25) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#f36996;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(26) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#278e16;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(27) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#bb9e95;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(28) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#a9dd6e;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(29) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#025155;}
.category_pop_tree .jstree-default ul.jstree-container-ul > li:nth-child(30) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#c9c9c9;}
.category_pop_tree .jstree-default ul.jstree-container-ul .jstree-icon.jstree-ocl {/* margin-right:3px; */}

.category_pop_tree .jstree-default ul.jstree-container-ul > li > div.jstree-wholerow {background:#f5f5f5;}


/* 테이블 트리에 대해 백그라운드 색상 적용 */
.category_pop_tree .jstree-default .jstree-node.tree_table > div {background:#f2f9ff;}

/* 호버 색상 */
/* .category_pop_tree .jstree-default li {position:relative;} */
.category_pop_tree .jstree-wholerow-ul .jstree-anchor {width:calc(100% - 20px); padding-right:48px;}
.category_pop_tree .jstree-default li button {position:absolute; top:0; width:24px; height:40px; line-height:40px; border:none; background:transparent; margin-right:0; text-indent:-9999px;}
.category_pop_tree .jstree-default li button.category_btn_add {right:34px; background:url(../images/icon/icon_category_btn_add.png) no-repeat center center;}
.category_pop_tree .jstree-default li button.category_btn_add:hover {background:url(../images/icon/icon_category_btn_add_hover.png) no-repeat center center;}
.category_pop_tree .jstree-default li .jstree-clicked button.category_btn_add:hover {background:url(../images/icon/icon_category_btn_add_white.png) no-repeat center center;}
.category_pop_tree .jstree-default li button.category_btn_del {right:10px; background:url(../images/icon/icon_category_btn_del.png) no-repeat center center;}
.category_pop_tree .jstree-default li button.category_btn_del:hover {background:url(../images/icon/icon_category_btn_del_hover.png) no-repeat center center;}
.category_pop_tree .jstree-default li .jstree-clicked button.category_btn_del:hover {background:url(../images/icon/icon_category_btn_del_white.png) no-repeat center center;}

.category_pop_tree .jstree-default li .jstree-clicked.jstree-anchor i:after {color:#fff !important;}

.category_pop_tree .jstree-anchor {/* overflow:hidden; text-overflow:ellipsis; */}
.category_pop_tree .jstree-rename-input {color:#111 !important;}
.category_pop_tree .jstree-rename-input {min-width:180px; max-height:24px;}
.category_pop_tree .vakata-context .vakata-contextmenu-disabled > a > i {filter:grayscale(100%);}
.category_pop_tree .jstree-default .jstree-wholerow-hovered {background:#a6f5e0 !important;}
.category_pop_tree .jstree-default .jstree-wholerow-clicked {background:#42caa5 !important;}
.category_pop_tree .jstree-default .jstree-clicked.jstree-anchor,
.category_pop_tree .jstree-default .jstree-clicked.jstree-anchor:link,
.category_pop_tree .jstree-default .jstree-clicked.jstree-anchor:visited,
.category_pop_tree .jstree-default .jstree-clicked.jstree-anchor:hover,
.category_pop_tree .jstree-default .jstree-clicked.jstree-anchor:active {color:#fff;}
.category_pop_tree .jstree-default .jstree-node {min-height:40px; line-height:40px; margin-left:15px; min-width:20px;}
.category_pop_tree .jstree-default .jstree-anchor {line-height:40px; height:40px;}
.category_pop_tree .jstree-default .jstree-icon {width:20px; height:40px; line-height:40px;}
.category_pop_tree .jstree-default .jstree-icon:empty {width:20px; height:40px; line-height:40px;}
.category_pop_tree .jstree-default.jstree-rtl .jstree-node {margin-right:20px;}
.category_pop_tree .jstree-default .jstree-wholerow {height:40px;}
.category_pop_tree .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {background:url(../images/icon/icon_tree_open.png) no-repeat center center;}
.category_pop_tree .jstree-default > .jstree-no-dots .jstree-open > .jstree-wholerow-clicked + .jstree-ocl {background:url(../images/icon/icon_tree_open_white.png) no-repeat center center;}
.category_pop_tree .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {background:url(../images/icon/icon_tree_default.png) no-repeat center center;}
.category_pop_tree .jstree-default > .jstree-no-dots .jstree-closed > .jstree-wholerow-clicked + .jstree-ocl {background:url(../images/icon/icon_tree_default_white.png) no-repeat center center;}
.category_pop_tree #jstree-dnd.jstree-default {line-height:40px; padding:0 4px;}
.category_pop_tree #jstree-dnd.jstree-default i {background:transparent; width:20px; height:40px; line-height:40px;}
.category_pop_tree .jstree-default .defaultViewYn_Y {font-weight:bold; color:#0059bc;}



/* ******************** 전체 카테고리 조회 ******************** */
/* 미리보기 */
.category_preview {position:fixed; left:50%; top:50%; transform:translate(0,-50%); height:687px; margin-left:285px; opacity:0; display:none;}
.category_preview.active {display:block; animation:category_preview 0.2s 1 linear both;}

@keyframes category_preview {
  0% {opacity:0;}
  100% {opacity:1;}
}



/* 툴 내 전체 카테고리 조회 */
.category_view {position:absolute; right:0; top:0; height:calc(100vh - 100px); opacity:0; display:none; min-width:305px !important;}
.category_view.active {display:block; animation:category_preview 0.2s 1 linear both;}
.category_view .all_category_tree {height:calc(100vh - 328px);}
.category_view .ui-resizable-handle:after {content:""; width:5px; height:76px; border-radius:3px; background:#999999; position:absolute; left:5px; top:50%; margin-top:-38px; transition:0.2s;}
.category_view .ui-resizable-handle:hover:after,
.category_view .ui-resizable-handle:active:after,
.category_view .ui-resizable-handle:focus:after {background:#70d8ff;}

/* 전체카테고리 */
.all_category_area {padding:0; background:#2d2d2d; width:305px; box-shadow:0 5px 15px rgb(0 0 0 / 50%); border-radius:5px; border:1px solid rgba(0,0,0,.4); color:#fff; text-align:left;}
/* 타이틀 영역 */
.all_category_area .all_category_title {background:#3e3e3e;}
.all_category_area .all_category_title h2 {height:45px; line-height:42px; padding:3px 35px 0 20px; position:relative; margin:0;}
.all_category_area .all_category_title h2 .all_category_close_btn {text-indent:-9999px; width:55px; height:45px; background:url(../images/icon/icon_all_category_close.png) no-repeat center center; 
    position:absolute; right:0; top:0; outline:none; padding:0; margin:0; transition:0.2s; border:none;}
.all_category_area .all_category_title h2 .all_category_close_btn:hover {background:url(../images/icon/icon_all_category_close_hover.png) no-repeat center center;}
/* ********* 카테고리 contents ********* */
.all_category_area .all_category_con {padding:15px;}


/* 툴팁 클릭 부연설명 */
.all_category_addinfo {position:absolute; width:100%; left:0; top:140px; background:rgba(54,63,70,0.9); z-index:10; border-radius:0 0 5px 5px; text-align:center; 
    overflow:hidden; transition:0.2s; height:0;}
.all_category_addinfo.active {height:calc(100vh - 314px);}
.all_category_addinfo ul.all_category_info {padding:0; margin:0; margin-top:100px;}
.all_category_addinfo ul.all_category_info li {list-style:none; background:url(../images/icon/icon_all_category_check.png) no-repeat right 31px center !important; padding-right:30px; position:relative; height:40px;}
.all_category_addinfo ul.all_category_info li i {display:inline-block; width:20px; height:40px; line-height:40px; background:url(../images/icon/icon_bookmark_active.png) no-repeat center center; position:absolute; right:214px; top:0;}
.all_category_addinfo ul.all_category_info li span {display:inline-block; color:#fff; line-height:40px; height:40px; font-size:12px; vertical-align:top; position:absolute; right:160px; top:0;}
.all_category_addinfo p {padding:30px 15px; text-align:center; word-break:keep-all; color:#fff; font-size:18px; line-height:26px;}
.all_category_addinfo button.all_category_info_close {display:inline-block; padding:0px 20px 1px; border:1px solid #fff; border-radius:15px; transition:0.2s; background:transparent; 
    font-weight:bold; margin-bottom:30px; color:#fff; font-size:14px; text-align:center;}
.all_category_addinfo button.all_category_info_close:hover {background:#000;}



/* 검색 */
.all_category_area .all_category_con .all_category_search {height:30px; position:relative; text-align:}
.all_category_area .all_category_con .all_category_search .all_category_search_input {width:calc(100% - 40px); background:transparent; border:none; border-bottom:1px solid #787b80; transition:0.2s; 
    font-size:15px; color:#fff; padding:0 15px; height:30px; line-height:30px;}
.all_category_area .all_category_con .all_category_search .all_category_search_input::placeholder {color:#999999;}
.all_category_area .all_category_con .all_category_search .all_category_search_btn {position:absolute; right:0; top:0; width:30px; height:30px; border-radius:2px; transition:0.2s; 
    background:#007694 url(../images/icon/icon_all_category.png) no-repeat center center; border:none; text-indent:-9999px;}
.all_category_area .all_category_con .all_category_search .all_category_search_btn:hover {background:#2196f3 url(../images/icon/icon_all_category.png) no-repeat center center;}
/* 필터 */
.all_category_area .all_category_filter {position:relative; height:50px; line-height:50px; text-align:right;}
.all_category_area .all_category_filter .filter_btn {width:100px; height:50px; float:left; overflow:hidden;}
.all_category_area .all_category_filter .filter_btn button {width:30px; height:50px; line-height:50px; border:none; transition:0.2s; padding:0; margin:0; display:inline-block; float:left; 
    text-indent:-9999px;}
.all_category_area .all_category_filter .filter_btn .all_category_spread_btn {background:url(../images/icon/icon_all_category_spread.png) no-repeat center center;}
.all_category_area .all_category_filter .filter_btn .all_category_spread_btn:hover,
.all_category_area .all_category_filter .filter_btn .all_category_spread_btn.active {background:url(../images/icon/icon_all_category_spread_hover.png) no-repeat center center;}
.all_category_area .all_category_filter .filter_btn .all_category_folding_btn {background:url(../images/icon/icon_all_category_folding.png) no-repeat center center;}
.all_category_area .all_category_filter .filter_btn .all_category_folding_btn:hover,
.all_category_area .all_category_filter .filter_btn .all_category_folding_btn.active {background:url(../images/icon/icon_all_category_folding_hover.png) no-repeat center center;}
.all_category_area .all_category_filter .border-checkbox-section {vertical-align:top;}
.all_category_area .all_category_filter .border-checkbox-section .border-checkbox-label {margin-right:0;}
.all_category_area .all_category_filter .fa-question-circle {color:#fff; cursor:pointer; font-size:16px; padding:0; margin:0 0 0 7px; background:none; border:none; transition:0.2s;}
.all_category_area .all_category_filter .fa-question-circle:hover {color:#2196f3;}



/* ******************** 전체 카테고리 조회 트리메뉴 ******************** */
.all_category_tree {height:calc(100vh - 405px); overflow:auto;}
/* ********** Chrome Scroll Style ********** */
.all_category_tree::-webkit-scrollbar {width:8px; height:8px;}
.all_category_tree::-webkit-scrollbar-track {background:rgba(238,238,238,0.1);}
.all_category_tree::-webkit-scrollbar-thumb {background:rgba(100,100,100,0.3); border-radius:4px;}
.all_category_tree::-webkit-scrollbar-thumb:hover {background:rgba(100,100,100,0.5);}
.all_category_tree .tooltip-inner {word-break:keep-all;}

.all_category_tree .jstree-default > .jstree-container-ul {border-top:1px solid #2d2d2d;}
.all_category_tree .jstree-default .jstree-node, .all_category_tree .jstree-default .jstree-icon.jstree-themeicon {background:none !important;}
.all_category_tree .jstree-default li {border-bottom:1px solid #2d2d2d;}

/* 폴더아이콘 기본 */
.all_category_tree .jstree-default ul.jstree-container-ul .jstree-icon.jstree-themeicon {display:none; margin-right:5px;}
.all_category_tree .jstree-default ul.jstree-container-ul > li > a.jstree-anchor > .jstree-icon.jstree-themeicon {position:relative; display:inline-block;}
.all_category_tree .jstree-default ul.jstree-container-ul > li > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {content:""; display:inline-block; width:14px; height:14px; 
    border-radius:7px; background:#d9d9d9; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(1) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#1876d1;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(2) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#c66cd5;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(3) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ff7949;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(4) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#66ff33;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(5) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#6600ff;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(6) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#2dc1ff;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(7) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#178b82;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(8) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#5e76b4;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(9) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#894c5e;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(10) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#40c0b8;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(11) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#b47c0d;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(12) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ffcdd9;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(13) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#87c3d2;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(14) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ff4585;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(15) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#61dcee;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(16) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#8bae7c;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(17) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ccccff;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(18) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ffb32a;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(19) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#6971df;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(20) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#4cbb17;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(21) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#d0a535;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(22) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ffdd2c;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(23) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#d3806e;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(24) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#6e31b1;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(25) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#f36996;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(26) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#278e16;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(27) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#bb9e95;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(28) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#a9dd6e;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(29) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#025155;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:nth-child(30) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#c9c9c9;}

/* 호버 색상 */
.all_category_tree .jstree-default .jstree-anchor {/* width:calc(100% - 20px); */}

.all_category_tree .jstree-default ul.jstree-container-ul > li {position:relative;}
.all_category_tree .jstree-default ul.jstree-container-ul > li:after {content:""; width:100%; height:40px; position:absolute; left:0; top:0; background:#3e3e3e; border-radius:4px; z-index:-1;}
.all_category_tree .jstree-default ul.jstree-container-ul > li > .jstree-anchor {position:relative; z-index:2;}
.all_category_tree .jstree-default ul.jstree-container-ul > li > div.jstree-wholerow:hover,
.all_category_tree .jstree-default ul.jstree-container-ul > li > div.jstree-wholerow:focus {background:#007694 !important;}
.all_category_tree .jstree-default .jstree-clicked.jstree-anchor,
.all_category_tree .jstree-default .jstree-clicked.jstree-anchor:link,
.all_category_tree .jstree-default .jstree-clicked.jstree-anchor:visited,
.all_category_tree .jstree-default .jstree-clicked.jstree-anchor:hover,
.all_category_tree .jstree-default .jstree-clicked.jstree-anchor:active {color:#fff;}
.all_category_tree .jstree-default .jstree-node {min-height:40px; line-height:40px; margin-left:15px; min-width:20px;}
.all_category_tree .jstree-default .jstree-container-ul > .jstree-node {margin-left:0;} 
.all_category_tree .jstree-default .jstree-node,
.all_category_tree .jstree-default .jstree-icon {background:none;}
.all_category_tree .jstree-default .jstree-anchor {line-height:40px; height:40px;}
.all_category_tree .jstree-default .jstree-icon {width:20px; height:40px; line-height:40px;}
.all_category_tree .jstree-default .jstree-icon:empty {width:20px; height:40px; line-height:40px;}
.all_category_tree .jstree-default.jstree-rtl .jstree-node {margin-right:20px;}
.all_category_tree .jstree-default .jstree-open > .jstree-ocl {background:url(../images/icon/icon_tree_open.png) no-repeat center center; z-index:2; position:relative;}
.all_category_tree .jstree-default .jstree-closed > .jstree-ocl {background:url(../images/icon/icon_tree_default.png) no-repeat center center; z-index:2; position:relative;}

.all_category_tree .jstree-node .jstree-checkbox {display:none !important;}
.all_category_tree .jstree-node.jstree-leaf {background:url(../images/icon/icon_all_category_check.png) no-repeat right 8px center !important; padding-right:30px;}
.all_category_tree .jstree-node.jstree-leaf:hover,
.all_category_tree .jstree-node.jstree-leaf:focus {cursor:pointer; background:#007694 url(../images/icon/icon_all_category_check_on.png) no-repeat right 8px center !important;}
.all_category_tree .jstree-node.jstree-leaf.active {background:#007694 url(../images/icon/icon_all_category_check_on.png) no-repeat right 8px center !important;}
.all_category_tree .jstree-node.jstree-leaf .jstree-ocl {visibility:hidden;}
.all_category_tree .jstree-node.jstree-leaf .jstree-checkbox {margin-right:6px; display:inline-block !important; background:url(../images/icon/icon_bookmark.png) no-repeat center center;}
.all_category_tree .jstree-node .jstree-anchor.jstree-clicked,
.all_category_tree .jstree-node .jstree-anchor.jstree-hovered {background:none; box-shadow:none;}
.all_category_tree .jstree-node.jstree-leaf > .jstree-anchor.jstree-clicked > .jstree-checkbox {background:url(../images/icon/icon_bookmark_active.png) no-repeat center center;}




/* 작업 데이터 전체보기 */
.all_workdata_area {padding:0; background:#fff; width:305px; box-shadow:0 5px 15px rgb(0 0 0 / 50%); border-radius:5px; border:1px solid rgba(0,0,0,.1); color:#151515; text-align:left; 
    position:absolute; right:0; top:0; height:calc(100vh - 100px); opacity:0; display:none; min-width:305px !important; overflow:hidden;}
.all_workdata_area.active {display:block; animation:category_preview 0.2s 1 linear both;}
/* 리사이즈 */
.all_workdata_area .ui-resizable-handle:after {content:""; width:5px; height:76px; border-radius:3px; background:#999999; position:absolute; left:5px; top:50%; margin-top:-38px; transition:0.2s;}
.all_workdata_area .ui-resizable-handle:hover:after,
.all_workdata_area .ui-resizable-handle:active:after,
.all_workdata_area .ui-resizable-handle:focus:after {background:#70d8ff;}
/* 타이틀 영역 */
.all_workdata_area .all_workdata_title {background:#3e3e3e;}
.all_workdata_area .all_workdata_title h2 {height:45px; line-height:42px; padding:3px 35px 0 20px; position:relative; margin:0; color:#fff;}
.all_workdata_area .all_workdata_title h2 .all_workdata_close_btn {text-indent:-9999px; width:55px; height:45px; background:url(../images/icon/icon_all_category_close.png) no-repeat center center; 
    position:absolute; right:0; top:0; outline:none; padding:0; margin:0; transition:0.2s; border:none;}
.all_workdata_area .all_workdata_title h2 .all_workdata_close_btn:hover {background:url(../images/icon/icon_all_category_close_hover.png) no-repeat center center;}
/* ********* 카테고리 contents ********* */

/* ******************** 작업 데이터 트리메뉴 ******************** */
.all_workdata_tree {height:calc(100vh - 219px); overflow:auto; padding:15px;}
/* ********** Chrome Scroll Style ********** */
.all_workdata_tree::-webkit-scrollbar {width:8px; height:8px;}
.all_workdata_tree::-webkit-scrollbar-track {background:rgba(238,238,238,0.1);}
.all_workdata_tree::-webkit-scrollbar-thumb {background:rgba(100,100,100,0.3); border-radius:4px;}
.all_workdata_tree::-webkit-scrollbar-thumb:hover {background:rgba(100,100,100,0.5);}






.all_workdata_tree .jstree-default > .jstree-container-ul {}
.all_workdata_tree .jstree-default .jstree-node, .all_workdata_tree .jstree-default .jstree-icon.jstree-themeicon {background:none !important;}

/* 폴더아이콘 기본 */
.all_workdata_tree .jstree-default ul.jstree-container-ul .jstree-icon.jstree-themeicon {display:none; margin-right:5px;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li > a.jstree-anchor > .jstree-icon.jstree-themeicon {position:relative; display:inline-block;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {content:""; display:inline-block; width:14px; height:14px; 
    border-radius:7px; background:#d9d9d9; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(1) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#1876d1;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(2) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#c66cd5;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(3) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ff7949;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(4) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#66ff33;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(5) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#6600ff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(6) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#2dc1ff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(7) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#178b82;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(8) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#5e76b4;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(9) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#894c5e;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(10) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#40c0b8;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(11) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#b47c0d;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(12) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ffcdd9;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(13) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#87c3d2;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(14) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ff4585;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(15) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#61dcee;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(16) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#8bae7c;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(17) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ccccff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(18) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ffb32a;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(19) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ffb32a;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(20) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#c9c9c9;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li {position:relative;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:after {content:""; width:100%; height:40px; position:absolute; left:0; top:0; background:#f5f5f5; border-radius:4px; z-index:-1;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li > .jstree-anchor {position:relative; z-index:2;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li > div.jstree-wholerow:hover,
.all_workdata_tree .jstree-default ul.jstree-container-ul > li > div.jstree-wholerow:focus {background:#f1f4f8 !important;}

.all_workdata_tree .jstree-default ul.jstree-container-ul li div.jstree-wholerow.jstree-wholerow-hovered {height:auto; background:transparent !important;}

.all_workdata_tree  .jstree-default .jstree-wholerow-clicked {background:transparent;}

.all_workdata_tree .jstree-default .jstree-clicked.jstree-anchor,
.all_workdata_tree .jstree-default .jstree-clicked.jstree-anchor:link,
.all_workdata_tree .jstree-default .jstree-clicked.jstree-anchor:visited,
.all_workdata_tree .jstree-default .jstree-clicked.jstree-anchor:hover,
.all_workdata_tree .jstree-default .jstree-clicked.jstree-anchor:active {}
.all_workdata_tree .jstree-default .jstree-node {min-height:40px; line-height:40px; padding-left:15px; min-width:20px; margin-left:0;}
.all_workdata_tree .jstree-default .jstree-container-ul > .jstree-node {margin-left:0;} 
.all_workdata_tree .jstree-default .jstree-node,
.all_workdata_tree .jstree-default .jstree-icon {background:none;}
.all_workdata_tree .jstree-default .jstree-anchor {line-height:40px; height:auto; display:inline-block;}
.all_workdata_tree .jstree-default .jstree-icon {width:20px; height:40px; line-height:40px;}
.all_workdata_tree .jstree-default .jstree-icon:empty {width:20px; height:40px; line-height:40px;}
.all_workdata_tree .jstree-default.jstree-rtl .jstree-node {margin-right:20px;}
.all_workdata_tree .jstree-default .jstree-open > .jstree-ocl {background:url(../images/icon/icon_tree_open.png) no-repeat center center; z-index:2; position:relative;}
.all_workdata_tree .jstree-default .jstree-closed > .jstree-ocl {background:url(../images/icon/icon_tree_default.png) no-repeat center center; z-index:2; position:relative;}

.all_workdata_tree .jstree-node .jstree-checkbox {display:none !important;}
.all_workdata_tree .jstree-node.jstree-leaf {background:url(../images/icon/icon_all_workdata_check.png) no-repeat right 8px top 12px !important; padding-right:0px; border-top:1px solid #f1f1f1;}
.all_workdata_tree .jstree-node.jstree-leaf:hover,
.all_workdata_tree .jstree-node.jstree-leaf:focus {cursor:pointer; background:#f1f4f8 url(../images/icon/icon_all_workdata_check_on.png) no-repeat right 8px top 12px !important;}
.all_workdata_tree .jstree-node.jstree-leaf.active {background:#e8ecf2 url(../images/icon/icon_all_workdata_check_on.png) no-repeat right 8px top 12px !important;}
.all_workdata_tree .jstree-node.jstree-leaf .jstree-ocl {display:none;}
.all_workdata_tree .jstree-node .jstree-anchor.jstree-clicked,
.all_workdata_tree .jstree-node .jstree-anchor.jstree-hovered {background:none; box-shadow:none;}

.all_workdata_tree .jstree-node.jstree-leaf ul {padding:0 0 10px 0; margin:0; overflow:hidden;}
.all_workdata_tree .jstree-node.jstree-leaf ul li {list-style:none; display:inline-block; float:left; padding:0; margin:0 0 5px 0; position:relative; line-height:20px;}
.all_workdata_tree .jstree-node.jstree-leaf ul li:last-child {margin-right:0;}
.all_workdata_tree .jstree-node.jstree-leaf ul li button.labeling_btn {display:inline-block; padding:5px 27px 5px 10px; border:1px solid #d9d9d9; border-radius:15px; transition:0.2s; background:#fff; 
    font-weight:bold;}
.all_workdata_tree .jstree-node.jstree-leaf ul li button.labeling_btn:hover {background:#f1f1f1;}
.all_workdata_tree .jstree-node.jstree-leaf ul li button.labeling_btn:before {content:"#"; font-size:15px; display:inline-block; margin-right:2px; line-height:15px; font-weight:normal;}

.all_workdata_tree .jstree-node.jstree-leaf ul li button.labeling_close {border:none; position:absolute; right:15px; top:6px; transition:0.2s; color:#d6d6d6; background:none; padding:0;}
.all_workdata_tree .jstree-node.jstree-leaf ul li button.labeling_close:hover {color:#f66504;}
.all_workdata_tree .jstree-node.jstree-leaf ul li.active button.labeling_close {color:#fff;}
.all_workdata_tree .jstree-node.jstree-leaf ul li.active button.labeling_close:hover {color:#f66504;}

/* 10개 라벨링 */
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(1) .jstree-node.jstree-leaf ul li:before {background:#1876d1;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(1) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#1876d1;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(1) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#1876d1; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(2) .jstree-node.jstree-leaf ul li:before {background:#c66cd5;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(2) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#c66cd5;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(2) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#c66cd5; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(3) .jstree-node.jstree-leaf ul li:before {background:#ff7949;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(3) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#ff7949;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(3) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#ff7949; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(4) .jstree-node.jstree-leaf ul li:before {background:#66ff33;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(4) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#66ff33;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(4) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#66ff33; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(5) .jstree-node.jstree-leaf ul li:before {background:#6600ff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(5) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#6600ff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(5) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#6600ff; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(6) .jstree-node.jstree-leaf ul li:before {background:#2dc1ff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(6) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#2dc1ff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(6) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#2dc1ff; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(7) .jstree-node.jstree-leaf ul li:before {background:#178b82;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(7) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#178b82;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(7) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#178b82; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(8) .jstree-node.jstree-leaf ul li:before {background:#5e76b4;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(8) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#5e76b4;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(8) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#5e76b4; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(9) .jstree-node.jstree-leaf ul li:before {background:#894c5e;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(9) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#894c5e;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(9) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#894c5e; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(10) .jstree-node.jstree-leaf ul li:before {background:#40c0b8;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(10) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#40c0b8;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(10) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#40c0b8; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(11) .jstree-node.jstree-leaf ul li:before {background:#b47c0d;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(11) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#b47c0d;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(11) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#b47c0d; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(12) .jstree-node.jstree-leaf ul li:before {background:#ffcdd9;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(12) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#ffcdd9;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(12) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#ffcdd9; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(13) .jstree-node.jstree-leaf ul li:before {background:#87c3d2;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(13) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#87c3d2;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(13) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#87c3d2; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(14) .jstree-node.jstree-leaf ul li:before {background:#ff4585;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(14) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#ff4585;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(14) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#ff4585; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(15) .jstree-node.jstree-leaf ul li:before {background:#61dcee;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(15) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#61dcee;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(15) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#61dcee; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(16) .jstree-node.jstree-leaf ul li:before {background:#8bae7c;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(16) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#8bae7c;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(16) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#8bae7c; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(17) .jstree-node.jstree-leaf ul li:before {background:#ccccff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(17) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#ccccff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(17) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#ccccff; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(18) .jstree-node.jstree-leaf ul li:before {background:#ffb32a;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(18) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#ffb32a;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(18) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#ffb32a; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(19) .jstree-node.jstree-leaf ul li:before {background:#6971df;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(19) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#6971df;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(19) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#6971df; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(20) .jstree-node.jstree-leaf ul li:before {background:#4cbb17;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(20) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#4cbb17;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(20) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#4cbb17; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(21) .jstree-node.jstree-leaf ul li:before {background:#d0a535;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(21) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#d0a535;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(21) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#d0a535; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(22) .jstree-node.jstree-leaf ul li:before {background:#ffdd2c;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(22) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#ffdd2c;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(22) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#ffdd2c; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(23) .jstree-node.jstree-leaf ul li:before {background:#d3806e;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(23) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#d3806e;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(23) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#d3806e; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(24) .jstree-node.jstree-leaf ul li:before {background:#6e31b1;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(24) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#6e31b1;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(24) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#6e31b1; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(25) .jstree-node.jstree-leaf ul li:before {background:#f36996;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(25) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#f36996;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(25) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#f36996; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(26) .jstree-node.jstree-leaf ul li:before {background:#278e16;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(26) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#278e16;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(26) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#278e16; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(27) .jstree-node.jstree-leaf ul li:before {background:#bb9e95;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(27) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#bb9e95;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(27) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#bb9e95; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(28) .jstree-node.jstree-leaf ul li:before {background:#a9dd6e;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(28) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#a9dd6e;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(28) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#a9dd6e; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(29) .jstree-node.jstree-leaf ul li:before {background:#025155;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(29) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#025155;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(29) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#025155; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(30) .jstree-node.jstree-leaf ul li:before {background:#c9c9c9;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(30) .jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#c9c9c9;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(30) .jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#c9c9c9; color:#fff;}

/* ********** */
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(1).jstree-node.jstree-leaf ul li:before {background:#1876d1;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(1).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#1876d1;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(1).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#1876d1; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(2).jstree-node.jstree-leaf ul li:before {background:#c66cd5;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(2).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#c66cd5;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(2).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#c66cd5; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(3).jstree-node.jstree-leaf ul li:before {background:#ff7949;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(3).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#ff7949;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(3).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#ff7949; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(4).jstree-node.jstree-leaf ul li:before {background:#66ff33;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(4).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#66ff33;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(4).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#66ff33; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(5).jstree-node.jstree-leaf ul li:before {background:#6600ff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(5).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#6600ff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(5).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#6600ff; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(6).jstree-node.jstree-leaf ul li:before {background:#2dc1ff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(6).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#2dc1ff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(6).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#2dc1ff; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(7).jstree-node.jstree-leaf ul li:before {background:#178b82;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(7).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#178b82;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(7).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#178b82; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(8).jstree-node.jstree-leaf ul li:before {background:#5e76b4;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(8).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#5e76b4;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(8).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#5e76b4; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(9).jstree-node.jstree-leaf ul li:before {background:#894c5e;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(9).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#894c5e;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(9).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#894c5e; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(10).jstree-node.jstree-leaf ul li:before {background:#40c0b8;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(10).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#40c0b8;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(10).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#40c0b8; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(11).jstree-node.jstree-leaf ul li:before {background:#b47c0d;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(11).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#b47c0d;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(11).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#b47c0d; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(12).jstree-node.jstree-leaf ul li:before {background:#ffcdd9;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(12).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#ffcdd9;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(12).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#ffcdd9; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(13).jstree-node.jstree-leaf ul li:before {background:#87c3d2;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(13).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#87c3d2;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(13).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#87c3d2; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(14).jstree-node.jstree-leaf ul li:before {background:#ff4585;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(14).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#ff4585;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(14).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#ff4585; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(15).jstree-node.jstree-leaf ul li:before {background:#61dcee;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(15).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#61dcee;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(15).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#61dcee; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(16).jstree-node.jstree-leaf ul li:before {background:#8bae7c;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(16).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#8bae7c;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(16).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#8bae7c; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(17).jstree-node.jstree-leaf ul li:before {background:#ccccff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(17).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#ccccff;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(17).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#ccccff; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(18).jstree-node.jstree-leaf ul li:before {background:#ffb32a;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(18).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#ffb32a;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(18).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#ffb32a; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(19).jstree-node.jstree-leaf ul li:before {background:#6971df;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(19).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#6971df;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(19).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#6971df; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(20).jstree-node.jstree-leaf ul li:before {background:#4cbb17;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(20).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#4cbb17;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(20).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#4cbb17; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(21).jstree-node.jstree-leaf ul li:before {background:#d0a535;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(21).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#d0a535;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(21).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#d0a535; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(22).jstree-node.jstree-leaf ul li:before {background:#ffdd2c;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(22).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#ffdd2c;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(22).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#ffdd2c; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(23).jstree-node.jstree-leaf ul li:before {background:#d3806e;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(23).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#d3806e;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(23).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#d3806e; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(24).jstree-node.jstree-leaf ul li:before {background:#6e31b1;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(24).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#6e31b1;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(24).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#6e31b1; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(25).jstree-node.jstree-leaf ul li:before {background:#f36996;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(25).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#f36996;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(25).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#f36996; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(26).jstree-node.jstree-leaf ul li:before {background:#278e16;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(26).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#278e16;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(26).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#278e16; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(27).jstree-node.jstree-leaf ul li:before {background:#bb9e95;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(27).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#bb9e95;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(27).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#bb9e95; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(28).jstree-node.jstree-leaf ul li:before {background:#a9dd6e;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(28).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#a9dd6e;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(28).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#a9dd6e; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(29).jstree-node.jstree-leaf ul li:before {background:#025155;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(29).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#025155;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(29).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#025155; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(30).jstree-node.jstree-leaf ul li:before {background:#c9c9c9;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(30).jstree-node.jstree-leaf ul li button.labeling_btn {border-color:#c9c9c9;}
.all_workdata_tree .jstree-default ul.jstree-container-ul > li:nth-child(30).jstree-node.jstree-leaf ul li.active button.labeling_btn {background:#c9c9c9; color:#fff;}

.all_workdata_tree .jstree-default ul.jstree-container-ul > li.jstree-node.jstree-leaf .jstree-anchor > ul {margin-top:10px;}








/* ******************** 카테고리 보기 팝업 트리메뉴 ******************** */
.category_view_tree {height:385px; overflow:auto;}
/* ********** Chrome Scroll Style ********** */
.category_view_tree::-webkit-scrollbar {width:8px; height:8px;}
.category_view_tree::-webkit-scrollbar-track {background:rgba(238,238,238,0.9);}
.category_view_tree::-webkit-scrollbar-thumb {background:rgba(100,100,100,0.3); border-radius:4px;}
.category_view_tree::-webkit-scrollbar-thumb:hover {background:rgba(100,100,100,0.5);}

.category_view_tree .jstree-default > .jstree-container-ul {border-top:1px solid #2d2d2d;}
.category_view_tree .jstree-default .jstree-node, .category_view_tree .jstree-default .jstree-icon.jstree-themeicon {background:none !important;}
.category_view_tree .jstree-default li {}

/* 폴더아이콘 기본 */
.category_view_tree .jstree-default ul.jstree-container-ul .jstree-icon.jstree-themeicon {display:none; margin-right:5px;}
.category_view_tree .jstree-default ul.jstree-container-ul > li > a.jstree-anchor > .jstree-icon.jstree-themeicon {position:relative; display:inline-block;}
.category_view_tree .jstree-default ul.jstree-container-ul > li > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {content:""; display:inline-block; width:14px; height:14px; 
    border-radius:7px; background:#d9d9d9; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(1) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#1876d1;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(2) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#c66cd5;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(3) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ff7949;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(4) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#66ff33;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(5) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#6600ff;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(6) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#2dc1ff;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(7) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#178b82;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(8) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#5e76b4;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(9) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#894c5e;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(10) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#40c0b8;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(11) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#b47c0d;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(12) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ffcdd9;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(13) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#87c3d2;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(14) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ff4585;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(15) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#61dcee;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(16) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#8bae7c;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(17) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ccccff;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(18) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ffb32a;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(19) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#6971df;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(20) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#4cbb17;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(21) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#d0a535;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(22) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#ffdd2c;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(23) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#d3806e;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(24) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#6e31b1;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(25) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#f36996;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(26) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#278e16;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(27) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#bb9e95;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(28) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#a9dd6e;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(29) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#025155;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:nth-child(30) > a.jstree-anchor > .jstree-icon.jstree-themeicon:after {background:#c9c9c9;}

/* 호버 색상 */
.category_view_tree .jstree-default .jstree-anchor {display:inline-block;}

.category_view_tree .jstree-default ul.jstree-container-ul li {position:relative;}
.category_view_tree .jstree-default ul.jstree-container-ul > li:after {content:""; width:100%; height:40px; position:absolute; left:0; top:0; background:#f5f5f5; border-radius:4px; z-index:-2;}
.category_view_tree .jstree-default ul.jstree-container-ul li .jstree-anchor {position:static; margin:0; width:calc(100% - 20px);}
.category_view_tree .jstree-default .jstree-clicked.jstree-anchor,
.category_view_tree .jstree-default .jstree-clicked.jstree-anchor:link,
.category_view_tree .jstree-default .jstree-clicked.jstree-anchor:visited,
.category_view_tree .jstree-default .jstree-clicked.jstree-anchor:hover,
.category_view_tree .jstree-default .jstree-clicked.jstree-anchor:active {}
.category_view_tree .jstree-default .jstree-node {min-height:40px; line-height:40px; margin-left:15; padding-left:0; min-width:20px; border-top:1px solid #dfe4e5;}

.category_view_tree .jstree-default .jstree-wholerow {height:40px; line-height:40px; z-index:-1;}
.category_view_tree .jstree-default .jstree-wholerow-hovered {background-color:#a6f5e0;}
.category_view_tree .jstree-default .jstree-wholerow-clicked {background:transparent;}
.category_view_tree .jstree-default .jstree-wholerow-hovered.jstree-wholerow-clicked {background:#a6f5e0;}

.category_view_tree .jstree-default .jstree-anchor > .jstree-checkbox {background:url(../images/icon/icon_category_none.png) no-repeat center center; position:absolute; right:0; top:0;}
.category_view_tree .jstree-default .jstree-anchor > .jstree-checkbox.jstree-undetermined {background:url(../images/icon/icon_category_view_square.png) no-repeat center center;}
.category_view_tree .jstree-default .jstree-anchor.jstree-clicked > .jstree-checkbox {background:url(../images/icon/icon_category_view.png) no-repeat center center;}

.category_view_tree .jstree-default .jstree-container-ul > .jstree-node {margin-left:0;}
.category_view_tree .jstree-default .jstree-node,
.category_view_tree .jstree-default .jstree-icon {background:none;}
.category_view_tree .jstree-default .jstree-anchor {line-height:40px; height:40px;}
.category_view_tree .jstree-default .jstree-icon {width:20px; height:40px; line-height:40px;}
.category_view_tree .jstree-default .jstree-icon:empty {width:20px; height:40px; line-height:40px;}
.category_view_tree .jstree-default .jstree-icon.jstree-checkbox {width:40px;}
.category_view_tree .jstree-default.jstree-rtl .jstree-node {margin-right:20px;}
.category_view_tree .jstree-default .jstree-open > .jstree-ocl {background:url(../images/icon/icon_tree_open.png) no-repeat center center; z-index:2; position:relative;}
.category_view_tree .jstree-default .jstree-closed > .jstree-ocl {background:url(../images/icon/icon_tree_default.png) no-repeat center center; z-index:2; position:relative;}

.category_view_tree .jstree-node {}
.category_view_tree .jstree-node .jstree-checkbox {}
.category_view_tree .jstree-node.jstree-leaf {padding-right:40px;}
.category_view_tree .jstree-node.jstree-leaf .jstree-ocl {}
.category_view_tree .jstree-node.jstree-leaf .jstree-checkbox {margin-right:0; display:inline-block !important;}
.category_view_tree .jstree-node .jstree-anchor.jstree-clicked,
.category_view_tree .jstree-node .jstree-anchor.jstree-hovered {background:none; box-shadow:none;}
.category_view_tree .jstree-node.jstree-leaf > .jstree-anchor.jstree-clicked > .jstree-checkbox {}

#tool_btn_area .ck-button select:disabled {background: none !important; font-weight: 500; color: #000000 !important;}
.set_data_category { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 120px;}
.set_data_category.check:before { content:"\f00c"; font-family:'Font Awesome 5 Free'; font-weight:900; color: #00d41a; padding-right: 5px;}
.set_data_category.unCheck:before { content:"\f00d"; font-family:'Font Awesome 5 Free'; font-weight:900; color: #d41d00; padding-right: 5px;}
.root.plus:before { content:"\f067"; font-family:'Font Awesome 5 Free'; font-weight:900; color: #1e1e20; padding-right: 5px; cursor: pointer;}
.root.minus:before { content:"\f068"; font-family:'Font Awesome 5 Free'; font-weight:900; color: #1e1e20; padding-right: 5px; cursor: pointer;}
.tool_area .tool_btn_area .ck-button label span.root {left: 155px;}

.labelSelectOption {background: #ffffff; font-size: 15px; height: calc(60% - 5px); overflow-y: auto; overflow-x: visible; word-break: keep-all; position: absolute; width: 420px; right: 325px; z-index: 9; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.labelSelectOption strong {display: block; padding: 10px 0 10px 0; font-size: 16px; text-align: left; background-color: #1876d1; color: #ffffff; padding-left: 15px;}
.labelSelectOption ul {height: calc(100% - 97px); padding: 0; margin: 0; list-style: none; overflow-y: auto;}
.labelSelectOption ul li {line-height: 2.5; padding: 5px 0 5px 20px; margin: 0; position: relative; display: grid;}
.labelSelectOption ul li span {font-weight: 500; width: 35%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default;}
.labelSelectOption .div-labelOption div {margin-right: 5px; display: flex; width: 120px; height: 30px;}
.labelSelectOption .div-labelOption div input {margin-right: 7px; margin-bottom: 0px;}
.labelSelectOption .div-labelOption div label {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 80%; font-weight: 500; margin-bottom: 0px;}
.labelSelectOption ul li select {width: 47%; margin-left: 15px; margin-top: 25px; height: 30px; border: 0; border-bottom: 1px solid #787b80; background-color: transparent;}
.labelSelectOption .labelOptionBtn {position: absolute; width: 100%; height: 45px; left: 0; bottom: 0px; text-align: center;}

.plus_view_dataCategory {background: #ffffff; font-size: 15px; height: calc(60% - 130px); overflow-y: auto; overflow-x: visible; word-break: keep-all; position: fixed; width: calc(100vh - 70px); z-index: 99; bottom: 28px; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.plus_view_dataCategory strong {display: block; padding: 10px 0 10px 0; font-size: 16px; text-align: left; background-color: #3e3e3e; color: #ffffff; padding-left: 15px;}
.plus_view_dataCategory ul {height: calc(100% - 50px); padding: 0; margin: 0; list-style: none; overflow-y: auto;}
.plus_view_dataCategory ul li {line-height: 2.5; padding: 5px 0 5px 20px; margin: 0; position: relative; display: grid;}
.plus_view_dataCategory ul li span {font-weight: 500; width: 35%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default;}
.plus_view_dataCategory .div-plusView div {margin-right: 5px; display: flex; width: 160px; height: 30px;}
.plus_view_dataCategory .div-plusView div input {margin-right: 7px; margin-bottom: 0px;}
.plus_view_dataCategory .div-plusView div label {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 80%; font-weight: 500; margin-bottom: 0px;}

/* ********** 저작도구 화면 라벨 색상 지정 ********** */
.label-box {position:absolute; color:#212121; cursor:default; padding:5px 8px 5px 8px; font-size:12px; transition:opacity 200ms; font-weight:600; 
        background-color:#fff; border-radius:5px; min-width:150px; min-height:58px; z-index:50;}
    .label-box .select2-selection__rendered:before {position:absolute; content:""; display:block; width:14px; height:14px; border-radius:7px; background:#d9d9d9; left:5px; top:7px;}
    .label-box .select2-selection__rendered {text-align:left; padding-left:25px !important;}
    .label-box .select2-selection__rendered.labeling1:before {background:#1876d1;}
    .label-box .select2-selection__rendered.labeling2:before {background:#c66cd5;}
    .label-box .select2-selection__rendered.labeling3:before {background:#ff7949;}
    .label-box .select2-selection__rendered.labeling4:before {background:#66ff33;}
    .label-box .select2-selection__rendered.labeling5:before {background:#6600ff;}
    .label-box .select2-selection__rendered.labeling6:before {background:#2dc1ff;}
    .label-box .select2-selection__rendered.labeling7:before {background:#178b82;}
    .label-box .select2-selection__rendered.labeling8:before {background:#5e76b4;}
    .label-box .select2-selection__rendered.labeling9:before {background:#894c5e;}
    .label-box .select2-selection__rendered.labeling10:before {background:#40c0b8;}
    .label-box .select2-selection__rendered.labeling11:before {background:#b47c0d;}
    .label-box .select2-selection__rendered.labeling12:before {background:#ffcdd9;}
    .label-box .select2-selection__rendered.labeling13:before {background:#87c3d2;}
    .label-box .select2-selection__rendered.labeling14:before {background:#ff4585;}
    .label-box .select2-selection__rendered.labeling15:before {background:#61dcee;}
    .label-box .select2-selection__rendered.labeling16:before {background:#8bae7c;}
    .label-box .select2-selection__rendered.labeling17:before {background:#ccccff;}
    .label-box .select2-selection__rendered.labeling18:before {background:#ffb32a;}
    .label-box .select2-selection__rendered.labeling19:before {background:#6971df;}
    .label-box .select2-selection__rendered.labeling20:before {background:#4cbb17;}
    .label-box .select2-selection__rendered.labeling21:before {background:#d0a535;}
    .label-box .select2-selection__rendered.labeling22:before {background:#ffdd2c;}
    .label-box .select2-selection__rendered.labeling23:before {background:#d3806e;}
    .label-box .select2-selection__rendered.labeling24:before {background:#6e31b1;}
    .label-box .select2-selection__rendered.labeling25:before {background:#f36996;}
    .label-box .select2-selection__rendered.labeling26:before {background:#278e16;}
    .label-box .select2-selection__rendered.labeling27:before {background:#bb9e95;}
    .label-box .select2-selection__rendered.labeling28:before {background:#a9dd6e;}
    .label-box .select2-selection__rendered.labeling29:before {background:#025155;}
    .label-box .select2-selection__rendered.labeling30:before {background:#c9c9c9;}
    .label-box .select2-selection__rendered.labeling31:before {background:#591ad3;}
    .label-box .select2-selection__rendered.labeling32:before {background:#3ac6dd;}
    .label-box .select2-selection__rendered.labeling33:before {background:#16a851;}
    .label-box .select2-selection__rendered.labeling34:before {background:#1f6bdb;}
    .label-box .select2-selection__rendered.labeling35:before {background:#a0e3f2;}
    .label-box .select2-selection__rendered.labeling36:before {background:#e21b76;}
    .label-box .select2-selection__rendered.labeling37:before {background:#efbb26;}
    .label-box .select2-selection__rendered.labeling38:before {background:#62f9ed;}
    .label-box .select2-selection__rendered.labeling39:before {background:#0d3a19;}
    .label-box .select2-selection__rendered.labeling40:before {background:#2583b7;}
    .label-box .select2-selection__rendered.labeling41:before {background:#2d3644;}
    .label-box .select2-selection__rendered.labeling42:before {background:#ef6d25;}
    .label-box .select2-selection__rendered.labeling43:before {background:#0cafaf;}
    .label-box .select2-selection__rendered.labeling44:before {background:#b10dce;}
    .label-box .select2-selection__rendered.labeling45:before {background:#e0c70e;}
    .label-box .select2-selection__rendered.labeling46:before {background:#73dce6;}
    .label-box .select2-selection__rendered.labeling47:before {background:#293f6d;}
    .label-box .select2-selection__rendered.labeling48:before {background:#759daa;}
    .label-box .select2-selection__rendered.labeling49:before {background:#2de3e8;}
    .label-box .select2-selection__rendered.labeling50:before {background:#dd3e0e;}
    
    .label-tag {position:absolute; color:#212121; cursor:pointer; font-size:12px; transition:opacity 200ms; font-weight:600; background-color:#fff; border-radius:10px; 
        width:60px; height:20px; text-align:right; padding-right:15px;}
    .label-tag:before {position:absolute; content:""; display:block; width:14px; height:14px; border-radius:7px; background:#d9d9d9; left:5px; top:3px;}
    .label-tag.labeling1:before {background:#1876d1;}
    .label-tag.labeling2:before {background:#c66cd5;}
    .label-tag.labeling3:before {background:#ff7949;}
    .label-tag.labeling4:before {background:#66ff33;}
    .label-tag.labeling5:before {background:#6600ff;}
    .label-tag.labeling6:before {background:#2dc1ff;}
    .label-tag.labeling7:before {background:#178b82;}
    .label-tag.labeling8:before {background:#5e76b4;}
    .label-tag.labeling9:before {background:#894c5e;}
    .label-tag.labeling10:before {background:#40c0b8;}
    .label-tag.labeling11:before {background:#b47c0d;}
    .label-tag.labeling12:before {background:#ffcdd9;}
    .label-tag.labeling13:before {background:#87c3d2;}
    .label-tag.labeling14:before {background:#ff4585;}
    .label-tag.labeling15:before {background:#61dcee;}
    .label-tag.labeling16:before {background:#8bae7c;}
    .label-tag.labeling17:before {background:#ccccff;}
    .label-tag.labeling18:before {background:#ffb32a;}
    .label-tag.labeling19:before {background:#6971df;}
    .label-tag.labeling20:before {background:#4cbb17;}
    .label-tag.labeling21:before {background:#d0a535;}
    .label-tag.labeling22:before {background:#ffdd2c;}
    .label-tag.labeling23:before {background:#d3806e;}
    .label-tag.labeling24:before {background:#6e31b1;}
    .label-tag.labeling25:before {background:#f36996;}
    .label-tag.labeling26:before {background:#278e16;}
    .label-tag.labeling27:before {background:#bb9e95;}
    .label-tag.labeling28:before {background:#a9dd6e;}
    .label-tag.labeling29:before {background:#025155;}
    .label-tag.labeling30:before {background:#c9c9c9;}
    .label-tag.labeling31:before {background:#591ad3;}
    .label-tag.labeling32:before {background:#3ac6dd;}
    .label-tag.labeling33:before {background:#16a851;}
    .label-tag.labeling34:before {background:#1f6bdb;}
    .label-tag.labeling35:before {background:#a0e3f2;}
    .label-tag.labeling36:before {background:#e21b76;}
    .label-tag.labeling37:before {background:#efbb26;}
    .label-tag.labeling38:before {background:#62f9ed;}
    .label-tag.labeling39:before {background:#0d3a19;}
    .label-tag.labeling40:before {background:#2583b7;}
    .label-tag.labeling41:before {background:#2d3644;}
    .label-tag.labeling42:before {background:#ef6d25;}
    .label-tag.labeling43:before {background:#0cafaf;}
    .label-tag.labeling44:before {background:#b10dce;}
    .label-tag.labeling45:before {background:#e0c70e;}
    .label-tag.labeling46:before {background:#73dce6;}
    .label-tag.labeling47:before {background:#293f6d;}
    .label-tag.labeling48:before {background:#759daa;}
    .label-tag.labeling49:before {background:#2de3e8;}
    .label-tag.labeling50:before {background:#dd3e0e;}

    div.tooltip {position:fixed;}
    
    /* 211230 - mykim add */
    .label-box .sp_labelCtrl {padding:2px 0;}
    .label-box .sp_labelCtrl:after {display:block; content:''; clear:both;}
    .label-box .sp_labelCtrl .sp_labelTag {float:left;}
    .label-box .sp_labelCtrl .sp_labelTool {float:right;}
    .label-box .sp_labelCtrl .sp_labelTool > button {display:inline-block; width:20px; padding:0; margin:0; color:#737373; text-align:center; border:0; background:transparent; cursor:pointer;}
    
    
/* 라벨링 대상 파일 체크 */  
.labeled_file_check {padding:50px; position:fixed; top:0; right:0; bottom:0; left:0; background-color:#fff; z-index:999;}
.labeled_file_check h2 {display:block; float:initial; font-size:30px; text-align:center; color:#000;}
.labeled_file_check h2 + p {display:block; padding:5px 0; font-size:18px; text-align:center;}

.labeled_file_check .btn-state {border:1px solid #ff6a30; background-color:#fff; color:#ff6a30;}
.labeled_file_check .btn-state strong {padding:0 2px; font-size:18px; color:#000;}
.labeled_file_check .btn-state.active,
.labeled_file_check .btn-state:hover {background-color:#ff6a30; color:#fff;}
.labeled_file_check .message {color:#ff6a30; font-size:16px; position:absolute; bottom:0;}
.labeled_file_check .file_select_list {max-height:660px; padding:0; margin:0 -10px; list-style:none; overflow-y:auto;}
.labeled_file_check .file_select_list:after {display:block; content:''; clear:both;}
.labeled_file_check .file_select_list > li {float:left; width:25%; padding:10px; margin:0;}
.labeled_file_check .file_select_list.col4 > li {width:25%;}
.labeled_file_check .file_select_list.col5 > li {width:20%;}
.labeled_file_check .file_select_list.col6 > li {width:16.6666%;}
.labeled_file_check .item_file {}
.labeled_file_check .item_file input[type=checkbox] {width:0; height:0; position:absolute; left:-9999px;}
.labeled_file_check .item_file label {display:block; height:300px; max-height:initial; padding:0; margin:0; position:relative; cursor:pointer; overflow:hidden;}
.labeled_file_check .item_file label img {display:block; width:100%;}
.labeled_file_check .item_file label:after {display:block; content:'\eed7'; width:100px; height:100px; line-height:100px; margin-top:-50px; margin-left:-50px; position:absolute; top:50%; left:50%; color:#fff; font-size:100px; font-family:'icofont'; text-align:center;}
.labeled_file_check .item_file input[type=checkbox]:checked + label:after {color:#ff6a30;}
.labeled_file_check .btn_area {margin:20px 0;}
.labeled_file_check .btn_more_list {width:200px; height:40px; border-radius:20px; color:#001f42; font-size:16px; font-weight:500; text-align:center; border:1px solid #001f42; background-color:transparent;}
.labeled_file_check .btn_more_list:hover {background-color:#1c556e; color:#fff;}
.labeled_file_check .btn_more_list > i {font-style:normal;}
.labeled_file_check .btn_more_list > i:after {content:'+';} 
    
    
/******************************************************************************************************/
/**** smartAL 품질 **************************************************************************************/
/******************************************************************************************************/
/* smartALQC */
.nav-md .nav.side-menu>li>a.menuOpen,
.nav-md .active .nav.child_menu {display:block !important;}

.top_nav .nav_menu nav {float:right; padding:0;}
.top_nav .nav_menu nav .tooltip-inner {padding:5px 8px 3px;}

.div_userInfo {display:none; min-width:150px; padding:0; margin-left:-110px; line-height:1.4; position:absolute; top:70px; font-size:15px; background:#fff; border-radius:0; border:1px solid #dfe4e5; /* box-shadow:0 0 5px rgba(0,0,0,0.2); */z-index:9;}
.div_userInfo.active {display:block;}
.div_userInfo ul {padding:5px 0; margin:0; list-style:none; line-height:1.4;}
.div_userInfo ul > li {padding:5px 12px; margin:0;}
.div_userInfo ul > li:hover {background-color:#eaf8fc;}
.div_userInfo ul > li > a {display:block; cursor:pointer; color:#333l}
.div_userInfo ul > li > a:hover {color:#333;}
.div_userInfo #sp_loginUserNm {display:inline-block; vertical-align:middle; margin:0 5px 0 0;}
.div_userInfo .user_type {display:inline-block; vertical-align:middle; padding:0 10px; margin:0 0 0 5px; color:#3c65d1; font-size:11px; border:1px solid #3c65d1; border-radius:10px;}
.div_userInfo .m_select .select2-container {padding:0;}
.div_userInfo .m_select .select2-container--default .select2-selection--single, 
.div_userInfo .m_select .select2-container--default .select2-selection--multiple {border-bottom:0 !important;}
.select2-dropdown.select_userinfo {left:-12px; width:200px !important;}
.select2-dropdown.select_userinfo .select2-results__option {padding-left:35px; color:#7a7a7a; position:relative;}
.select2-dropdown.select_userinfo .select2-results__option:after {display:none; content:''; width:8px; height:8px; position:absolute; top:12px; left:15px; border-radius:4px; background-color:#1c556e;}
.select2-dropdown.select_userinfo .select2-results__option--highlighted[aria-selected] {background-color:#eaf8fc;}
.select2-dropdown.select_userinfo .select2-results__option[aria-selected=true] {color:#333; background-color:white;}
.select2-dropdown.select_userinfo .select2-results__option[aria-selected=true]:after {display:block;}

.theme_smartALQC .top_nav .nav_menu nav {height:70px;}
.btn_alram,
.btn_userInfo,
.btn_adminMenu,
.btn_allMenu,
.btn_windowMax,
.btn_windowMin {display:inline-block; vertical-align:top; width:45px; height:70px; padding:7px 0 0; margin:0; position:relative; border:none; background-color:transparent; font-size:10px; overflow:hidden; transition:0.2s; color:#777; 
    font-weight:100; text-align:center; line-height:70px;}

.btn_alram:before,  
.btn_userInfo:before,
.btn_windowMin:before,
.btn_windowMax:before,
.btn_adminMenu:after,
.btn_allMenu:after {display:inline-block; line-height:1; margin-top:0; color:#777; font-size:16px;}

.btn_alram:hover,
.btn_userInfo:hover,
.btn_adminMenu:hover,
.btn_windowMin:hover,
.btn_windowMax:hover {color:#000;}
.btn_alram:hover:before,
.btn_userInfo:hover:before,
.btn_adminMenu:hover:after {color:#000;}

.btn_alram:before {content:"\f0f3"; font-family:"Font Awesome 5 Free"; font-weight:900;}
.btn_userInfo:before {content:"\ec8e"; font-family:icoFont; margin-right:1px;}
.btn_adminMenu:after {content:"\f3ed"; font-family:"Font Awesome 5 Free"; font-weight:900;}
.btn_allMenu:after {content:"\f550"; font-family:"Font Awesome 5 Free"; font-weight:900;}
.btn_windowMax:before {content:"\f2d0"; font-family:"Font Awesome 5 Free"; font-weight:900;}
.btn_windowMin:before {content:"\f2d2"; font-family:"Font Awesome 5 Free"; font-weight:900;}

.btn_allMenu {background:#ebeaec; width:70px; margin-left:10px;}
.btn_allMenu:hover {background:#000;}
.btn_allMenu:hover:after {color:#fff;}

/* 전체메뉴 펼침 영역 */
.div_allMenu {display:none; width:180px; padding:5px 0; margin:0; line-height:1.4; position:absolute; top:70px; right:0px; font-size:15px; background:#fff; border-radius:0; border:1px solid #dfe4e5; /* box-shadow:0 0 5px rgba(0,0,0,0.2) */; z-index:9;}
.div_allMenu.active {display:block;}
.div_allMenu strong {display:block; padding:10px 10px 0 30px; color:#103578; font-size:17px;}
.div_allMenu ul {padding:10px 0; margin:0; list-style:none; line-height:1.4;}
.div_allMenu ul > li {padding:0; margin:0;}
.div_allMenu ul > li > a {display:block; padding:5px 10px 5px 30px; position:relative; color:#7a7a7a; font-size:15px; cursor:pointer;}
.div_allMenu ul > li > a:after {display:none; content:''; width:8px; height:8px; position:absolute; top:11px; left:15px; border-radius:4px; background-color:#00a8d2;}
.div_allMenu ul > li > a:hover {background-color:#eaf8fc;}
.div_allMenu ul > li > a.active {color:#000;}
.div_allMenu ul > li > a.active:after {display:block;}

.m_select {display:inline-block; line-height:1; vertical-align:top; margin:2px; text-align:initial;}
.m_select .select2-container {vertical-align:middle; width:100% !important; padding:0; margin-right:0;}
.m_select .select2-container .select2-selection--single {height:initial;}
.m_select .select2-container--default .select2-selection--single, 
.m_select .select2-container--default .select2-selection--multiple {min-height:initial; line-height:1; border:0; border-bottom:1px solid #787a7e; border-radius:0; background:transparent;}
.m_select .select2-container--default .select2-selection--single .select2-selection__rendered {display:inline-block; vertical-align:top; line-height:1; padding:4px 0; color:#000;}
.m_select .select2-container--default .select2-selection--single .select2-selection__arrow {height:initial; top:initial; bottom:0;}
.m_select .select2-container--default .select2-selection--single .select2-selection__arrow:after {display:inline-block; vertical-align:top; content:"\ea99"; width:100%; height:100%; color:#0078ff; font-family:"icofont"; font-size:18px;}
.m_select .select2-container--default .select2-selection--single .select2-selection__arrow b {display:none;}
.m_select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {content:"\eaa1";}
/* .m_select .select2-dropdown {min-width:150px; font-weight:normal; border:0; font-size:1rem; box-shadow:0 0 10px rgba(0,0,0,0.2);} */
.select2-container .select2-dropdown {min-width:150px; font-weight:normal; border:0; font-size:1rem; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.m_select .select2-results__option {padding:8px 10px;}
.m_select .select2-container--default .select2-results__option[aria-selected=true] {color:#0078ff; font-weight:500; background-color:#fff;}
.m_select .select2-container--default .select2-results__option--highlighted {color:initial; background-color:#f0f5ff;}
.m_select .select2-container.select2-container--disabled {background-color:#e4e4e4;}
.m_select .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {color:#888 !important;}
.m_select .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow:after {color:#888 !important;}

/* smartALQC - common */
.m_btn {display:inline-block; line-height:25px; padding:0 20px; margin:2px 4px; font-size:16px; text-align:center; border-radius:5px; border:1px solid #001f42; background:#ffffff; transition:0.2s;}
.m_btn:focus,
.m_btn:active {outline:none !important; box-shadow:none !important;}
.m_btn:disabled {color:#b2b2b2 !important; border-color:#e6e6e6 !important; background:#e6e6e6 !important;}

.m_btn.h25 {height:25px; line-height:23px; padding:0 15px; border-radius:13px;}
.m_btn.h30 {height:30px; line-height:28px; border-radius:15px;}
.m_btn.h35 {height:35px; line-height:33px; border-radius:18px; font-size:18px;}
.m_btn.h40 {height:40px; line-height:38px; font-size:18px; border-radius:20px;}
.m_btn.h50 {height:50px; line-height:100%; font-size:24px; border-radius:28px;}
.m_btn.h55 {height:55px; line-height:100%; font-size:24px; border-radius:28px;}

.m_btn.btn_white             {color:#000; border-color:#000; background:#ffffff;}
.m_btn.btn_white:hover       {color:#0078ff; border-color:#0078ff; background:#fff;}    
                            
.m_btn.btn_blue              {color:#fff; border-color:#3578ff; background:#3578ff;}
.m_btn.btn_blue:hover        {border-color:#0078ff; background:#0078ff;}
/* 240329-추가 */
.m_btn.btn_black             {color:#fff; border-color:#000; background:#000;}
.m_btn.btn_black:hover       {border-color:#0078ff; background:#0078ff;}

.m_btn.btn_white2            {color:#000; border-color:#fff; background:#ffffff; font-size:16px;}
.m_btn.btn_white2:hover,
.m_btn.btn_white2.active     {color:#fff; border-color:#0078ff; background:#0078ff; font-size:16px; box-shadow:0 18px 22px rgba(0,0,0,0.1);}

.m_btn.btn_gray          {color:#000; border-color:#edf0f3; background:#edf0f3; font-size:15px;}
.m_btn.btn_gray:hover,
.m_btn.btn_gray.active     {color:#fff; border-color:#0078ff; background:#0078ff; font-size:15px;}

.m_btn.btn_gray2             {color:#fff; border-color:#4c4c4c; background:#4c4c4c; font-size:16px;}
.m_btn.btn_gray2:hover,
.m_btn.btn_gray2.active     {color:#fff; border-color:#0078ff; background:#0078ff; font-size:16px;}

.m_btn.btn_gray_line        {color:#000; border-color:#d4d4d4; background:#fff; font-size:14px;}
.m_btn.btn_gray_line:hover,
.m_btn.btn_gray_line.active     {color:#fff; border-color:#0078ff; background:#0078ff; font-size:14px;}

.btn_text                    {padding:0; color:#001f42; font-size:16px; border-radius:0; border:0; border-bottom:1px solid #001f42; background:transparent; padding-bottom:3px;}
.btn_text:hover              {color:#0078ff; border-color:#0078ff;}
.btn_text .icofont-plus-circle:before {font-size:18px;}


.btn_list_expand {display:inline-block; min-width:30px; height:30px; padding:0 15px 0 25px; margin:0 5px; color:#001f42; font-size:16px; border:0; background:transparent url(../images/alqc/icon_expand.png) no-repeat left center;}
.btn_list_expand:hover,
.btn_list_expand.active {color:#0078ff; background-image:url(../images/alqc/icon_expand_active.png);}
.btn_list_reduce {display:inline-block; min-width:30px; height:30px; padding:0 15px 0 25px; margin:0 5px; color:#001f42; font-size:16px; border:0; background:transparent url(../images/alqc/icon_reduce.png) no-repeat left center;}
.btn_list_reduce:hover,
.btn_list_reduce.active {color:#0078ff; background-image:url(../images/alqc/icon_reduce_active.png);}

.btn_type_list {display:inline-block; width:30px; height:30px; padding:0; margin:0 5px; color:#001f42; font-size:0; border:0; background:transparent url(../images/alqc/icon_list.png) no-repeat center center;}
.btn_type_list:hover,
.btn_type_list.active {color:#0078ff; background-image:url(../images/alqc/icon_list_active.png);}
.btn_type_card {display:inline-block; width:30px; height:30px; padding:0; margin:0 5px; color:#001f42; font-size:0; border:0; background:transparent url(../images/alqc/icon_card.png) no-repeat center center;}
.btn_type_card:hover,
.btn_type_card.active {color:#0078ff; background-image:url(../images/alqc/icon_card_active.png);}

.btn_type_card + .btn_list_expand {margin-left:15px; position:relative;}
.btn_type_card + .btn_list_expand:before {display:block; content:''; width:1px; position:absolute; top:5px; left:-10px; bottom:5px; background-color:#c3c3c3;} 

.icon_text_down {min-width:30px; min-height:30px; padding:0 0 0 30px; margin:0; position:relative; color:#001f42; font-size:15px; border:0; background-color:transparent;}
.icon_text_down:hover {color:#0078ff;}
.icon_text_down + .icon_text_down {margin-left:10px;}
.icon_text_down.icon_excel {background:url(../images/alqc/icon_excel_down_active.png) no-repeat 5px center;}
/* .icon_text_down.icon_excel:hover {background-image:url(../images/alqc/icon_excel_down_active.png);} */
.icon_text_down.icon_img {background:url(../images/alqc/icon_img_down.png) no-repeat 5px center;}
.icon_text_down.icon_img:hover {background-image:url(../images/alqc/icon_img_down_active.png);}
.icon_text_down.icon_excel_down {background:url(../images/alqc/icon_excel_down_2.png) no-repeat 5px center;}
.icon_text_down.icon_excel_down:hover {background-image:url(../images/alqc/icon_excel_down_active_2.png);}

.btn_download {padding:4px 15px 4px 25px; position:relative; color:#001f42; font-size:16px; border:0; background-color:transparent;}
.btn_download:before {display:inline-block; content:'\ef08'; margin-right:5px; line-height:1; color:#001f42; font-family:"IcoFont";}
.btn_download:hover,
.btn_download:hover:before {color:#0078ff;}

.m_btn.btn_detail_list:hover,
.m_btn.btn_detail_list:focus {color:#fff;}

.btn_unCheckTotal {display:inline-block; line-height:25px; padding:0; margin:2px; color:#001f42; font-size:15px; border:0; background:#ffffff;}
.btn_unCheckTotal:before {display:inline-block; content:'\ec7f'; margin-right:5px; line-height:1; color:#001f42; font-family:"IcoFont";}
* + .btn_unCheckTotal {margin-left:20px;}

.icon_btn {display:inline-flex; vertical-align:top; min-width:30px; height:30px; padding:0; margin:0; position:relative; font-size:0; text-align:left; border:0; border-radius:3px; outline:0; background-color:transparent; background-repeat:no-repeat; background-position:center center; overflow:hidden;}
.icon_btn:before {display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; line-height:30px; color:#001f42; font-family:"IcoFont"; font-size:initial;}
.icon_btn:after {display:inline-flex;}
.icon_btn:hover:before,
.icon_btn:hover:after {color:#0078ff;}
.icon_btn.icon_edit:before, .icon_voice.icon_edit:before {content:"\ebf6"; font-size:14px; font-family:"Icofont"; font-weight:300;}
.icon_btn.icon_sync:before {content:"\efd1"; font-size:14px;}
.icon_btn.icon_delete:before {content:"\eebb";}
.icon_btn.icon_delete:hover:before {color:#ef3e3e;}
.icon_btn.icon_prev:before {content:"\ea9d";}
.icon_btn.icon_next:before {content:"\eaa0";}
.icon_btn.icon_close:before {content:"\eee4";}
.icon_btn.icon_clear:before {content:"\eee1"; font-size:22px;}
.icon_btn.icon_search {border-color:#001f42; background-color:#001f42;}
.icon_btn.icon_search:before {content:"\ed1b";}
.icon_btn.icon_setting {}
.icon_btn.icon_setting:before {content:''; width:3px; height:15px; position:absolute; top:6px; left:12px; border-top:3px solid #000; border-bottom:3px solid #000;}
.icon_btn.icon_setting:after {content:''; width:3px; height:3px; position:absolute; top:12px; left:12px; background-color:#000;}
.icon_btn.icon_setting:hover:before {border-color:#0078ff;}
.icon_btn.icon_setting:hover:after {background-color:#0078ff;}
.icon_btn.icon_copy:before {content:'\ede9';}
.icon_btn.icon_download:before {content:'\ef08';}
.icon_btn.icon_filemove:before {content:'\ed14';}
.icon_btn.icon_view:before {content:'\eb08';}




.n_qc_step_area .icon_btn {display:inline-flex; vertical-align:top; min-width:30px; height:30px; padding:0; margin:0; position:relative; font-size:0; text-align:center; border:1px solid #d4d4d4; 
    border-radius:15px; outline:0; background-color:transparent; background-repeat:no-repeat; background-position:center center; overflow:hidden; transition:0.2s;}
.n_qc_step_area .icon_btn:before {display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; line-height:30px; color:#001f42; font-family:"IcoFont"; font-size:initial; transition:0.2s;}
.n_qc_step_area .icon_btn:after {display:inline-flex; transition:0.2s;}
.n_qc_step_area .icon_btn:hover {background:#0078ff; color:#fff; border-color:#0078ff;}
.n_qc_step_area .icon_btn:hover:before,
.n_qc_step_area .icon_btn:hover:after {color:#fff;}
.n_qc_step_area .icon_btn.icon_edit:before, .icon_voice.icon_edit:before {content:"\ebf6"; font-size:14px; font-family:"Icofont"; font-weight:300;}
.n_qc_step_area .icon_btn.icon_sync:before {content:"\efd1"; font-size:14px;}
.n_qc_step_area .icon_btn.icon_delete:before {content:"\eebb";}
.n_qc_step_area .icon_btn.icon_delete:hover:before {color:#fff;}
.n_qc_step_area .icon_btn.icon_prev:before {content:"\ea9d";}
.n_qc_step_area .icon_btn.icon_next:before {content:"\eaa0";}
.n_qc_step_area .icon_btn.icon_close:before {content:"\eee4";}
.n_qc_step_area .icon_btn.icon_clear:before {content:"\eee1"; font-size:22px;}
.n_qc_step_area .icon_btn.icon_search {border-color:#0078ff; background-color:#0078ff;}
.n_qc_step_area .icon_btn.icon_search:before {content:"\ed1b";}
.n_qc_step_area .icon_btn.icon_setting {}
.n_qc_step_area .icon_btn.icon_setting:before {content:''; width:3px; height:15px; position:absolute; top:6px; left:12px; border-top:3px solid #000; border-bottom:3px solid #000;}
.n_qc_step_area .icon_btn.icon_setting:after {content:''; width:3px; height:3px; position:absolute; top:12px; left:12px; background-color:#000;}
.n_qc_step_area .icon_btn.icon_setting:hover:before {border-color:#0078ff;}
.n_qc_step_area .icon_btn.icon_setting:hover:after {background-color:#0078ff;}
.n_qc_step_area .icon_btn.icon_copy:before {content:'\ede9';}
.n_qc_step_area .icon_btn.icon_download:before {content:'\ef08';}
.n_qc_step_area .icon_btn.icon_filemove:before {content:'\ed14';}

.icon_tooltip {line-height:1; padding:0 2px; margin:2px; color:#c4c4c4; font-size:20px; cursor:pointer;}
.icon_tooltip + .tooltip > .tooltip-arrow {border-top-color:rgba(126,126,126,0.9);}
.icon_tooltip + .tooltip > .tooltip-inner {max-width:230px; padding:8px; font-size:12px; word-break:keep-all; background-color:rgba(126,126,126,0.9);}
.icon_tooltip + .tooltip.in {opacity:1;}

.m_text {height:30px; margin:2px; border:0; border-bottom:1px solid #787b80; transition:0.2s; caret-color:#0078ff}
.m_text:focus {border-bottom:1px solid #0078ff; outline:none; box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.m_text[readonly], .m_text[disabled] {background-color:#eeeeee; opacity:1; color:#777777;}
.m_number {height:30px; margin:2px; border:0; border-bottom:1px solid #787b80; transition:0.2s; caret-color:#0078ff}
.m_number:focus {border-bottom:1px solid #0078ff; outline:none; box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.m_number[readonly], .m_number[disabled] {background-color:#eeeeee; opacity:1; color:#777777;}
.m_date {height:30px; padding:0 30px 0 10px; margin:2px; border:0; border-bottom:1px solid #787b80; background:url(../images/alqc/icon_calendar.png) no-repeat 95% center; cursor:pointer; transition:0.2s; caret-color:#0078ff}
.m_date:focus {border-bottom:1px solid #0078ff; outline:none; box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.m_date[readonly], .m_date[disabled] {background-color:#eeeeee; opacity:1; color:#777777;}

.m_file {height:30px; padding-right:110px; margin:2px; position:relative;}
.m_file input[type=file] {width:0; height:0; position:absolute;}
.m_file label {display:block; width:100px; line-height:26px; position:absolute; top:0; right:0; color:#001f42; font-weight:normal; text-align:center; border-radius:15px; border:1px solid #001f42; background-color:#fff; cursor:pointer;}
.m_file label:hover {color:#fff; background-color:#0078ff; border-color:#0078ff;}
.m_file input[type=text] {width:100%; height:100%; position:relative; margin-right:10px; background-color:#fff; border:0; border-bottom:1px solid #787b80;}

.m_check {display:inline-flex; align-items:center; height:16px; margin:2px; vertical-align:top;}
.m_check > input[type=checkbox] {width:0; height:0; min-height:0; margin:0; position:absolute;}
.m_check > input[type=checkbox] + label {display:inline-flex; align-items:center; height:100%; padding-left:20px; margin:0; position:relative; font-weight:normal; word-break:break-word; cursor:pointer; font-size:14px;}
.m_check > input[type=checkbox] + label:before,
.m_check > input[type=checkbox] + label:after {display:block; content:''; clear:both; position:absolute; left:0; transition:all 0.1s ease;}
.m_check > input[type=checkbox] + label:before {width:15px; height:15px; border-radius:3px; border:1px solid #c3c3c3; background-color:#fff;}
.m_check > input[type=checkbox] + label:after {width:10px; height:6px; margin-top:-3px; margin-left:3px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg);}
.m_check > input[type=checkbox]:checked + label:before {border-color:#007aff; background-color:#007aff;}
.m_check.optional > input[type=checkbox]:checked + label:before {border-color:#001f42; background-color:#001f42;}
.m_check > input[type=checkbox]:checked + label:after {color:#fff; font-size:14px;}
.m_check > input[type=checkbox][disabled] + label {cursor:initial;}

.m_check > input.project_abled + label {cursor:pointer;}
.m_check > input.project_disabled + label:before {border:1px solid #d7d7d7;}

.m_check + .m_check {margin-left:10px;}

.m_radio {display:inline-flex; align-items:center; height:16px; margin:2px; vertical-align:top;}
.m_radio > input[type=radio] {width:0; height:0; min-height:0; margin:0; position:absolute;}
.m_radio > input[type=radio] + label {display:inline-flex; align-items:center; height:16px; padding-left:20px; margin:0; position:relative; font-weight:normal; word-break:break-word; cursor:pointer; line-height:16px; font-size:14px;}
.m_radio > input[type=radio] + label:before,
.m_radio > input[type=radio] + label:after {display:block; content:''; clear:both;}
.m_radio > input[type=radio] + label:before {display:block; width:16px; height:16px; position:absolute; left:0; top:1px; border-radius:10px; border:1px solid #bbbbbb; background-color:#fff; z-index:0; overflow:hidden;}
.m_radio > input[type=radio] + label:after {width:0; height:0; position:absolute; left:7px; border-radius:5px; background-color:#fff; transition:all 0.1s ease; overflow:hidden; top:6px;}
.m_radio > input[type=radio]:checked + label:before {border:1px solid #0078ff; background-color:#fff;}
.m_radio > input[type=radio]:checked + label:after {width:6px; height:6px; margin-left:-2px; background-color:#0078ff;}
.m_radio > input[type=radio][disabled] + label {cursor:initial;}

.m_checkradio {display:inline-flex; align-items:center; margin:2px;}
.m_checkradio > input[type=checkbox],
.m_checkradio > input[type=radio] {width:0; height:0; min-height:0; margin:0; position:absolute;}
.m_checkradio > input[type=checkbox] + label,
.m_checkradio > input[type=radio] + label {display:inline-flex; align-items:center; width:20px; height:20px; margin:0; position:relative; font-weight:normal; word-break:break-word; cursor:pointer;}
.m_checkradio > input[type=checkbox] + label:before,
.m_checkradio > input[type=radio] + label:before {display:block; content:''; width:18px; height:18px; position:absolute; left:0; border-radius:10px; border:1px solid #5d5d5d; background-color:#fff; transition:all ease 0.1s;}
.m_checkradio > input[type=checkbox]:checked + label:before,
.m_checkradio > input[type=radio]:checked + label:before {width:18px; height:18px; border:5px solid #3d63ec;}
.m_checkradio > input[type=checkbox][disabled] + label,
.m_checkradio > input[type=radio][disabled] + label {cursor:initial;}

.m_switch {display:inline-flex; align-items:center; height:20px; margin:2px;}
.m_switch > input[type=checkbox] {width:0; height:0; min-height:0; margin:0; position:absolute;}
.m_switch > input[type=checkbox] + label {padding-left:45px; margin:0; position:relative; font-weight:normal;}
.m_switch > input[type=checkbox] + label:before {display:block; content:''; width:30px; height:17px; margin-top:-7px; position:absolute; top:50%; left:0; border-radius:10px; border:2px solid #d8dcdf; background-color:#d8dcdf; cursor:pointer;}
.m_switch > input[type=checkbox] + label:after {display:block; content:''; width:13px; height:13px; margin-top:-5px; position:absolute; top:50%; left:3px; border-radius:10px; background-color:#fff; transition:all 0.1s ease;}
.m_switch > input[type=checkbox]:checked + label:before {border-color:#0078ff; background-color:#0078ff;}
.m_switch > input[type=checkbox]:checked + label:after {left:21px;}
/* 테이블 내 input */
input.inp_title {border:0; border-bottom:1px solid transparent;}
input.inp_title:focus {border-color:#ccc;}

.tab_area {}
.tab_bar {padding:0; margin:0; list-style:none; text-align:center; border-bottom:1px solid #dbdbdb;}
.tab_bar > li {display:inline-block; vertical-align:middle; padding:0 50px; margin:0;}
.tab_bar > li > a {display:block; min-width:200px; padding:7px 25px; position:relative; color:#a4a4a4; font-size:24px; text-align:center; cursor:pointer;}
.tab_bar > li > a:after {display:block; content:""; width:100%; height:5px; position:absolute; bottom:-3px; left:0; background-color:transparent; transition:all ease 0.2s;}
.tab_bar > li > a:hover:after {background-color:#a4a4a4;}
.tab_bar > li.active > a {color:#000;}
.tab_bar > li.active > a:after {background-color:#000;}

.tab_bar2 {display:flex; padding:0 100px; margin:0; list-style:none; flex-wrap: wrap;}
.tab_bar2 > li {flex:1; display:inline-flex; padding:0; margin:0; min-width: 230px; max-width: 230px;}
.tab_bar2 > li > a {display:block; width:100%; padding:5px 25px; position:relative; color:#898989; font-size:18px; text-align:center; border:1px solid #c3c3c3; cursor:pointer;}
.tab_bar2 > li > a:hover {color:#fff !important; border-color:#a4a4a4; background-color:#a4a4a4;}
.tab_bar2 > li.active > a {color:#fff !important; border-color:#000; background-color:#000;}


.tab_content {}

.ctrl_area {padding:0; margin:10px 0; position:relative;}
.ctrl_area .list_count {display:inline-block; vertical-align:-webkit-baseline-middle; padding:0 20px 0 10px; position:relative; font-size:16px;}
.ctrl_area .list_count:before {display:block; content:''; width:3px; height:3px; margin-top:-2px; position:absolute; top:50%; left:0; border-radius:2px; background-color:#000;}
.ctrl_area * + .list_count {margin-left:20px;}
ul.ctrl_area {display:flex; align-items:center; justify-content:space-between; list-style:none;}
ul.ctrl_area > li {display:flex; align-items:center; padding:0; margin:0;}
ul.ctrl_area > li .highlight_blue {font-size:13px;}

.ctrl_area .h40 {font-size:16px;}

.search_ctrl {display:inline-block; height:30px; padding-right:80px; position:relative; border:0; background-color:#fff;}
.search_ctrl:after {display:block; content:""; height:1px; position:absolute; right:50px; bottom:0; left:0; background-color:#787b80;}
.search_ctrl .text_keyword {width:100%; height:100%; padding:0 10px; border:0; background-color:transparent;}
.search_ctrl .icon_clear {position:absolute; top:0; right:50px;}
.search_ctrl .icon_clear:before {color:transparent; font-size:22px; background-color:transparent; transition:all ease 0.2s;}
.search_ctrl .text_keyword:focus + .icon_clear:before {color:#787b80;}
.search_ctrl .icon_search {position:absolute; top:0; right:0;}
.search_ctrl .icon_search:before {color:#fff; border-color:#001f42; background-color:#001f42;}
.search_ctrl .icon_search:hover:before {border-color:#0078ff; background-color:#0078ff;}

.list_area {overflow-y:auto; overflow-x:hidden;}
.list_area table {width:100%; font-size:15px;}
.list_area table tbody tr:hover td {background-color:#f4f8ff; color:#0167ff;}
.list_area table th {padding:10px 5px; color:#000; font-weight:500; border-top:2px solid #000; border-bottom:1px solid #dfe4e5; background-color:#fafbfc;}
.list_area table td {padding:10px 5px; position:relative; text-align:left; border-bottom:1px solid #dfe4e5; background-color:#fff;}
.list_area table td.mainReport span.reportNm {display:inline-block; text-overflow:ellipsis; max-width:90%; font-weight:bold; white-space:nowrap; overflow:hidden; cursor:pointer;}

.n_qc_area .list_area table th {background-color:#e8f0ff; border-bottom:1px solid #9db8ea; border-top:2px solid #395a9f;}

.list_area table.table_list2 {width:100%;}
.list_area table.table_list_2 th {background-color:#e8f0ff; border-bottom:1px solid #9db8ea; border-top:2px solid #395a9f;}
.list_area table.table_list2 tbody tr:hover td {background-color:#f4f8ff;}
.list_area table.table_list2 th {padding:10px 5px; color:#000; font-weight:500; border-top:0; border-bottom:2px solid #000; background-color:#fff;}
.list_area table.table_list2 td {padding:10px 5px; text-align:left; border-bottom:1px solid #dfe4e5; background-color:#fff;}

.list_area .list_head {padding:0; font-weight:500; border-top:2px solid #000;}
.list_area .list_head .list_col {background-color:#fafbfc;}
.list_area .list_head .list_col > li {padding:10px 0;}

.list_area .list_body {font-size:15px; overflow-y: auto; max-height: 500px;}
.list_area .list_body .list_col:hover {background-color:#f4f8ff;}
.list_area .list_body .ui-draggable-handle:before {display:block; content:''; width:10px; position:absolute; top:0; bottom:0; left:10px; background:url(../images/alqc/icon_dragable.png) no-repeat left 12px;}
.list_area .list_body .ui-draggable-handle:hover:before {background-image:url(../images/alqc/icon_dragable_active.png);}
.list_area .list_body .no_list {line-height:40px; margin:0; border-bottom:1px solid #dfe4e5; text-align:center;}

.list_area .list_row {position:relative;}
.list_area .list_row.list_reduce {display:none;}
.list_area .list_row > .list_col > .col_key{padding-left:20px;}
.list_area .list_row > .list_row > .list_col > .col_key{padding-left:40px;}
.list_area .list_row > .list_row > .list_row > .list_col > .col_key{padding-left:60px;}
.list_area .list_row > .list_row > .list_row > .list_row > .list_col > .col_key{padding-left:80px;}
.list_area .list_row > .list_row > .list_row > .list_row > .list_row > .list_col > .col_key{padding-left:100px;}

.n_qc_step_area .list_area .list_head,
.n_qc_area .list_area .list_head {border-top:2px solid #395a9f;}
.n_qc_step_area .list_area .list_head .list_col,
.n_qc_area .list_area .list_head .list_col {padding:0 15px; background-color:#e8f0ff; border-bottom:1px solid #9db8ea;}
.n_qc_step_area .list_area .list_body .list_col:hover,
.n_qc_step_area .list_area .list_body .list_col.active,
.n_qc_area .list_area .list_body .list_col:hover,
.n_qc_area .list_area .list_body .list_col.active {background-color:#e8f0ff; color:#007aff;}

.list_area .list_col {display:flex; flex-direction:row; align-items:center; min-height:45px; padding:0 10px 0 0; margin:0; list-style:none; position:relative; border-bottom:1px solid #dfe4e5;}
.list_area .list_col.list_impossible {background-color:#f5f5f5;}
.list_area .list_col > li {/* min-width:70px; */padding:0; margin:0;}
.list_area .list_col > li .icon_edit.btn_item_edit {margin-right:1px;}

.list_area .toggle_sub {display:inline-block; vertical-align:middle; width:20px; height:20px; line-height:20px; padding:0; margin-left:-23px; position:relative; border:0; background-color:transparent; cursor:pointer;}
.list_area .toggle_sub:before {display:inline-block; content:'\ea67'; color:#0078ff; font-size:15px; font-family:'IcoFont'; transition:all ease 0.1s;}
.list_area .toggle_sub.reduce:before {transform:rotate(-90deg);}

.list_paging {padding:10px; margin:10px 0; text-align:center;}
.list_paging > a {display:inline-block; vertical-align:middle; width:30px; height:30px; line-height:28px; margin:0 5px; position:relative; padding:0; text-align:center; cursor:pointer;}
.list_paging > a:before {display:block; position:absolute; top:0; right:0; bottom:0; left:0; color:#a3a3a3; font-size:15px; font-family:'IcoFont';}
.list_paging > a:hover,
.list_paging > a:hover:before {color:#14afff !important;}
.list_paging > .num.active {color:#14afff; background-color:#f4f8ff;}
.list_paging > .list_first {font-size:0;}
.list_paging > .list_first:before {content:'\ea7b';}
.list_paging > .list_prev {font-size:0;}
.list_paging > .list_prev:before {content:'\eab5';}
.list_paging > .list_next {font-size:0;}
.list_paging > .list_next:before {content:'\eab8';}
.list_paging > .list_last {font-size:0;}
.list_paging > .list_last:before {content:'\ea7c';}

.dataList_area {}
.data_list {padding:0; margin:0 -20px; list-style:none;}
.data_list:after {display:block; content:""; clear:both;}
.data_list > li {float:left; padding:20px; margin:0;}
.data_list.cols2 > li {width:50%;}
.data_list.cols3 > li {width:33.3333%;}
.data_list.cols4 > li {width:25%;}
.data_list.cols5 > li {width:20%;}

.data_item {height:100%; padding:25px 30px; position:relative; border-radius:10px; box-shadow:0 0 25px rgba(0,0,0,0.1); border:1px solid transparent;}
.data_item:hover,
.data_item.active {border-color:#3c63ec;}
.data_item .category_name {display:inline-block; padding:2px 8px; margin:0 0 10px 0; color:#fff; font-size:14px; background-color:#12aaed; z-index:1;}
.data_item .category_name.category_file {background-color:#52d24a;}
.data_item .category_name.category_server {background-color:#000000;}
.data_item .catetory_subject {display:-webkit-box; padding:0; margin:0 0 10px 0; color:#7a7a7a; font-size:17px;}
.data_item .item_subject {display:-webkit-box; -webkit-box-orient:vertical; padding:0; margin:0 0 10px 0; color:#000; font-size:26px; font-weight:500; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2; text-overflow:ellipsis; display:block; white-space:nowrap;}
.data_item .item_brief {margin:20px 0; color:#5a5a5a; font-size:17px; text-align:center;}
.data_item .item_date {margin:10px 0; position:absolute; bottom:10px; color:#000; font-size:17px;}
.data_item .item_name {display:inline-block; padding:0 5px;}
.data_item .item_type {display:inline-block; padding:0 5px; margin-left:5px;}

.keyword_group {padding:5px; position:relative;}
.keyword_group .keyword_item {display:inline-block; vertical-align:top; margin:3px 2px; position:relative; background-color:#fff;}
.keyword_group .keyword_item .keyword {display:inline-block; vertical-align:top; line-height:25px; padding:0 10px; font-size:14px;}
.keyword_group .keyword_item .item_delete {display:inline-block; vertical-align:top; width:25px; height:25px; padding:0; font-size:0; border:0; background-color:transparent;}
.keyword_group .keyword_item .item_delete:before {display:block; content:"\eee4"; line-height:23px; color:#7d7d7d; font-family:"icofont"; font-size:14px;}
.keyword_group .keyword_add {display:inline-block; vertical-align:top; line-height:23px; padding:0; margin:4px 8px 4px 0; color:#001f42; font-size:15px; border:0; border-bottom:1px solid #001f42; background-color:transparent; transition:0.2s;}
.keyword_group .keyword_add:focus {border-bottom:1px solid #0078ff; outline:none; box-shadow:0 5px 5px rgba(0,0,0,0.1); caret-color:#0078ff;}
.keyword_group .require_keyword_add {display:inline-block; vertical-align:top; line-height:23px; padding:0; margin:4px 8px; color:#001f42; font-size:15px; border:0; border-bottom:1px solid #001f42; background-color:transparent;}
.keyword_group .brief {display:inline-block; padding:5px; color:#898989; font-size:14px;}

.require_keyword_group {padding:5px; position:relative;}
.require_keyword_group .keyword_item {display:inline-block; vertical-align:top; margin:3px 2px; position:relative; background-color:#fff;}
.require_keyword_group .keyword_item .keyword {display:inline-block; vertical-align:top; line-height:25px; padding:0 10px; font-size:14px;}
.require_keyword_group .keyword_item .item_delete {display:inline-block; vertical-align:top; width:25px; height:25px; padding:0; font-size:0; border:0; background-color:transparent;}
.require_keyword_group .keyword_item .item_delete:before {display:block; content:"\eee4"; line-height:23px; color:#7d7d7d; font-family:"icofont"; font-size:14px;}
.require_keyword_group .keyword_add {display:inline-block; vertical-align:top; line-height:23px; padding:0; margin:4px 8px; color:#001f42; font-size:15px; border:0; border-bottom:1px solid #001f42; background-color:transparent;}
.require_keyword_group .require_keyword_add {display:inline-block; vertical-align:top; line-height:23px; padding:0; margin:4px 8px 4px 0; color:#001f42; font-size:15px; border:0; border-bottom:1px solid #001f42; background-color:transparent;}
.require_keyword_group .brief {display:inline-block; padding:5px; color:#898989; font-size:14px;}

#div_layerPopup {line-height:1.4; font-size:16px; color:#333;}
#div_layerPopup a {cursor:pointer;}
#div_layerPopup a:hover {color:inherit;}
#div_layerPopup .container.body .right_col {background-color:#fff;}

/* //smartALQC - common */
.alqc_area {background:#fff; padding-bottom:60px;}
.alqc_con {max-width:1600px; padding:0 50px; margin:0 auto;}
.alqc_title {padding:60px 0; margin:0; text-align:center; letter-spacing:-1px; color:#000; font-size:30px; font-weight:bold;}

/* smartALQC - content */
.sync_area {display:flex; align-items:center; padding:10px 0;}
.sync_area > strong {padding:0 5px; font-size:16px; font-weight:400;}
.sync_area > .m_switch {margin:2px 10px;}
.sync_area > .btn_sync {padding:0 5px 0 20px; margin:2px; position:relative; color:#001f42; font-size:16px; border:0; background-color:transparent;}
.sync_area > .btn_sync:before {display:block; content:'\ec80'; position:absolute; top:3px; left:0; font-size:13px; font-family:'icofont'; color:#001f42;}
.sync_area > .btn_sync:hover,
.sync_area > .btn_sync:hover:before {color:#0078ff;}
.sync_area > .text_sync {margin:2px 10px; color:#898989; font-size:14px;}
.sync_area > .text_sync.error {color:#ed3e3b;}

.tenant_area {padding:0 0 60px; position:relative;}
.tenant_area:after {display:block; content:""; clear:both;}
.tenant_area .tit {color:#898989;}
.tenant_name {display:inline-block; vertical-align:top; max-width:100%; padding:5px 0; margin:0 80px 0 0; font-size:28px; font-weight:500; word-break:keep-all;}
.tenant_area .m_select {display:inline-block; vertical-align:top; max-width:25%; padding:5px 50px 5px 0; font-size:28px; font-weight:500;}
.tenant_area .m_select .select2-container {padding-left:0;}
.tenant_area .m_select .select2-container--default .select2-selection--single .select2-selection__rendered {padding-right:30px;}
.tenant_area .sync_area {position:absolute; top:130px; left:0;}
.tenant_area .sync_area .m_switch {margin-right:30px;}

.tenant_area .keyword_group {display:inline-block; vertical-align:top; max-width:70%;}
.tenant_area .keyword_group .keyword_item {border:1px solid #0078ff;}
.tenant_area .keyword_group .keyword_item .keyword {color:#0078ff;}
.tenant_area .keyword_group .keyword_item:hover {background-color:#0078ff;}
.tenant_area .keyword_group .keyword_item:hover .keyword {color:#fff;}
.tenant_area .keyword_group .keyword_item.active {background-color:#0078ff;}
.tenant_area .keyword_group .keyword_item.active .keyword {color:#fff;}

.tenant_area .require_keyword_group {display:inline-block; vertical-align:top; max-width:70%;}
.tenant_area .require_keyword_group .keyword_item {border:1px solid #0078ff;}
.tenant_area .require_keyword_group .keyword_item .keyword {color:#0078ff;}
.tenant_area .require_keyword_group .keyword_item:hover {background-color:#0078ff;}
.tenant_area .require_keyword_group .keyword_item:hover .keyword {color:#fff;}
.tenant_area .require_keyword_group .keyword_item.active {background-color:#0078ff;}
.tenant_area .require_keyword_group .keyword_item.active .keyword {color:#fff;}

.workspace .tab_bar + .tab_content > .tenant_area {padding:60px 0;}

.btn_sort {display:inline-block; vertical-align:top; width:20px; height:20px; padding:0; position:relative; border:0; background:transparent; font-size:0;}
.btn_sort:before {display:block; content:'\ea9a'; line-height:1; position:absolute; top:0; right:0; font-family:'icofont'; font-size:20px; color:#aeb3ba;}
.chart_progress {display:inline-block; vertical-align:middle; width:150px; height:30px;}

.btn_startScan {padding:0 50px; position:relative;}
.btn_startScan:after {display:inline-block; vertical-align:middle; content:''; width:12px; height:12px; margin:-5px 0 0 15px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg);}
.btn_startScan:disabled:after {border-color:#b2b2b2;}

.external_server {padding:30px 0 0; margin:20px 0;}
.external_server .path {padding:10px 0 10px 100px; border-bottom:2px solid #000; position:relative;}
.external_server .path label {display:block; width:100px; line-height:30px; font-size:20px; position:absolute; top:10px; left:0;}
.external_server .path input[type=text] {width:100%; height:30px; padding:0 10px; color:#5a5a5a; font-size:16px; border:0; background-color:#f5f5f5;}
.external_server .m_jstree {}
.external_server .m_jstree .jstree {min-height:150px; margin-top:1px; border:1px solid #e5e9ea; background-color:#fff;}

.external_server .jstree-default .jstree-node, 
.external_server .jstree-default .jstree-icon {background-image:none;}
.external_server .jstree-default .jstree-anchor {width:calc(100% - 30px); height:30px; line-height:30px; background:url(/lib/jstree/themes/alqc/folder.png) no-repeat left center;}
.external_server .jstree-default .jstree-icon:empty {width:30px; height:30px; line-height:30px;}
.external_server .jstree-default .jstree-open > .jstree-anchor {background:url(/lib/jstree/themes/alqc/folder_open.png) no-repeat left center;}
.external_server .jstree-default .jstree-open > .jstree-ocl {background:url(/lib/jstree/themes/alqc/ocl_open.png) no-repeat left center;}
.external_server .jstree-default .jstree-closed > .jstree-ocl {background:url(/lib/jstree/themes/alqc/ocl.png) no-repeat left center;}
.external_server .jstree-default .jstree-clicked {color:#0078ff; background-color:#f4f8ff; box-shadow:none;}

.m_dropzone .dropzone {height:100%; min-height:initial; padding:0; position:relative; border:0; background-color:transparent;}
.m_dropzone .dropzone .dz-message {margin:0; padding:30px 0 60px; border-radius:10px; border:1px dashed #dbdbdb; background-color:#fff; transition:0.3s; min-height:300px;}
.m_dropzone .dropzone .dz-message .msg {padding:0; margin:0; word-break:keep-all;}
.m_dropzone .dropzone .dz-message .msg.msg1 {padding:95px 30px 0; color:#000; background:none; font-size:18px; margin:0 0 10px; position:relative; transition:0.3s;}
.m_dropzone .dropzone .dz-message .msg.msg1:after {content:""; display:block; width:38px; height:51px; background:url(../images/alqc/icon_file.png) no-repeat center top; position:absolute; left:50%; top:23px; margin-left:-19px; transition:0.3s;}
.m_dropzone .dropzone .dz-message .msg.msg2 {color:#a4a4a4; font-weight:400; font-size:14px; margin:0 0 20px;}
.m_dropzone .dropzone .dz-message .btn_addfile {display:block; width:160px; height:30px; line-height:30px; margin:0 auto; color:#fff; font-size:16px; border-radius:0; background-color:#000; text-align:center; transition:0.3s;}
/* .m_dropzone .dropzone .dz-message .btn_addfile:before {display:inline-block; content:'\f01c'; margin-right:10px; font-family:'icofont';} */
.m_dropzone .dropzone .dz-message:hover {border-color:#007aff; background-color:#f9fdff;}
.m_dropzone .dropzone .dz-message:hover .msg.msg1 {color:#007aff;}
.m_dropzone .dropzone .dz-message:hover .msg.msg1::after {background:url(../images/alqc/icon_file_hover.png) no-repeat center top;}
.m_dropzone .dropzone .dz-message:hover .btn_addfile {color:#fff; background-color:#0078ff;}
.m_dropzone .dropzone.dz-drag-hover .dz-message {border-color:#0078ff; background-color:#f4f8ff; opacity:1;}
.m_dropzone .dropzone.dz-drag-hover .dz-message .msg.msg1 {color:#0078ff;}
.m_dropzone .dropzone.dz-drag-hover .dz-message .btn_addfile {color:#fff; background-color:#0078ff;}

.upload_localdata {margin:20px 0 0;}
.upload_localdata .m_dropzone .dropzone {min-height:240px;}
.upload_localdata .m_dropzone .dropzone:after {display:block; content:""; clear:both;}
.upload_localdata .m_dropzone .dropzone .dz-message .msg.msg1 {font-size:20px;}
.upload_localdata .m_dropzone .dropzone .dz-message .msg.msg2 {font-size:16px;}
.upload_localdata .m_dropzone .dropzone .dz-preview:after {display:block; content:""; clear:both;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-image {width:40px; height:40px; position:absolute; top:20px; left:10px; border-radius:0;}
.upload_localdata .m_dropzone .dropzone .dz-preview:hover .dz-image img {filter:blur(0px); transform:scale(1, 1);}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-image img {height:40px;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-details {float:left; width:100%; min-width:inherit; padding:0; position:static; text-align:left; opacity:1;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-details .dz-size,
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-details .dz-filename {display:inline-block; vertical-align:top; margin:5px; width:100%;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-details .dz-filename span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-details .dz-filename:hover span {border:1px solid transparent;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-error-message {float:left; width:45%; padding:5px 10px; margin:0 0 10px 0; position:static; color:#ef3e3e; text-align:right; background:none; opacity:1;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-error-message:after {display:none;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-success-mark,
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-error-mark,
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-details .dz-size {display:none;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-remove {width:20px; height:20px; position:absolute; right:5px; top:24px;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-remove:after {display:block; content:"\eee1"; width:20px; height:20px; line-height:21px; color:#fff; font-family:"icofont"; border-radius:10px; background-color:#afafaf; transition:0.2s;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-remove:hover {text-decoration:none;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-remove:hover:after {background-color:#000;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-success-mark svg, 
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-error-mark svg {width:20px; height:20px;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-error-mark svg path {stroke-opacity:1; stroke:#aaa; fill:#afafaf;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-progress {width:initial; height:5px; margin:0; top:initial; right:20px; bottom:20px; left:70px; opacity:1 !important;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-progress .dz-upload {background:#26e73d;}
.upload_localdata .m_dropzone .dropzone.dz-started {padding-left:50%;}
.upload_localdata .m_dropzone .dropzone.dz-started .dz-message {display:flex !important; justify-content:center; align-items:center; width:50%; height:100%; position:absolute; top:0; left:0;}
.upload_localdata .m_dropzone .dropzone.dz-started .dz-preview {display:block; min-height:40px; padding:20px 30px 20px 60px; margin:0 0 0 30px; position:relative;}
.upload_localdata .m_dropzone .dropzone.dz-started > div:nth-child(2) {border-top:2px solid #000;}
.upload_localdata .m_dropzone .dropzone.dz-started > div:last-child {border-bottom:1px solid #dfe4e5;}

.alqc_step_area {min-width:1400px; height:100%; padding:0; background:#fff; position:absolute; top:0; right:0; bottom:0; left:0; z-index:9999;}
.alqc_step_title {padding:80px 0; text-align:center; color:#000; font-size:32px; font-weight:500; position:relative;}
.alqc_step_title strong {color:#0078ff; font-weight:500; /*border-bottom:1px solid #14afff; */}
.alqc_step_title .sub_title {display:block; margin:10px 0; font-size:17px; font-weight:normal;}
.alqc_step_title .sub_title strong {color:#14afff; border-bottom:1px solid #14afff;}


.step_inner {width:1700px; padding:0 50px; margin:0 auto; position:relative;}
.step_inner:after {display:block; content:''; clear:both;}

.step_wizard_area {padding:10px 0; position:absolute; top:0; right:0; left:0; border-bottom:1px solid #dadee7; box-shadow:0 0 10px rgba(0,0,0,0.1); background-color:#fff; z-index:10000;}
.step_wizard_area .btn_step_back {width:70px; height:60px; position:absolute; top:0; left:0; font-size:0; border:0; background:#a8a8a8 url(../images/al/btn_list_prew_hover.png) no-repeat center center; z-index:9;}
.step_wizard_area .btn_step_back:hover {background-color:#0078ff;}
.step_wizard_area .step_inner {width:initial; padding-left:100px; padding-right:400px;}
.step_wizard_area .wizard_list {padding:0; margin:0; list-style:none;}
.step_wizard_area .wizard_list:after {display:block; content:""; clear:both;}
.step_wizard_area .wizard_list > li {float:left; padding:5px 5% 5px 0; margin:0; position:relative;}
.step_wizard_area .wizard_list > li:after {display:block; content:""; width:40px; height:1px; position:absolute; top:50%; right:15px; background-color:#c3c3c3;}
.step_wizard_area .wizard_list > li:last-child:after {display:none;}
.step_wizard_area .wizard_list > li > a {display:block; line-height:30px; color:#5a5a5a; font-size:18px; cursor:unset;}
.step_wizard_area .wizard_list > li em {display:inline-block; vertical-align:top; width:30px; height:30px; line-height:28px; margin-right:10px; position:relative; color:#fff; font-size:16px; font-style:normal; text-align:center; border-radius:15px; background-color:#898989;}
.step_wizard_area .wizard_list > li.active a {color:#3c63ec;}
.step_wizard_area .wizard_list > li.active em {background-color:#3c63ec;}
.step_wizard_area .wizard_list > li.completed a {color:#3c63ec; cursor:pointer;}
.step_wizard_area .wizard_list > li.completed em {background-color:#3c63ec; font-size:0;}
.step_wizard_area .wizard_list > li.completed em:after {display:block; content:"\eed6"; width:30px; height:30px; position:absolute; top:0; left:0; font-size:25px; font-family:"IcoFont";}
.step_wizard_area .btn_group {display:inline-block; position:absolute; top:3px; right:50px;}
.step_wizard_area .btn_group .m_btn {width:120px;}

.step_btn_area {padding:15px 0; text-align:right; position:absolute; right:0; bottom:0; left:0; border-top:1px solid #dedede; background-color:#fff; box-shadow:0 0 10px rgb(0,0,0,0.1); z-index:9;}
.step_btn_area:after {display:block; content:""; clear:both;}
.step_btn_area .step_prev,
.step_btn_area .step_next {display:inline-block; height:40px; padding:0; position:relative; color:#001f42; font-size:25px; border:0; background:transparent;}
.step_btn_area .step_prev:after,
.step_btn_area .step_next:after {display:block; line-height:40px; position:absolute; top:0; bottom:0; font-family:"IcoFont"; font-size:25px;}
.step_btn_area .step_prev:hover,
.step_btn_area .step_next:hover {color:#0078ff;}
.step_btn_area .step_prev {float:left; padding-left:30px;}
.step_btn_area .step_next {float:right; padding-right:30px;}
.step_btn_area .step_prev:after {content:"\ea9d"; left:0;}
.step_btn_area .step_next:after {content:"\eaa0"; right:0;}

.step_content_area {height:calc(100vh - 61px); padding:61px 0 71px; overflow-y:auto;}
.step_content {/*height:calc(100vh - 338px); overflow-y:auto*/}

/* 검사 대상 및 방법 선택 */
.alqc_step1 .alqc_step_title .select2-container--default .select2-selection--single .select2-selection__rendered {color:#0078ff;}
.alqc_step1 .dataList_area {float:left; width:60%;}
.alqc_step1 .data_list {margin:0 -30px;}
.alqc_step1 .data_list > li {padding:10px 30px;}
.alqc_step1 .data_item {min-height:550px; padding:20px 40px;}
.alqc_step1 .data_item:before {display:block; content:""; width:100%; height:280px; background-repeat:no-repeat; background-position:center top;}
.alqc_step1 .data_item.data_item1:before {background-image:url(../images/alqc/img_step1-1.png);}
.alqc_step1 .data_item.data_item2:before {background-image:url(../images/alqc/img_step1-2.png);}
.alqc_step1 .data_item .m_check {height:25px; position:absolute; top:20px; right:20px;}
.alqc_step1 .data_item .m_check > input[type=checkbox] + label {height:25px;}
.alqc_step1 .data_item .m_check > input[type=checkbox] + label:before {width:25px; height:25px;}
.alqc_step1 .data_item .m_check > input[type=checkbox] + label:after {font-size:22px;}
.alqc_step1 .data_item .m_check > input[type=checkbox]:checked + label:after {width:16px; height:8px; margin-top:-7px; margin-left:5px;}
.alqc_step1 .data_item .item_subject {margin:0 0 20px 0; font-size:28px; text-align:center;}
.alqc_step1 .data_item.data_item2 .item_brief {margin:30px 0;}
.alqc_step1 .keyword_group {text-align:center;}
.alqc_step1 .keyword_group .keyword_item {border-color:#f5f5f5; background-color:#f5f5f5;}
.alqc_step1 .keyword_group .keyword_item .keyword {color:#898989;}
.alqc_step1 .require_keyword_group {text-align:center;}
.alqc_step1 .require_keyword_group .keyword_item {border-color:#f5f5f5; background-color:#f5f5f5;}
.alqc_step1 .require_keyword_group .keyword_item .keyword {color:#898989;}
.alqc_step1 .condition_group {float:right; width:35%; padding-top:50px;}
.alqc_step1 .condition_group .m_select .select2-container--default .select2-selection--single .select2-selection__rendered {color:#3c61ed; font-size:30px;}
.alqc_step1 .condition_select {margin:20px 0 40px; line-height:160%; font-size:30px; font-weight:500;}
.alqc_step1 .condition_info {color:#979797;}
.alqc_step1 .condition_item {line-height:180%; padding:10px 30px 40px; margin:20px 0; position:relative; color:#000; font-size:28px; font-weight:500; border-radius:5px; background-color:#f5f5f5;}
.alqc_step1 .condition_item > .title {display:block; margin-bottom:20px; font-size:20px;}
.alqc_step1 .condition_item .m_select {margin-right:5px;}
.alqc_step1 .condition_item .m_select .select2-container--default .select2-selection--single .select2-selection__rendered {font-size:28px;}
.alqc_step1 .condition_item .m_text {height:inherit; min-height:40px; padding:0 5px; margin-right:5px; color:#3c61ed; font-size:28px; border:0; border-bottom:1px solid #787a7e; background-color:transparent;}
.alqc_step1 .condition_item .m_text.count {width:55%; text-align:right; border:0;}
.alqc_step1 .condition_item .m_radio {margin-right:15px; font-size:28px;}
.alqc_step1 .condition_item .m_radio > input[type=radio] + label {height:inherit;}
.alqc_step1 .btn_dataSelect {display:block; margin:30px auto 0;}
.alqc_step1 .condition_item .icon_clear {position:absolute; top:10px; right:10px;}

/* 검사 규칙 선택 */
.alqc_step2 .dataList_area {/*height:calc(100vh - 348px); overflow-x:hidden; overflow-y:auto; */}
.alqc_step2 .data_item {height:250px; padding:30px;}
.alqc_step2 .data_item .m_checkradio {position:absolute; top:15px; right:15px; z-index:9;}
.alqc_step2 .data_item.item_file {box-shadow:none;}
.alqc_step2 .data_item.item_file:hover {border-color:transparent;}
.alqc_step2 .data_item.item_file .category_name {background-color:#54cf4b;}
.alqc_step2 .data_item.item_user .btn_write {width:100%; padding:100px 0 0; margin:30px 0; position:relative; color:#000; font-size:18px; text-align:center; border:0; background-color:transparent; cursor:pointer;}
.alqc_step2 .data_item.item_user .btn_write:before,
.alqc_step2 .data_item.item_user .btn_write:after {display:block; position:absolute; top:50%; left:50%; font-family:"icofont"; color:#dfe3e9;}
.alqc_step2 .data_item.item_user .btn_write:before {content:"\efc2"; margin-top:-50px; margin-left:-30px; font-size:20px;}
.alqc_step2 .data_item.item_user .btn_write:after {content:"\ebf6"; margin-top:-40px; margin-left:-20px; font-size:40px;}
.alqc_step2 .data_item.item_user:hover .btn_write:before,
.alqc_step2 .data_item.item_user:hover .btn_write:after {color:#0078ff;}
.alqc_step2 .data_item .m_checkradio > input[type=radio] + label:before {width:25px; height:25px; border-radius:15px;}
.alqc_step2 .data_item .m_checkradio > input[type=radio]:checked + label:before {border-width:7px;}

.alqc_step2 .m_dropzone {position:absolute; top:0; right:0; bottom:0; left:0;}
.alqc_step2 .m_dropzone .dropzone .dz-message {height:100%; position:relative; z-index:1;}
.alqc_step2 .m_dropzone .dropzone .dz-message .msg.msg1 {font-size:18px; background:url(../images/alqc/icon_xls.png) no-repeat center top;}
.alqc_step2 .m_dropzone .dropzone .dz-message:hover .msg.msg1 {background-image:url(../images/alqc/icon_xls_active.png);}
.alqc_step2 .m_dropzone .dropzone .dz-message .btn_editfile {display:none; width:80px; height:25px; line-height:23px; padding:0; margin:0; position:absolute; right:20px; bottom:20px; color:#001f42; font-size:14px; border:1px solid #001f42; border-radius:15px; background-color:#fff; text-align:center;}
.alqc_step2 .m_dropzone .dropzone .dz-message .btn_editfile:hover {color:#fff; border-color:#3960e4; background-color:#3960e4;}
.alqc_step2 .m_dropzone .dropzone .dz-preview {display:block; margin:0; background:transparent;}
.alqc_step2 .m_dropzone .dropzone .dz-preview .dz-details {padding:60px 30px; text-align:left; opacity:1;}
.alqc_step2 .m_dropzone .dropzone .dz-preview .dz-details .dz-filename {display:-webkit-box; -webkit-box-orient:vertical; padding:0; margin:5px 0; line-height:1.4; color:#000; font-size:26px; font-weight:500; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; white-space:initial; -webkit-line-clamp:3;}
.alqc_step2 .m_dropzone .dropzone .dz-preview .dz-details .dz-filename span {background-color:transparent; padding:0; border-radius:initial; border:0;}
.alqc_step2 .m_dropzone .dropzone .dz-preview .dz-image,
.alqc_step2 .m_dropzone .dropzone .dz-preview .dz-details .dz-size,
.alqc_step2 .m_dropzone .dropzone .dz-preview.dz-complete .dz-progress,
.alqc_step2 .m_dropzone .dropzone .dz-preview.dz-error .dz-error-message,
.alqc_step2 .m_dropzone .dropzone .dz-preview .dz-success-mark, 
.alqc_step2 .m_dropzone .dropzone .dz-preview .dz-error-mark {display:none;}
.alqc_step2 .m_dropzone .dropzone.dz-clickable.dz-started .dz-message {display:block; /*border:1px solid #3960e4; */background-color:transparent; z-index:1;}
.alqc_step2 .m_dropzone .dropzone.dz-clickable.dz-started .dz-message .msg.msg1,
.alqc_step2 .m_dropzone .dropzone.dz-clickable.dz-started .dz-message .btn_addfile {display:none;}
.alqc_step2 .m_dropzone .dropzone.dz-clickable.dz-started .dz-message .btn_editfile {display:block;}
.alqc_step2 .m_dropzone .dropzone.dz-clickable.dz-started .dz-preview {position:absolute; top:0; right:0; bottom:0; left:0; border-radius:10px; box-shadow:0 0 25px rgb(0 0 0 / 10%); z-index:0;}
.alqc_step2 .m_dropzone .dropzone.dz-drag-hover .dz-message .msg.msg1 {color:#0078ff; background-image:url(../images/alqc/icon_xls_active.png);}

/* 구문적 다양성 검사 */
.n_qc_step_area .qc_step_body .step_title .sub_title strong {font-size:20px; border-bottom:none; color:#0078ff; padding:0 8px; background:#e8f0ff; font-weight:400;}

/* 구문적 정확성 검사 */
.permit_min {display:inline-block; vertical-align:top;}
.permit_max {display:inline-block; vertical-align:top; margin-left:10px;}
.permit_min span,
.permit_max span {display:inline-block; padding:0 5px 0 0;}

.alqc_step3 .step_content {}
.alqc_step3 .list_area .list_body {/*max-height:calc(100vh - 578px); overflow-y:auto; */}
.alqc_step3 .list_area .list_col > li {min-width:77px;}
.alqc_step3 .ui-sortable-helper {width:100%; border:2px solid #4d75df; overflow:hidden;}

.alqc_step3 .col1 {width:1%; min-width: 30px !important;}
.alqc_step3 .col2 {width:20%;}
.alqc_step3 .col3 {width:15%;}
.alqc_step3 .col4 {width:5%;}
.alqc_step3 .col5 {width:5%; text-align:center;}
.alqc_step3 .col6 {width:5%; text-align:center;}
.alqc_step3 .col7 {width:9%;}
.alqc_step3 .col8 {width:15%;}
.alqc_step3 .col9 {width:20%;}
.alqc_step3 .col12 {width:5%; text-align:center;}
.alqc_step3 .list_area .m_check > input[type=checkbox] + label { padding-left: 18px;}
.alqc_step3 .list_area .list_row li { padding-left: 5px;}

/* 통계적 다양성 검사 */
.dataList_area .keyword_group .keyword_item {background-color:#f5f5f5;}
.dataList_area .btn_item_allView {display:inline-block; border:0; background-color:transparent; color:#001f42; font-size:14px; text-decoration:underline;}
.dataList_area .btn_item_allView:hover {color:#3b62eb;}
.content_list .dataList_area .keyword_group {padding-right:40px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.content_list .dataList_area .btn_item_allView {position:absolute; top:3px; right:0;}
.content_card .dataList_area .btn_item_allView {}
.option_item.keyword_group .keyword_item {background-color:#fff;}
.text_desc {display:inline-block; vertical-align:bottom; padding:0 10px; margin:2px; color:#7a7a7a; font-size:13px;}
.list_con1 {padding:0; margin:5px 0; color:#131313; font-size:12px;}
.list_con2 {padding:0; margin:30px 0; color:#000;}
.result_list {height:215px; overflow-y:auto;}

.con_msg + .list_con1 {margin-top:20px;}
.con_msg + .test_result {margin-top:20px;}
.list_con2 + .btn_area {margin-top:30px;}
.test_result + .btn_area {margin-top:30px;}

.alqc_step4 .step_content.content_list {}
.alqc_step4 .step_content.content_list .list_area .list_body {/*max-height:calc(100vh - 458px); overflow-y:auto; */}
.alqc_step4 .step_content.content_list .col1 {width:10%; text-align:center;}
.alqc_step4 .step_content.content_list .col2 {width:20%;}
.alqc_step4 .step_content.content_list .col3 {width:20%;}
.alqc_step4 .step_content.content_list .col4 {width:20%;}
.alqc_step4 .step_content.content_list .col5 {width:20%;}
.alqc_step4 .step_content.content_list .col6 {width:10%; text-align:right; padding-right:10px;}

.alqc_step4 .step_content.content_card .dataList_area {/*max-height:calc(100vh - 392px); overflow-x:hidden; overflow-y:auto; */}
.alqc_step4 .step_content.content_card .data_item {height:140px; padding: 40px 30px;}
.alqc_step4 .step_content.content_card .data_item .m_check {position:absolute; top:15px; right:10px; z-index:9;}
.alqc_step4 .step_content.content_card .data_item .m_check > input[type=radio] + label:before {width:25px; height:25px; border-radius:15px;}
.alqc_step4 .step_content.content_card .data_item .m_check > input[type=radio]:checked + label:before {border-width:7px;}
.alqc_step4 .step_content.content_card .keyword_group {height:190px; padding:20px 0; margin:0 -8px; position:relative;}
.alqc_step4 .step_content.content_card .keyword_group:hover .icon_btn.icon_edit {display:inline-block;}
.alqc_step4 .step_content.content_card .keyword_group:hover .icon_btn.icon_edit:after {color:#0078ff;}
.alqc_step4 .step_content.content_card .item_list_add {display:block; width:100%; padding:2rem 0 3rem; margin-top:20px; font-size:18px; border:1px dashed #dfe3e9; border-radius:5px; background-color:transparent;}
.alqc_step4 .step_content.content_card .item_list_add:before {display:block; content:'\efc0'; color:#dfe3e9; font-size:50px; font-family:'icofont';}
.alqc_step4 .step_content.content_card .item_list_add:hover {color:#3b62eb; border-color:#3b62eb; background-color:#f4f8ff;}
.alqc_step4 .step_content.content_card .item_list_add:hover:before {color:#3b62eb;}
.alqc_step4 .step_content.content_card .icon_btn.icon_edit {position:absolute; top:85px; right:14px; font-size:0;}

.data_qna {padding:0; margin:0; list-style:none;}
.data_qna > li {padding:12px 0; margin:0; position:relative;}
.data_qna > li .que {display:inline-block; vertical-align:middle;}
.data_qna > li .ans {display:inline-block; vertical-align:middle;}

.section_result {margin:0 100px 50px; position:relative;}
.section_result .result_title {padding:12px 0; font-size:24px; border-bottom:2px solid #000;}
.section_result .result_title + .down_area {margin-top:-50px; position:absolute; right:0;}
.section_result .result_content:after {display:block; content:''; clear:both;}
.tab_content .section_result .result_chart {float:left; width:40%; min-height:300px; position:relative;}
.section_result .chart_kind button {height:20px; line-height:20px; padding:0 10px 0 25px; margin:0; color:#001f42; font-size:16px; border:0; background-color:transparent; background-repeat:no-repeat; background-position:left center;}
.section_result .chart_kind button.active {color:#0078ff;}
.section_result .chart_kind .chart_kind_bar {background-image:url(../images/alqc/icon_chart_bar.png);}
.section_result .chart_kind .chart_kind_bar.active {background-image:url(../images/alqc/icon_chart_bar_active.png);}
.section_result .chart_kind .chart_kind_pie {background-image:url(../images/alqc/icon_chart_pie.png);}
.section_result .chart_kind .chart_kind_pie.active {background-image:url(../images/alqc/icon_chart_pie_active.png);}
.section_result .chart_kind .chart_kind_rader {background-image:url(../images/alqc/icon_chart_rader.png);}
.section_result .chart_kind .chart_kind_rader.active {background-image:url(../images/alqc/icon_chart_rader_active.png);}
.tab_content .section_result .result_data {float:left; width:60%; padding-left:50px;}
.section_result .result_data .data_title {padding:15px 0; font-size:28px; font-weight:500;}
.section_result .result_data .btn_remove_duplication {padding:0; color:#c3c3c3; font-size:16px; border-radius:0; border:0; background:transparent;}
.section_result .result_data .btn_remove_duplication.active {color:#0078ff;}
.section_result .result_data .list_area + .ctrl_area {padding:15px; margin:40px 0 0; font-size:15px; font-weight:500; background-color:#f0f5ff;}
.section_result .result_data .list_area + .ctrl_area strong {display:inline-block; padding:0 15px; color:#0078ff; font-size:20px; font-weight:500;}
.section_result .result_data .list_area + .ctrl_area strong:first-child {margin-right:15px;}

.error_msg {padding:12px 30px; font-size:20px; position:relative;}
.error_msg:before {display:block; content:''; clear:both; width:13px; height:13px; position:absolute; top:24px; left:0; border-radius:7px;}
.error_msg > strong {font-size:28px; font-weight:500;}
.error_msg > .count {position:absolute; top:10px; right:0; font-size:28px; font-weight:500;}

.error_msg.msg_file {margin-top:70px;}
.error_msg.msg_file:before {background-color:#ffd84f;}
.error_msg.msg_syntax:before {background-color:#fa9042;}

.error_list {padding:20px 30px; margin:30px 0 0; list-style:none; background-color:#f5f5f5;}
.error_list:after {display:block; content:''; clear:both;}
.error_list > li {float:left; width:25%; padding:20px; margin:0; position:relative; font-size:20px; min-height:100px;}
.error_list > li .count {font-weight:500;}
.error_list > li .count strong {font-size:28px;}

.section_result .result_info {margin:20px 0; font-size:30px; text-align:center;}
.section_result .result_info strong {color:#0078ff; font-size:40px;}
.section_result .result_info + .down_area {margin-top:-60px; position:absolute; right:0;}

.alqc_step5 {height:calc(100vh - 71px); overflow-y:auto; position:static;}
.alqc_step5 .alqc_step_title {padding:70px 0 80px;}
.alqc_step5 .step_content_area {height:initial; padding:0; background-color:#f1f5f9;}
.alqc_step5 .step_content_area:before {display:block; content:''; clear:both; width:100%; height:70px; position:absolute; top:0; left:0; background-color:#f1f5f9;}
.alqc_step5 .dataList_area {width:1200px; margin:-20px auto 0; background-color:#f1f5f9;}
.alqc_step5 .data_item {height:235px; background-color:#fff;}
.alqc_step5 .data_item:hover {border-color:transparent;}
.alqc_step5 .data_item .item_subject {display:inline-block; vertical-align:middle; margin-right:20px; font-size:18px; text-overflow:ellipsis;}
.alqc_step5 .data_item .category_name {display:inline-block; vertical-align:middle;}
.alqc_step5 .data_qna > li .que {width:140px;}
.alqc_step5 .data_qna > li .ans {max-width:70%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.alqc_step5 .data_qna > li .count {display:inline-block; vertical-align:middle; width:60px; text-align:right;}
.alqc_step5 .data_list > li:last-child .data_qna > li .ans {max-width:50%;}

.alqc_step5 .data_info {margin:0 15%; text-align:center; color:#000; font-size:26px;}
.alqc_step5 .data_info > .count {font-size:40px; color:#0078ff;} 
.alqc_step5 .data_info > .total {font-weight:bold;}
.alqc_step5 .data_info > p {padding-top:5px; font-size:16px;}
.alqc_step5 .btn_area {margin:20px 0 40px;}

.alqc_step5 .tab_area {margin-top:60px;}
.alqc_step5 .tab_content {padding:50px 0;}

.alqc_step5.step5-1 .chart_pie {display:block; width:600px; height:600px; margin-left:-100px; position:relative;}
.alqc_step5.step5-1 .chart_pie_data {width:100px; height:100px; padding-top:20px; margin-top:-60px; position:absolute; top:50%; left:66%; font-size:20px; text-align:center; word-break:keep-all; border-radius:50px; background-color:#fff; box-shadow:0 0 10px rgb(0 0 0 / 10%);}
.alqc_step5.step5-1 .chart_bar {display:block; width:70px; height:450px; position:absolute; top:55px; right:0;}

.alqc_step5.step5-3 .tab_content .ctrl_area.tar {padding-right:100px;}
.alqc_step5.step5-3 .chart_bar {display:block; width:100%; height:500px;}
.alqc_step5.step5-3 .chart_pie {display:block; width:100%; height:500px;}
.alqc_step5.step5-3 .chart_rader {display:block; width:100%; height:500px;}

.option_area {width:400px; padding:0 0 60px 0; position:fixed; top:0; right:-400px; bottom:0; background-color:#fff; transition:all ease 0.2s; z-index:10001;}
.option_area.active {right:0; box-shadow:0 0 10px rgba(0,0,0,0.2);}

.option_area .change_ctrl {display:inline-block; position:relative;}
.option_area .change_ctrl > button {display:inline-block; vertical-align:middle; width:20px; height:20px; padding:0; margin:0; position:relative; border:0; background:transparent; font-size:0;}
.option_area .change_ctrl > .btn_change_cancel {color:#ef3e3e;}
.option_area .change_ctrl > button:before {display:inline-block; line-height:1; color:#001f42; font-family:"icofont";}
.option_area .change_ctrl > button:hover:before {color:#3b62eb;}
.option_area .change_ctrl > .btn_change:before {content:"\ebf6"; font-size:16px;}
.option_area .change_ctrl > .btn_change_ok:before {content:"\eed8"; font-size:20px;}
.option_area .change_ctrl > .btn_change_cancel:before {content:"\eee4"; font-size:16px;}
.option_area .change_ctrl > .btn_change_cancel:hover:before {color:#ef3e3e;}

.option_area .change_ctrl .btn_change_ok,
.option_area .change_ctrl .btn_change_cancel {display:none;}
.option_area .edit_mode .change_ctrl .btn_change {display:none;}
.option_area .edit_mode .change_ctrl .btn_change_ok,
.option_area .edit_mode .change_ctrl .btn_change_cancel {display:inline-block;}

.option_area .option_key_name {padding:20px 25px; background-color:#3f6bff;}
.option_area .option_key_name input[type=text],
.option_area .option_key_name label {display:inline-block; vertical-align:top; max-width:calc(100% - 70px); height:45px; line-height:45px; padding:0; margin:0; color:#fff; font-size:28px; font-weight:500; letter-spacing:0; border:0; background-color:transparent;}
.option_area .option_key_name input[type=text] {display:none; border-bottom:1px solid transparent;}
.option_area .option_key_name .change_ctrl {margin:10px;}
.option_area .option_key_name .change_ctrl > button:before {color:#fff;}
.option_area .option_key_name.edit_mode label {display:none;}
.option_area .option_key_name.edit_mode input[type=text] {display:inline-block; border-color:#fff;}

.option_area .option_body {max-height:calc(100vh - 165px); padding:20px 25px; overflow-y:auto;}
.option_area .option_group {padding:0; margin:0 0 20px 0; position:relative;}
.option_area dl.option_group {}
.option_area dl.option_group dt {padding:5px 0; position:relative; font-weight:normal;}
.option_area dl.option_group dt strong {font-weight:400;}
.option_area dl.option_group dd {padding:5px 10px;}
.option_area dl.option_group dd .option_item {}
.option_area dl.option_group dd .option_item + .option_item {margin-top:10px;}
.option_area dl.option_group dd label {font-weight:normal;}
.option_area .icon_tooltip.tooltip_range + .tooltip .tooltip-inner {text-align:left !important;}

.option_area .data_type {position:absolute; top:-2px; right:0;}
.option_area .switch_option {display:inline-block;}
.option_area .switch_option + .switch_option {margin-left:10px;}
.option_area .switch_option.m_switch > input[type=checkbox] + label {width:100%; padding-left:0; padding-right:45px;}
.option_area .switch_option.m_switch > input[type=checkbox] + label:before {left:inherit; right:0;}
.option_area .switch_option.m_switch > input[type=checkbox] + label:after {left:inherit; right:21px;}
.option_area .switch_option.m_switch > input[type=checkbox]:checked + label:after {right:3px;}

.option_area .option_parent {position:relative;}
.option_area .option_parent .m_text[disabled] {border-color:transparent; background-color:#fff;}
.option_area .option_parent .change_ctrl {position:absolute; top:-35px; right:0;}
.option_area .option_parent .m_select {display:none;}
.option_area .option_parent.edit_mode .m_text {display:none;}
.option_area .option_parent.edit_mode .m_select {display:block;}

.option_area .keyword_group {background-color:#f5f5f5;}
.option_area .require_keyword_group {background-color:#f5f5f5;}

.option_area .option_bottom {padding:20px 10px; position:absolute; right:0; bottom:0; left:0; text-align:right; background-color:#fff;}
.option_area .btn_option_delete {position:absolute; left:10px; color:#001f42; font-size:16px; border:0; background-color:transparent;}
.option_area .btn_option_delete:before {display:inline-block; content:'\eebb'; margin-right:5px; font-family:"icofont";}
.option_area .btn_option_delete:hover,
.option_area .btn_option_delete:hover:before {color:#ef3e3e;}
.option_area .btn_option_cancel {width:100px; height:40px; margin:0 10px; color:#001f42; font-size:16px; border-radius:20px; border:1px solid #001f42; background-color:#fff;}
.option_area .btn_option_appay {width:100px; height:40px; margin:0 10px; color:#fff; font-size:16px; border-radius:20px; border:1px solid #001f42; background-color:#001f42;}
.option_area .btn_option_cancel:hover,
.option_area .btn_option_appay:hover {color:#fff; border-color:#0078ff; background-color:#0078ff;}

/* 검사규칙 */
.con_rules .rule_name {padding:50px 0; font-size:28px;}
.con_rules .rule_name input[type=text] {display:block; width:50%; font-size:28px; border:0; border-bottom:1px solid #787b80;}
.con_rules .list_area .list_col .col1 {width:1%;}
.con_rules .list_area .list_col .col2 {width:20%;}
.con_rules .list_area .list_col .col3 {width:15%;}
.con_rules .list_area .list_col .col4 {width:5%;}
.con_rules .list_area .list_col .col5 {width:5%; text-align:center;}
.con_rules .list_area .list_col .col6 {width:5%; text-align:center;}
.con_rules .list_area .list_col .col7 {width:10%; text-align:center;}
.con_rules .list_area .list_col .col8 {width:14%;}
.con_rules .list_area .list_col .col9 {width:15%;}
.con_rules .list_area .list_col .col10 {width:5%; text-align:center;}
.con_rules .list_area .list_col .col11 {width:5%; text-align:center;}
.con_rules .list_area .list_col .col12 {width:6%; text-align:center;}

.con_rules .list_area .m_check > input[type=checkbox] + label { padding-left: 18px;}
.con_rules .list_area .list_row li { padding-left: 5px;}
.con_rules.rule_list .btn_group {display:inline-block; padding:20px; margin:0 auto 50px; border-radius:50px; background-color:#f1f4f9;}
.con_rules.rule_list .btn_group .btn_download {font-size:20px;}

.box_setting {display:none; width:120px; position:absolute; border-radius:5px; background-color:#fff; box-shadow:5px 2px 20px rgba(0,0,0,0.1);}
.box_setting.active {display:block; z-index:9;}
.box_setting .icon_btn {display:block; width:100%; height:35px; padding:0 5px; font-size:14px;}
.box_setting .icon_btn:hover {background-color:#f0f5ff;}
.box_setting .icon_btn:last-child {border-top:1px solid #dfe4e5}

.con_rules.rule_view .rule_name {padding-bottom:10px;}

/* 분석리포트 */
.con_analysis .m_date {margin-right:15px;}
.theme_smartALQC .daterangepicker.ltr .ranges {clear:both; width:100%; margin:10px 0 15px; text-align:center;}
.theme_smartALQC .btn-success {color:#fff; border-color:#001f42; background-color:#001f42; font-weight:400;}
.theme_smartALQC .btn.btn-default {color:#001f42; border-color:#001f42; background-color:#fff; font-weight:400;}
.theme_smartALQC .btn-success:hover,
.theme_smartALQC .btn.btn-default:hover {color:#fff; border-color:#0078ff; background-color:#0078ff;}
.con_analysis .m_rangeSlider {padding:0 30px 0 70px; position:relative;}
.con_analysis .m_rangeSlider .rate_text {display:block; width:70px; position:absolute; top:-9px; left:0;}
.con_analysis .m_rangeSlider .irs {height:initial; border-radius:5px; overflow:hidden;}
.con_analysis .m_rangeSlider .irs-line {height:6px; top:0;}
.con_analysis .m_rangeSlider .irs-line-left, 
.con_analysis .m_rangeSlider .irs-line-mid, 
.con_analysis .m_rangeSlider .irs-line-right {top:-3px; background-position:-3px auto;}
.con_analysis .m_rangeSlider .irs-bar {height:6px; top:0;}
.con_analysis .m_rangeSlider .irs-bar-edge {height:6px; top:0; background-position:-3px -90px;}
.con_analysis .m_rangeSlider .irs-slider {display:none;}
.con_analysis .m_rangeSlider .irs-single {display:none;}

.con_analysis_result .step_content_area {}
.con_analysis_result .bg_color {padding-bottom:10px; background-color:#f1f5f9;}
.con_analysis_result .dataList_area {width:1200px; margin:-20px auto 0;}
.con_analysis_result .data_item {height:235px; background-color:#fff;}
.con_analysis_result .data_item:hover {border-color:transparent;}
.con_analysis_result .data_item .item_subject {display:inline-block; vertical-align:middle; margin-right:20px; font-size:18px;}
.con_analysis_result .data_item .category_name {display:inline-block; vertical-align:middle;}
.con_analysis_result .data_qna > li .que {width:140px;}
.con_analysis_result .data_qna > li .ans {max-width:70%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.con_analysis_result .data_qna > li .count {display:inline-block; vertical-align:middle; width:60px; text-align:right;}
.con_analysis_result .data_list > li:last-child .data_qna > li .ans {max-width:50%;}

.con_analysis_result .data_info {margin:0 15%; text-align:center; color:#000; font-size:26px;}
.con_analysis_result .data_info > .count {font-size:40px; color:#0078ff;} 
.con_analysis_result .data_info > .total {font-weight:bold;}
.con_analysis_result .data_info > p {padding-top:5px; font-size:16px;}
.con_analysis_result .btn_area {margin:20px 0 40px;}

.con_analysis_result .tab_area {margin-top:60px;}
.con_analysis_result .tab_content {padding:50px 0;}

/* .con_analysis_result .chart_pie {display:block; width:600px; height:600px; margin-left:-100px; position:relative;}
.con_analysis_result .chart_pie_data {width:100px; height:100px; padding-top:20px; margin-top:-60px; position:absolute; top:50%; left:66%; font-size:20px; text-align:center; word-break:keep-all; border-radius:50px; background-color:#fff; box-shadow:0 0 10px rgb(0 0 0 / 10%);}
.con_analysis_result .chart_bar {display:block; width:70px; height:450px; position:absolute; top:55px; right:0;} */

.btn_check {display:block; padding:13px; margin:0; position:fixed; right:120px; bottom:50px; color:#fff; font-size:0; border:0; border-radius:30px; background:#49429e; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:999;}
.btn_check:before {display:inline-block; vertical-align:middle; content:'\f044'; margin:2px 0px 2px 2px; line-height:1; color:#fff; font-family:'Font Awesome 5 Free'; font-size:27px; font-weight: bold;}

/* ALQC 팝업 */
.theme_smartALQC .modal-content {height:initial !important;}
.theme_smartALQC .layerCon .popContents .x_title_pop .title {font-size:25px; text-align:left;}

.pop_alqc .x_content_pop {float:initial !important;}
.pop_alqc .x_content_pop.form_pop {margin-top:10px;}
.pop_alqc .form_area label.form_label {font-weight:500;}

.con_msg {padding:0; line-height:1.6; word-break:keep-all;}
.con_msg.unity {padding:40px 0 20px; font-size:25px; font-weight:700;}
.con_msg.blue {color:#3965ea;}
.con_msg strong + .m_text,
.con_msg strong + .m_date {margin-left:20px;}
.state_msg {font-size:12px;}
.state_msg.blue {color:#3965ea;}
.state_msg.red {color:#ed3e3b;}

/* 팝업 - 품질 검사 전 데이터 동기화 */
.popup_sync .btn_area {margin:30px 0;}

/* 팝업- 검사 파일 등록 */
.popup_file_register .list_area table th {border-top:0; border-bottom:1px solid #000; background-color:#fff;}

/* 팝업 - 공통 Alert, Confirm */ 
#div_alertDialog.modal-content, #div_confirmDialog.modal-content {min-width:500px !important;}
#div_alertDialog .layerCon, #div_confirmDialog .layerCon {padding:0 50px 40px;}
#div_alertDialog .layerCon .msg, #div_confirmDialog .layerCon .msg {display:block; position:relative; height:calc(100% - 50px);}
#div_alertDialog .layerCon .msg p, #div_confirmDialog .layerCon .msg p {display:inline-block; width:100%; padding:10px 0 55px; line-height:1.4; text-align:left; color:#333; font-size:25px; 
    word-break:keep-all;}
#div_alertDialog .layerCon .msg p { text-align: left; }
#div_alertDialog .layerCon .btnArea, 
#div_confirmDialog .layerCon .btnArea {display:flex; justify-content:end; flex-direction:row-reverse; overflow:initial; margin:20px -28px 0 0; padding:0; text-align:right;}
#div_alertDialog .layerCon .btnArea .btn.btn-dark, 
#div_confirmDialog .layerCon .btnArea .btn.btn-dark {display:inline-block; position:relative; min-width:100px; height:50px; margin:0 5px; padding:0 30px; border:1px solid #e2e3e7; 
    border-radius:25px; background:#000; color:#fff; font-size:18px; font-weight:400; line-height:50px; vertical-align:middle; box-shadow:0 20px 30px rgba(0, 0, 0, 0.2); transition:all ease 0.2s;}
#div_alertDialog #btn_confirmCancel, #div_confirmDialog #btn_confirmCancel {background-color:#fff; color:#000;}
#div_alertDialog #btn_alertCancel:hover,
#div_confirmDialog #btn_confirmCancel:hover {color:#0078ff; border-color:#0078ff; background:#fff;}
#div_alertDialog #btn_alertOk:hover,
#div_confirmDialog #btn_confirmOk:hover {border-color:#0078ff; background:#0078ff;} 

/* 구문적 정확성 검사 - 샘플테스트 */
.sample_test .con_msg strong {color:#0078ff;}
.sample_test .con_text {font-size:20px !important;}
.sample_test .con_text strong {color:#6adeff; border-bottom:1px solid #aaa;}
.sample_test .test_result {padding-left:250px; position:relative;}
.sample_test .test_result .result_chart {position:absolute; top:35px; left:0;}
.sample_test .test_result #pie_chart {width:220px; height:220px;}
.sample_test .test_result .result_chart .pie_chart_data {width:180px; margin-left:-90px; position:absolute; top:35%; left:50%; color:#5a5a5a; font-size:15px; text-align:center;}
.sample_test .test_result .result_chart .pie_chart_data strong {display:block; font-size:28px; color:#ef3e3e;}
.sample_test .result_list {padding:10px; margin:0; list-style:none; border-top:2px solid #000; border-bottom:1px solid #c3c3c3;}
.sample_test .result_list > li {padding:10px 0; margin:0;}
.sample_test .result_list > li:after {display:block; content:""; clear:both;}
.sample_test .result_list > li .col1 {font-size:20px; font-weight:bold;}
.sample_test .result_list > li .col2 {padding-left:10px; color:#5a5a5a; font-size:14px;}
.sample_test .result_list > li .col3 {float:right; font-size:14px; text-align:right;}
.sample_test .result_list > li .col3 strong {font-size:20px; font-weight:normal;}
.sample_test .result_list > li .col3 em {color:#ef3e3e; font-style:normal;}

.flow_nqc .sample_test .list_con2 {margin:5px 0;}

.sample_test .btn_white {border:0;}
.sample_test .btn_white:before {display:inline-block; content:"\ee0b"; margin-right:5px; line-height:1; color:#001f42; font-family:"icofont";}
.sample_test .btn_white:hover {color:#3c63ec; background-color:transparent;}
.sample_test .btn_white:hover:before {color:#3c63ec;}

/* 최종 검사 결과 확인  - 규칙 보기  */
.pop_view_rules .list_area .list_head {border-top:0; border-bottom:2px solid #000;}
.pop_view_rules .list_area .list_head .list_col {background-color:transparent;}
.pop_view_rules .col1 {width:3%; text-align:center;}
.pop_view_rules .col2 {width:15%;}
.pop_view_rules .col3 {width:15%;}
.pop_view_rules .col4 {width:6%;}
.pop_view_rules .col5 {width:8%; text-align:center;}
.pop_view_rules .col6 {width:8%; text-align:center;}
.pop_view_rules .col7 {width:8%; text-align:center;}
.pop_view_rules .col8 {width:15%;}
.pop_view_rules .col9 {width:12%;}
.pop_view_rules .col10 {width:10%;}

/* 최종 검사 결과 확인  - 예약 실행 설정 */
.pop_reserve_setting {}

/* 최종 검사 결과 확인  - 슬라이드로 보기 */
.pop_view_slide {padding:0 50px;}
.pop_view_slide .section_result {margin:0;}
/* .pop_view_slide .section_result .result_chart {float:right; margin-top:80px;} */
.pop_view_slide .section_result .result_data {/* float:left; padding-left:0; */padding-right:50px;}
.pop_view_slide .section_result .result_title {padding:0 0 0 70px; margin:0; position:relative; font-size:20px; border-bottom:0;}
.pop_view_slide .section_result .result_title:before {display:block; width:70px; content:'항목'; font-size:16px; position:absolute; top:2px; left:0;}
.pop_view_slide .section_result .result_data .data_title {padding:0 0 0 70px; position:relative; font-size:20px;}
.pop_view_slide .section_result .result_data .data_title:before {display:block; width:70px; content:'대상'; font-size:16px; position:absolute; top:3px; left:0;}
.pop_view_slide .list_area {margin-top:30px;}
.pop_view_slide .chart_bar,
.pop_view_slide .chart_pie,
.pop_view_slide .chart_rader {display:block;}
.pop_view_slide .owl-carousel .owl-dots {width:100%; text-align:center;}
.pop_view_slide .owl-carousel .owl-dot {width:10px; height:10px; margin:0 5px; border-radius:5px; background-color:#e4e4e4;}
.pop_view_slide .owl-carousel .owl-dot.active {background-color:#0078ff;} 
.pop_view_slide .owl-carousel .owl-nav .owl-next, 
.pop_view_slide .owl-carousel .owl-nav .owl-prev {width:30px; height:30px; line-height:0; padding:0; margin-top:-45px; border-bottom:1px solid #000;}
.pop_view_slide .owl-carousel .owl-nav .owl-next > span, 
.pop_view_slide .owl-carousel .owl-nav .owl-prev > span {display:none;}
.pop_view_slide .owl-carousel .owl-nav .owl-prev {position:absolute; top:50%; left:-40px; border-left:1px solid #000; transform:rotate(45deg);}
.pop_view_slide .owl-carousel .owl-nav .owl-next {position:absolute; top:50%; right:-40px; border-right:1px solid #000; transform:rotate(-45deg);}

.pop_n_qc.pop_view_slide .section_result .result_data {height:calc(100vh - 282px);}
.pop_n_qc.pop_view_slide .list_area {height:calc(100vh - 389px);}

/* DB 연결 관리  */
ul.c_connection_lst {padding:0; margin:0; margin-top:-35px;}
ul.c_connection_lst > li {background:#fff8d4; width:24%; border-radius:0 10px 10px 10px; position:relative; margin:0; padding:20px 20px 30px; margin:60px 1.333333% 0 0; list-style:none; 
    transition:0.2s; display: inline-block;}
ul.c_connection_lst li:nth-child(4n) {margin-right:0;}
ul.c_connection_lst li .status {width:160px; height:30px; background:#fff0a5; border-radius:10px 10px 0 0; position:absolute; top:-30px; left:0;}
ul.c_connection_lst li .status:after {content:""; display:block; width:14px; height:30px; border-right:14px solid #ffffff; border-bottom:30px solid #fff0a5; 
    position:absolute; right:-10px; top:0;}
ul.c_connection_lst li .status span {display:inline-block; width:70px; height:18px; border-radius:9px; background:#999; color:#fff; text-align:center; line-height:18px; font-size:12px; 
    font-weight:bold; margin:12px 0 0 20px;}
ul.c_connection_lst li .status span.success {background:#27cad4;}
ul.c_connection_lst li .status span.failed {background:#f5311d;}
ul.c_connection_lst li img {position:relative; height:40px; width:auto;}
ul.c_connection_lst li h4 {font-size:17px; font-weight:bold; color:#000; margin:20px 0;} 
ul.c_connection_lst li h4 a {display:block; transition:0.2s; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.c_connection_lst li h4 a:hover {color:#0b00ff;}
ul.c_connection_lst li p {word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; 
    font-size:15px; line-height:20px; max-height:40px; height:40px; margin-bottom:0;}
ul.c_connection_lst li .info {margin-top:5px; color:#a09fa5; text-align: right;}
ul.c_connection_lst li .info span {display:inline-block; margin-right:15px; font-size:13px;}
ul.c_connection_lst li .info strong {display:inline-block; height:20px; line-height:20px; padding:0 12px; font-size:12px; font-weight:400; color:#636363;}
ul.c_connection_lst li .info strong.writer:before {content:"\ec8e"; display:inline-block; font-family:"Icofont"; font-size:12px; margin-right:5px;}
ul.c_connection_lst li .info strong.date:before {content:"\eedc"; display:inline-block; font-family:"Icofont"; font-size:12px; margin-right:5px;}
 
ul.c_connection_lst ul.function_btn {padding:0; margin:0; position:absolute; right:15px; top:15px; transition:0.3s; opacity:0; overflow:hidden;}
ul.c_connection_lst ul.function_btn li {padding:0; margin:0; list-style:none; display:inline-block; float:left;}
ul.c_connection_lst ul.function_btn li button {width:25px; height:25px; border:none; color:#000; transition:0.2s; line-height:25px; background:none; outline:none; padding:0; margin:0; font-size:15px;}
ul.c_connection_lst ul.function_btn li button:hover {color:#008d6f;}

ul.c_connection_lst li span.ta_project_num {width:30px; height:30px; border:1px solid #d9d9d9; border-radius:15px; text-align:center; line-height:29px; color:#000; font-size:11px; 
    position:absolute; right:20px; bottom:25px;}
.dbTypeList { border: 1px solid; border-radius: 4px; padding: 10px; display: flex; float: left; width: 620px; overflow-x: auto;}
.dbTypeList .dbTypeItem { min-width: 100px; border: 1px solid #e3e3e3; border-radius: 5px; cursor: pointer; border-left: 7px solid #e3e3e3; display: inline-block; margin: 0 10px;}
.dbTypeList .dbTypeItem.active { border-color: #305cff;}

.dbTypeList .dbTypeItem .dbItemValue { text-align: center; padding: 10px 0px;}
.dbTypeList .dbTypeItem .dbItemValue div { font-size: 13px; margin-top: 4px;}

.query_editor_area {min-height:150px; max-height:150px;  overflow-y:auto; border:1px solid #d9d9d9; position:relative;}
.query_editor_area .ace_editor {font-size:14px; min-height:148px;}
/* .db_query_area .panel_right_con .query_editor_area .ace_content {width:calc(100% - 40px) !important; min-width:calc(100% - 40px) !important; left:20px !important; top:15px !important;} */
.query_editor_area .ace-sqlserver .ace_gutter {background:#f0f0f0; border-right:1px solid #d9d9d9; /* padding-top:15px; */}
.query_editor_area .ace-sqlserver .ace_print-margin {display:none;}

/* hover, active 효과 */
ul.c_connection_lst li.active {cursor:auto;}
ul.c_connection_lst > li:hover,
ul.c_connection_lst > li.active {box-shadow:0px 15px 30px rgba(0,0,0,0.2);}
ul.c_connection_lst > li:hover ul.function_btn,
ul.c_connection_lst > li.active ul.function_btn {opacity:1;}

.theme_smartALQC .form_item .btn.btn-default:hover {border-color:#c3c3c3; background-color:#fff;}

@media all and (max-width:1700px) {
    .step_inner {width:initial; overflow:hidden;}
    
    .step_wizard_area .wizard_list > li {padding:5px;}
    .step_wizard_area .wizard_list > li:after {display:none;}
    .step_wizard_area .wizard_list > li > a {font-size:initial;}
    
    .box_setting {right:10px;}  
}

@media all and (max-width:1640px) {
    ul.al_menu li a {font-size:16px;}
}

@media all and (max-width:1400px) {
    ul.al_menu {right:initial;}
}

.qc_push {display:none; vertical-align:top; width:30px; height:30px; padding:0; margin:21px 0px 0px 0px; position:relative; border:1px solid #fff; border-radius:15px; background-color:#fff; font-size:0; overflow:hidden;}
.qc_push:after {display:block; content:"\eacf"; line-height:1; margin-top:2px; color:#ff0000; font-family:icoFont; font-size:17px;}
.qc_blinking {
    -webkit-animation:blink .5s ease-in-out infinite alternate; 
    -moz-animation:blink .5s ease-in-out infinite alternate; 
    animation:blink .5s ease-in-out infinite alternate; 
}
@-webkit-keyframes blink {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink {
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink {
    0% {opacity:0;}
    100% {opacity:1;}
}



/* 저작도구 선택 */
.select_tool {text-align:center;}
.select_tool .radio {width:240px; height:180px; margin-bottom:30px;}
.select_tool .radio:last-child {margin-bottom:30px;}
.select_tool .radio label {text-align:center; padding-top:131px; padding-bottom:20px; transition:0.2s;}
.select_tool .radio input:checked + i + span,
.select_tool .radio label:hover > span {display:block; width:240px; height:180px; border-radius:10px; position:absolute; left:0; top:0; 
    box-shadow:0 3px 12px rgba(0,0,0,0.1); transition:0.2s;}

.select_tool .radio .helper {position:relative; left:-27px; top:-20px; display:inline-block;}
.select_tool .radio.tool_object label    {background:url(../images/al/tool_info_btn/tool_info_btn1.png) no-repeat center 30px;}
.select_tool .radio.tool_semantic label  {background:url(../images/al/tool_info_btn/tool_info_btn2.png) no-repeat center 30px;}
.select_tool .radio.tool_key label       {background:url(../images/al/tool_info_btn/tool_info_btn3.png) no-repeat center 30px;}
.select_tool .radio.tool_dicom label     {background:url(../images/al/tool_info_btn/tool_info_btn4.png) no-repeat center 30px;}
.select_tool .radio.tool_point label     {background:url(../images/al/tool_info_btn/tool_info_btn5.png) no-repeat center 45px;}
.select_tool .radio.tool_lidar label     {background:url(../images/al/tool_info_btn/tool_info_btn6.png) no-repeat center 30px;}
.select_tool .radio.tool_text label      {background:url(../images/al/tool_info_btn/tool_info_btn7.png) no-repeat center 30px;}
.select_tool .radio.tool_sound label     {background:url(../images/al/tool_info_btn/tool_info_btn8.png) no-repeat center 30px;}


/* 데이터 유형 선택 */
.select_data_type {text-align:center;}
.select_data_type .radio {width:220px; height:180px; margin-top:20px;}
.select_data_type .radio:last-child {margin-top:20px;}
.select_data_type .radio label {text-align:center; padding-top:131px; padding-bottom:20px; transition:0.2s;}
.select_data_type .radio input:checked + i + span,
.select_data_type .radio label:hover > span {display:block; width:220px; height:180px; border-radius:10px; position:absolute; left:0; top:0; 
    box-shadow:0 3px 12px rgba(0,0,0,0.1); transition:0.2s;}

.select_data_type .radio .helper {position:relative; left:-27px; top:-20px; display:inline-block;}
.select_data_type .radio.radio_work label {background:url(../images/al/tool_info_btn/icon_local_file.png) no-repeat center 50px;}
.select_data_type .radio.radio_work.disabled label {background:url(../images/al/tool_info_btn/icon_local_file_off.png) no-repeat center 50px;}

.select_data_type .radio.radio_insp label {background:url(../images/al/tool_info_btn/icon_external_servers.png) no-repeat center 37px;}
.select_data_type .radio.radio_insp.disabled label {background:url(../images/al/tool_info_btn/icon_external_servers_off.png) no-repeat center 37px;}

.select_data_type .radio.radio_db label {background:url(../images/al/tool_info_btn/icon_database.png) no-repeat center 37px;}
.select_data_type .radio.radio_db.disabled label {background:url(../images/al/tool_info_btn/icon_database_off.png) no-repeat center 37px;}

.select_data_type .radio.radio_reord_total label {background:url(../images/al/tool_info_btn/icon_database.png) no-repeat center 37px;}
.select_data_type .radio.radio_reord_single label {background:url(../images/al/tool_info_btn/icon_database.png) no-repeat center 37px;}

#btn_misoBot { bottom:50px;}

.select_data_type .radio.radio_inspData label {background:url(../images/al/tool_info_btn/img_insp_data.png) no-repeat center 50px;}
.select_data_type .radio.radio_allData label {background:url(../images/al/tool_info_btn/img_all_data.png) no-repeat center 37px;}

/* 음성녹음 보기화면 */
.contents_area.voice_view_area {padding-bottom:0; height:auto;}
.voice_view_area .step_area_ul li {list-style:none; padding:0; margin:0 0 35px; position:initial;}
.voice_view_area .step_area_ul li:last-child {margin-bottom:0;}

.voice_view_area .tool_panel {width:100%; /* height:740px; */ border-bottom:1px solid #dbdbdb;}
.voice_view_area .tool_panel:after {clear:both; float:none; display:block; width:0; height:0; content:"";}
.voice_view_area #toolDataPanel {margin-left:0;}
.voice_view_area .tool_panel #toolDataPanel {height:auto; padding-bottom:0;}
.voice_view_area #toolDataPanel ul.tool_data_list {height:820px; border-right:0.5px solid #dbdbdb;}
.voice_view_area .tool_panel .tool_area {width:calc(100% - 287px); height:820px; padding:11px 0px 0 10px; margin:0;}
.voice_view_area .tool_area ul {display:grid; padding-left:0px;}
.voice_view_area .tool_area li {list-style:none; padding:0; margin:40px 0 20px;}
.voice_view_area .tool_area li > label {float:left; width:150px; font-size:18px;}
.voice_view_area .tool_area li .step_con {float:left; width:calc(100% - 265px); font-size:15px;}

.voice_view_area #toolDataPanel ul.tool_data_list li.worked {border:solid 1px; border-radius:6px; border-color:#dbdbdb;}
.voice_view_area #toolDataPanel ul.tool_data_list li.active button, 
.voice_view_area #toolDataPanel ul.tool_data_list li:hover button {background:#1c556e; color:#fff !important;}
.voice_view_area #toolDataPanel ul.tool_data_list li.worked button {color:#8f8f8f;}
.voice_view_area #toolDataPanel ul.tool_data_list li button {padding:0 15px;}
.voice_view_area .tool_data_list li button {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.voice_view_area #toolDataPanel ul.tool_data_list li button {border:none; display:block; padding:0 40px 0 15px; position:relative; transition:0.2s; height:36px; line-height:34px; 
    width:100%; text-align:left; font-size:14px; border-radius:5px; background:#fff;}
.voice_view_area #toolDataPanel ul.tool_data_list li.worked button {color:#8f8f8f;}
.voice_view_area #toolDataPanel ul.tool_data_list li button i {display:block; height:30px; line-height:38px; position:absolute; top:0; right:15px; 
    font-family:'Font Awesome 5 Free'; font-weight:900; text-align:center;}

.voice_view_area .tool_area .photo {position:relative; display:block; width:100%; height:330px; overflow:hidden;}
.voice_view_area .tool_area .photo .img_area {position:relative; display:block; width:100%; height:330px; overflow:hidden; border:1px solid #d9d9d9;}
.voice_view_area .tool_area .photo .img_area .img {display:block; vertical-align:middle; width:100%; height:330px; position:relative; background:transparent; text-align:center; 
    -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); 
    transition:all 0.2s cubic-bezier(0, 0, 0.25, 1), transform 0.5s cubic-bezier(0, 0, 0.25, 1);}
.voice_view_area .tool_area .photo .img_area .img img {height:100%; width:auto;}

.voice_view_area .pd_admin_btn_area {text-align:right; padding-bottom:30px;}
.voice_view_area .pd_admin_btn_area button.pd_admin_btn {width:180px; height:40px; background:#fff; display:inline-block; border-radius:20px; text-align:center; 
    color:#001f42; font-size:18px; font-weight:bold; transition:0.2s; border:1px solid #001f42; outline:none; float:none;}

.voice_view_area .tool_area ul p {margin:0 0 10px; line-height:20px; overflow:hidden;}

.voice_view_area .recordIcon.active {width:34px; height:34px; border-radius:17px; border:none; text-align:center; padding:0; margin:0; line-height:30px; transition:0.2s; 
    position:relative; cursor:pointer; top:-20px;}
.voice_view_area .recordIcon {width:34px; height:34px; border-radius:17px; border:none; text-align:center; padding:0; margin:0; line-height:30px; transition:0.2s; 
    position:relative; cursor:not-allowed; top:-20px;}
.voice_view_area .recordIcon.active i {color:#333333;}
.voice_view_area .recordIcon i {color:#a9a9a9;}

.voice_view_area .view_split:nth-child(1) {min-height:45px; background:#fff; border-radius:5px; height:calc(50% - 40px); overflow-x:hidden; overflow-y:hidden;}
.voice_view_area .view_split:nth-child(2) {min-height:45px; background:#fff; border-radius:5px; height:calc(55%); overflow-x:hidden;}

.voice_view_area h2.tool_info_title {margin:0; background:#6d6d6d; position:relative;}
.voice_view_area h2.tool_info_title .tool_info_btn {background:#d6d6d6; border:none; padding:0 50px 0 20px; width:100%; height:45px; color:#151515; font-size:17px; 
    font-weight:bold; text-align:left; position:relative; transition:0.2s; z-index:1;}
.voice_view_area h2.tool_info_title.active .tool_info_btn {background:#1c556e; color:#fff;}
.voice_view_area h2.tool_info_title.active .tool_info_btn:after {color:#6adeff;}
.voice_view_area h2.tool_info_title .tool_info_btn:after {content:"\f068"; font-family:'Font Awesome 5 Free'; font-weight:900; position:absolute; right:20px; 
    top:15px; color:#a3a3a3; transition:0.2s;}
.voice_view_area .view_split .tool_info_div p {margin:0 0 10px; line-height:45px; overflow:hidden;}
.voice_view_area .view_split .tool_info_div p strong {font-weight:bold; width:90px; display:inline-block; float:left; overflow:hidden; text-overflow:ellipsis; 
    white-space:nowrap; font-size:17px; pointer-events:none;}
.voice_view_area .view_split .tool_info_div p span {display:inline-block; float:right; width:calc(100% - 220px); font-size:16px; text-align:left;}

.voice_view_area h2.tool_info_title .tool_show_btn {width:25px; height:25px; padding:0; position:absolute; top:12px; right:55px; font-size:0; border:0; border-radius:13px; 
    background:#fff; z-index:1;}
.voice_view_area .view_split.h0 .tool_info_div {padding:0;}
.voice_view_area .h0 {height:0 !important;}

.voice_view_area .voice_btn_area {width:1600px; margin:0 auto; text-align:right; padding:50px 0;}


/* 음성녹음 파일 다운로드/업로드 */
.select_record_type {text-align:center;}
.select_record_type .radio {width:220px; height:150px; margin-top:20px;}
.select_record_type .radio:last-child {margin-top:20px; margin-right:0;}
.select_record_type .radio label {text-align:center; padding-top:101px; padding-bottom:20px; transition:0.2s;}
.select_record_type .radio input:checked + i + span,
.select_record_type .radio label:hover > span {display:block; width:220px; height:150px; border-radius:10px; position:absolute; left:0; top:0; 
    box-shadow:0 3px 12px rgba(0,0,0,0.1); transition:0.2s;}

.select_record_type .radio .helper {position:relative; left:-27px; top:-20px; display:inline-block;}

.select_record_type .radio.radio_reord_total label {background:url(../images/icon/icon_record_total.png) no-repeat center 27px;}
.select_record_type .radio.radio_reord_single label {background:url(../images/icon/icon_record_songle.png) no-repeat center 28px;}

/* 업로드 */
.select_record_type.record_upload .radio {width:184px; margin-top:0px;}
.select_record_type.record_upload .radio:last-child {margin-top:0px;}
.select_record_type.record_upload .radio input:checked + i + span,
.select_record_type.record_upload .radio label:hover > span {width:184px;}

@media all and (max-width:1640px) {
    .voice_view_area .voice_btn_area {width:1400px;}
}


@media all and (max-width:1440px) {
    .voice_view_area .voice_btn_area {width:1340px;}
}



/* 음성녹음 수정화면 */
.voice_modify_area .tool_panel #toolDataPanel {height:851px;}
.voice_modify_area .tool_panel .tool_area {width:calc(100% - 270px); height:851px; margin:11px 0px 0 10px;}
.voice_modify_area #toolDataPanel ul.tool_data_list {height:851px;}
.voice_modify_area #toolDataPanel ul.tool_data_list li.worked {border:none;}
.voice_modify_area .tool_area li .step_con {float:left; width:calc(100% - 530px); font-size:15px;}

.voice_modify_area .tagsinput {min-height:auto !important; height:auto !important; padding:0px; background:#FFF; overflow-y:auto;}
.voice_modify_area span.tag {margin-bottom:1px; height:20px; padding:4px 9px !important;}
.voice_modify_area .tagsinput input {padding:0; line-height:26px;}
.voice_modify_area div.tagsinput {border:none; border-bottom:1px solid #CCC !important;}
.voice_modify_area span.tag {-moz-border-radius:2px; -webkit-border-radius:2px; display:block; float:left; padding:8px 9px; text-decoration:none; background:#FF9800; 
    color:#F1F6F7; margin-right:5px; font-weight:500; margin-bottom:5px; font-family:'JejuGothic-Regular'; border-radius:4px;}  
.voice_modify_area span.tag a {color:#F1F6F7 !important}
.voice_modify_area .tagsinput span.tag a {font-weight:bold; color:#82ad2b; text-decoration:none; font-size:11px}
.voice_modify_area .tagsinput input {width:80px; margin:0px; font-family:'JejuGothic-Regular'; font-size:13px; border:1px solid transparent; padding:3px; background:transparent; 
    color:#000; outline:0px; height:20px;}
.voice_modify_area .tagsinput div {display:block; float:left; font-weight:bold;}
.voice_modify_area .tags_clear {clear:both; width:100%; height:0px;}    
.voice_modify_area div.tagsinput div input {width:200px; color:#dddddd;}

/* 음성녹음 녹음버튼 효과 */
.voice_view_area .recordIcon.recording:after {content:""; width:39px; height:39px; border-radius:28px; 
    position:absolute; left:-3px; top:-3px; position:absolute; z-index:10; border:5px solid #f33155; 
    -moz-animation:heartbit 1s ease-out; -moz-animation-iteration-count:infinite; -o-animation:heartbit 1s ease-out; 
    -o-animation-iteration-count:infinite; -webkit-animation:heartbit 1s ease-out; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;}

@-moz-keyframes heartbit {
  0% {-moz-transform:scale(1); opacity:0.0;}
  25% {-moz-transform:scale(1.05); opacity:0.4;}
  50% {-moz-transform:scale(1.1); opacity:0.8;}
  75% {-moz-transform:scale(1.05); opacity:0.4;}
  100% {-moz-transform:scale(1); opacity:0.0;}
}
@-webkit-keyframes heartbit {
  0% {-webkit-transform:scale(1); opacity:0.0;}
  25% {-webkit-transform:scale(1.05); opacity:0.4;}
  50% {-webkit-transform:scale(1.1); opacity:0.8;}
  75% {-webkit-transform:scale(1.05); opacity:0.4;}
  100% {-webkit-transform:scale(1); opacity:0.0;}
}


/* 0421 추가 */
/* Button */
.m_btn.icon_dum {position:relative; width:40px; height:40px; vertical-align:middle; background-color:#001f42; border:0; border-radius:40px;}
.m_btn.icon_dum:hover, .m_btn.icon_dum.on {background-color:#0078ff;}
.m_btn.icon_dum:after {content:""; display:block; position:absolute; top:15px; left:10px; width:20px; height:20px; background:url(../images/icon/icon_dum.png)no-repeat;}

.m_icon {display:inline-block; vertical-align:middle; width:30px; height:30px; padding:0; margin:2px; font-size:0; text-align:center; font-style:normal; border:0; border-radius:3px; background-color:transparent;}
.m_icon:after {display:inline-block; vertical-align:middle; line-height:30px; font-family:'icofont'; font-size:14px;}
.m_icon:hover {color:#0078ff;}

.m_icon.icon_add:after {content:'\efc2';}
.m_icon.icon_edit:after {content:'\ebf6';}
.m_icon.icon_ok:after {content:'\eed8'; font-size:22px;}
.m_icon.icon_ok:hover {color:#13ce00;}
.m_icon.icon_delete:after {content:'\eebb'; font-size:16px;}
.m_icon.icon_delete:hover {color:#f53535;}
.m_icon.icon_delete2:before {font-family:"Font Awesome 5 Free"; content:'\f2ed'; font-size:16px; line-height:30px;}
.m_icon.icon_delete2:hover {color:#007aff;}
.m_icon.icon_search:after {content:'\ed11';}
.m_icon.icon_save:after {content:'\ee00'; font-size:12px;}
.m_icon.icon_report_link {margin-right:20px; width:40px; height:40px; background:url(../images/icon/icon_report_link.png)no-repeat;}
.m_icon.icon_report_link:hover {background:url(../images/icon/icon_report_link_hover.png)no-repeat;}
.m_icon.icon_more:after {content:"\efc0"; font-size:24px;}
.m_icon.icon_arrow {width:10px; height:14px; background:url(../images/icon/icon_arrow_right.png)no-repeat;}
.m_icon.icon_close:after {content:"\eee4"; font-size:24px;}

.m_icon.icon_gide_down {width:auto; height:60px; line-height:60px; vertical-align:middle; font-size:20px; border:0; background-color:transparent;}
.m_icon.icon_gide_down:hover {text-decoration:underline;}
.m_icon.icon_gide_down:before {content:""; display:inline-block; margin-right:10px; width:50px; height:40px; vertical-align:middle; background:url(../images/icon/icon_gide_down.png)no-repeat;}
.m_icon.icon_gide_down:hover:before {color:#0078ff; text-decoration:underline; background:url(../images/icon/icon_gide_down_on.png)no-repeat;}
/* .m_icon.icon_gide_down img {margin-right:20px;} */

/*======================================
             smartALQC 인트로
========================================*/
/*공통 */
.txt_blue {color:#0078ff;}
.btn_deepblue {color:#fff; background-color:#001f42;}
.btn_deepblue:hover {color:#fff; background-color:#3a65eb; border:1px solid #0078ff; box-shadow:0 3px 15px rgba(0,0,0,0.2);}
.btn_common {display:block; position:relative; margin:0 auto; width:400px; height:50px; text-align:center; line-height:48px; font-size:25px; border-radius:50px;}
.info_txt {margin-top:20px; text-align:center; font-size:16px; color:#777;}

.intro_title {position:relative; margin:0 auto; max-width:600px; text-align:center; font-size:40px; line-height:1.5; letter-spacing:-1px; word-break:keep-all;}
.intro_title .txt_blue {font-size:50px;}

.indicator_list {margin:180px auto 160px; padding:0; max-width:1200px; list-style:none;}
.indicator_list:after {content:""; display:block; clear:both;}
.indicator_list h3 {font-size:26px; font-weight:700;}
.indicator_list p {font-size:20px;}
.indicator_list li {position:relative; float:left; width:50%;}
.indicator_list li .list_con {position:relative; padding-left:300px;}
.indicator_list li:nth-child(1) .list_con {padding-left:220px;}
.indicator_list li .list_con .img_box {position:absolute; top:0; left:150px; width:135px;}
.indicator_list li:nth-child(1) .list_con .img_box {left:60px;}
.indicator_list li .list_con p {max-width:280px; word-break:keep-all;}

.countdown {margin-top:15px; text-align:center; font-size:16px; color:#777;}
.countdown b {display:inline-block; font-weight:400; font-size:16px;}
/* .time {font-size:20px;} */

.qc_main .bg_area {position:absolute; width:100%; height:100%; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 1s ease-in-out;}
.qc_main .bg_box {position:relative; top:0; left:0; width:100%; height:100%; transition:all 1s ease-in-out;}
.qc_main .bg_area span {display:inline-block; position:absolute; animation:move 5s linear infinite; transition:all 1s ease-in-out;}

.qc_main .bg_area .shape_lg {position:absolute; top:0; left:20%; right:0; width:970px; height:740px; transition:all 1s ease-in-out;}
.qc_main .bg_area .bg_shape2 {bottom:-323px; right:0; width:340px; height:340px; background:url(../images/main/bg_shape_2.png)no-repeat; animation-duration: 12s; animation-delay:-13s; transform-origin:35% 10%;}
.qc_main .bg_area .bg_shape3 {top:200px; left:100px; width:425px; height:425px; background:url(../images/main/bg_shape_3.png)no-repeat; opacity:0.7; animation-duration: 12s; animation-delay:-13s; transform-origin: 42% 58%;}
.qc_main .bg_area .bg_shape7 {top:120px; left:549px; width:214px; height:214px; background:url(../images/main/bg_shape_7.png)no-repeat; opacity:0.7; animation-duration: 12s; animation-delay:-13s; transform-origin: 20% 100%;}
.qc_main .bg_area .bg_shape9 {top:150px; right:-64px; width:146px; height:146px; background:url(../images/main/bg_shape_9.png)no-repeat; animation-duration: 12s; animation-delay:-14s; transform-origin: 20% 80%;}

.qc_main .bg_area .shape_sm {position:absolute; top:0; left:0; width:100%; height:740px; transition:all 1s ease-in-out;}
.qc_main .bg_area .bg_shape6 {bottom:30px; left:690px; width:44px; height:44px; background:url(../images/main/bg_shape_6.png)no-repeat; animation-duration:3s; animation-delay:-8s; transform-origin: 70% 90%;}
.qc_main .bg_area .bg_shape8 {top:230px; left:650px; width:92px; height:92px; background:url(../images/main/bg_shape_8.png)no-repeat; animation-duration:9s; animation-delay:-9s; transform-origin: 30% 10%;}
.qc_main .bg_area .bg_shape10 {top:-135px; right:233px; width:365px; height:144px; background:url(../images/main/bg_shape_10.png)no-repeat; animation-duration:9s; animation-delay:-9s; transform-origin: 20% 10%;}
.qc_main .bg_area .bg_shape11 {bottom:85px; right:384px; width:108px; height:43px; background:url(../images/main/bg_shape_11.png)no-repeat; animation-duration:9s; animation-delay:-9s; transform-origin: 50% 60%;}
.qc_main .bg_area .bg_shape12 {bottom:-100px; left:100px; width:92px; height:92px; background:url(../images/main/bg_shape_12.png)no-repeat; animation-duration:3s; animation-delay:-5s; transform-origin: 60% 90%;}
.qc_main .bg_area .bg_shape14 {top:300px; left:380px; width:21px; height:55px; background:url(../images/main/bg_shape_14.png)no-repeat; animation-duration:9s; animation-delay:-9s; transform-origin: 70% 10%;}
.qc_main .bg_area .bg_shape15 {top:280px; right:0; width:21px; height:55px; background:url(../images/main/bg_shape_15.png)no-repeat; animation-name:move2; animation-duration:6s; animation-delay:-9s; transform-origin: 70% 10%;}
.qc_main .bg_area .bg_shape16 {top:300px; right:40px; width:21px; height:55px; background:url(../images/main/bg_shape_15_2.png)no-repeat; animation-name:move3; animation-duration:9s; animation-delay:-9s; transform-origin: 70% 10%;}
.qc_main .bg_area .bg_shape17 {top:320px; right:60px; width:21px; height:55px; background:url(../images/main/bg_shape_15_3.png)no-repeat; animation-name:move4; animation-duration:10s; animation-delay:-9s; transform-origin: 70% 10%;}
.qc_main .bg_area .bg_shape18 {top:350px; right:30px; width:21px; height:55px; background:url(../images/main/bg_shape_15_4.png)no-repeat; animation-name:move5; animation-duration:8s; animation-delay:-9s; transform-origin: 70% 10%;}
.qc_main .bg_area .bg_shape19 {top:370px; right:100px; width:21px; height:55px; background:url(../images/main/bg_shape_15_5.png)no-repeat; animation-name:move6; animation-duration:9s; animation-delay:-9s; transform-origin: 70% 10%;}

/* bacground */
.qc_main .bg_area.active {top:0; left:0; transform:scale(0.8);}
.qc_main .bg_area.active .bg_box {}
.qc_main .bg_area.active .bg_box .shape_lg {left:38%; top:-40px;}
.qc_main .bg_area.active .bg_box .shape_lg .bg_shape9 {top:200px; right:0;}
.qc_main .bg_area.active .bg_box .shape_sm {left:auto; right:-100px; top:-50px; width:1500px;}



@-webkit-keyframes move {
  100% {transform: translate3d(0, 0, 1px) rotate(360deg);}
}
@-webkit-keyframes move2 {
  0% {opacity:0;  transform: translate(0px, 0px) rotate(90deg);}
  20% {opacity:1;}
  80% {opacity:1;}
  100% {opacity:0; transform: translate(80px, 80px) rotate(90deg);}
}
@-webkit-keyframes move3 {
  0% {opacity:0; transform: translate(0px, 0px);}
  20% {opacity:1;}
  80% {opacity:1}
  100% {opacity:0; transform: translate(80px, 80px);}
}
@-webkit-keyframes move4 {
  0% {opacity:0; transform: translate(0px, 0px);}
  20% {opacity:1;}
  80% {opacity:1}
  100% {opacity:0; transform: translate(80px, 80px);}
}
@-webkit-keyframes move5 {
   0% {opacity:0; transform: translate(0px, 0px);}
  20% {opacity:1;}
  80% {opacity:1}
  100% {opacity:0; transform: translate(80px, 80px);}   
}
@-webkit-keyframes move6 {
 0% {opacity:0; transform: translate(0px, 0px);}
  20% {opacity:1;}
  80% {opacity:1}
  100% {opacity:0; translate(-80px, 80px) rotate(45deg);}   
}




/* smartALQC */
body.theme_smartALQC {line-height:1.4; font-size:16px; color:#333;}
body.theme_smartALQC a {cursor:pointer;}
body.theme_smartALQC a:hover {color:inherit;}
body.theme_smartALQC .container.body .right_col {background-color:#edf0f3;}
/* .theme_smartALQC .top_nav {background-color:#3452e9; background-image:url(../images/alqc/header_bgqc.png);} */
.theme_smartALQC .top_nav {background-color:#fff; background-image:none;}
.theme_smartALQC .top_nav.scrolled {box-shadow:0 8px 30px rgba(0,0,0,0.1);}
.theme_smartALQC .top_nav,
.theme_smartALQC .top_nav .nav_menu,
.theme_smartALQC .top_nav .nav_menu nav {font-size:12px;}
.theme_smartALQC .div_userInfo ul > li:hover {background-color:#f0f5ff;}
.theme_smartALQC .btn_area {margin:40px 0 0;}
.theme_smartALQC .btn_area .brief {display:block; padding:10px 0; color:#898989; font-size:14px;}
.theme_smartALQC .div_allMenu strong {color:#0078ff;}
.theme_smartALQC .div_allMenu ul > li > a:hover {background-color:#f0f5ff;}
.theme_smartALQC .div_allMenu ul > li > a.active:after {background-color:#3b62eb;}
.theme_smartALQC .layerTop .close:hover {background-image:url(../images/alqc/pop_close_hover2.png);}

/* smartAL Trial */
.trial_user_info {position: absolute; top: 22px; right: 300px; pointer-events: none;}
.trial_user_info > div {float: right; font-size: 15px; padding-top: 3px;}
.trial_user_info .trial_userNm {color: #ebdb87;}
.trial_user_info .trial_hello {color: #ffffff;}
.trial_myInfo {position: absolute; top: 20px; right: 160px;}
.trial_myInfo .trial_btn_myInfo {background: none; border: none; color: #ffffff; font-size: 15px;}
.trial_logout {position: absolute; top: 20px; right: 40px;}
.trial_logout .trial_btn_logout {background: none; border: none; color: #ffffff; font-size: 15px;}

/*==================================================================================================================
                                               smartALMedi css
====================================================================================================================*/
/* ******************** 상단 영역 ******************** */
/* //smartALMedi - common */
/* smartALMedi */
body.theme_smartALMedi {line-height:1.6; font-size:14px; color:#000;}
body.theme_smartALMedi a {cursor:pointer;}
body.theme_smartALMedi a:hover {color:inherit;}
body.theme_smartALMedi .container.body .right_col {background-color:#fff;}
.theme_smartALMedi .top_nav {background-color:#00a8d2; background-image:url(../images/almedi/header_bgmedi.png);}
.theme_smartALMedi .top_nav,
.theme_smartALMedi .top_nav .nav_menu,
.theme_smartALMedi .top_nav .nav_menu nav {font-size:12px;}
.theme_smartALMedi .div_userInfo ul > li:hover {background-color:#f0f5ff;}
.theme_smartALMedi .btn_area {margin:40px 0 0;}
.theme_smartALMedi .btn_area .brief {display:block; padding:10px 0; color:#898989; font-size:14px;}
.theme_smartALMedi .div_allMenu strong {color:#103578;}
.theme_smartALMedi .div_allMenu ul > li > a:hover {background-color:#f0f5ff;}
.theme_smartALMedi .div_allMenu ul > li > a.active:after {background-color:#00a8d2;}
.theme_smartALMedi .layerTop .close:hover {background-image:url(../images/almedi/pop_close_hover2.png);}

/*==================================================================================================================
                                               smartALDC css
====================================================================================================================*/
/* ******************** 상단 영역 ******************** */
/* //smartALDC - common */
/* smartALDC */
body.theme_smartALDC {line-height:1.6; font-size:14px; color:#000;}
body.theme_smartALDC a {cursor:pointer;}
body.theme_smartALDC a:hover {color:inherit;}
body.theme_smartALDC .container.body .right_col {background-color:#fff;}
.theme_smartALDC .top_nav,
.theme_smartALDC .top_nav .nav_menu,
.theme_smartALDC .top_nav .nav_menu nav {font-size:12px;}
.theme_smartALDC .div_userInfo ul > li:hover {background-color:#f0f5ff;}
.theme_smartALDC .btn_area {margin:40px 0 0;}
.theme_smartALDC .btn_area .brief {display:block; padding:10px 0; color:#898989; font-size:14px;}
.theme_smartALDC .div_allMenu strong {color:#103578;}
.theme_smartALDC .div_allMenu ul > li > a:hover {background-color:#f0f5ff;}
.theme_smartALDC .div_allMenu ul > li > a.active:after {background-color:#00a8d2;}
.theme_smartALDC .layerTop .close:hover {background-image:url(../images/al/pop_close_hover.png);}

/* ******************** 상단 헤더 스타일 ******************** */
.container.body > .main_container {width:320px; height:70px; position:fixed; z-index:55;}

/* 로고 선택 영역 */
.main_container .select_al_theme {position:absolute; left:0; top:0; width:400px; height:70px; padding-left:60px;}

.navbar-logo {display:inline-block; width:145px; height:70px; margin:0; font-size:0; background:url(../images/logo/logo_white.png) no-repeat left center; cursor:pointer; z-index:200; transition:all ease 0.2s; 
    background-size:145px 46px; vertical-align:top;}
/* body.theme_smartALQC .navbar-logo {width:178px; background-image:url(../images/logo/logo_alqc_blue.png); background-size:178px 38px;} */
body.theme_smartALQC .navbar-logo {width:116px; background-image:url(../images/logo/logo_mdq_new.png); background-size:116px 35px;}
body.theme_smartALQC .navbar-logo.mdq {width:202px; background-image:url(../images/logo/logo_mdq.png); background-size:195px 30px;}
body.theme_smartALMedi .navbar-logo {width:223px; background-image:url(../images/logo/logo_almedi.png); background-size:223px 36px;}
.navbar-logo.trial {width:202px; background-image:url(../images/logo/logo_trial.png); background-size:202px 52px;}

.select_al_theme .logo_txt {display:none; padding:0 20px; height:25px; line-height:25px; border-radius:13px; background:#000; color:#fff; font-weight:500; margin:0 0 20px 30px; vertical-align:bottom; border:none; 
    outline:none; font-size:16px;}
body.theme_smartALQC_DQ .select_al_theme .logo_txt.type_dq {display:inline-block;}
body.theme_smartALQC_Profiling .select_al_theme .logo_txt.type_pro {display:inline-block;}
body.theme_smartALQC_CommonDQ .select_al_theme .logo_txt.type_commonDQ {display:inline-block;}



/* .nav-sm .navbar-logo.logo_al {animation:displayib linear 0.3s;}
.nav-sm .navbar-logo.logo_qc {animation:displaynone linear 0.3s;}
.nav-sm .navbar-logo.logo_medi {animation:displaynone linear 0.3s;}

.nav-sm.theme_smartALQC .navbar-logo.logo_al {animation:displaynone linear 0.3s;}
.nav-sm.theme_smartALQC .navbar-logo.logo_qc {animation:displayib linear 0.3s;}
.nav-sm.theme_smartALQC .navbar-logo.logo_medi {animation:displaynone linear 0.3s;}

.nav-sm.theme_smartALMedi .navbar-logo.logo_al {animation:displaynone linear 0.3s;}
.nav-sm.theme_smartALMedi .navbar-logo.logo_qc {animation:displaynone linear 0.3s;}
.nav-sm.theme_smartALMedi .navbar-logo.logo_medi {animation:displayib linear 0.3s;}

@-webkit-keyframes displaynone {
    0% {opacity:1; display:inline-block;}
    95% {opacity:0;}
    100% {display:none;}
}
@-webkit-keyframes displayib {
    0% {opacity:0; display:inline-block;}
    100% {opacity:1;}
} */

button.change_theme {width:30px; height:30px; line-height:30px; padding:0; margin:23px 0 0 15px; color:transparent; font-size:0; border:0; border-radius:15px; position:relative; 
    background-color:rgba(0,0,0,0.2); overflow:hidden; transition:all ease 0.5s; display:inline-block;}
button.change_theme:after {display:inline-block; content:''; width:7px; height:13px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(90deg); 
    background:url(../images/icon/select_theme_btn.png) no-repeat center center; transition:0.3s; margin:1px 0 0;}
button.change_theme.active:after {transform:translate(-50%,-50%) rotate(-90deg); margin:-1px 0 0 0;}

ul.change_theme_lst {position:absolute; left:0; top:70px; padding:0; margin:0; overflow:hidden; max-height:0; transition:0.3s; width:auto; border:1px solid transparent; 
    background:transparent; display:block; box-sizing:border-box; border-radius:0; opacity:0;}
ul.change_theme_lst li {display:block; list-style:none; padding:0; margin:0; height:60px;}
ul.change_theme_lst li button {height:60px; width:100%; border:none; background:none; font-size:14px; color:#000; transition:0.2s; font-weight:400; padding:0 30px; margin:0; white-space:nowrap; text-align:left; line-height:1; 
    background:#fff;}
ul.change_theme_lst li button:hover {color:#00a8d2;}
ul.change_theme_lst li button img {display:block; margin-right:0; vertical-align:middle; margin-bottom:5px;}

ul.change_theme_lst.active {max-height:500px; border:1px solid #e4e4e4; background:#fff; padding:10px 0 10px 0; opacity:1; min-width:250px;}

body.theme_smartALQC_DQ ul.change_theme_lst li.change_dq {display:none;}
body.theme_smartALQC_DQ ul.change_theme_lst li.change_profiling {display:block;}

body.theme_smartALQC_Profiling ul.change_theme_lst li.change_dq {display:block;}
body.theme_smartALQC_Profiling ul.change_theme_lst li.change_profiling {display:none;}


/* ******************** ALDC 메인 ******************** */
body.theme_smartALDC .navbar-logo {width:223px; background-image:url(../images/logo/logo_aldc.png); background-size:202px 45px;}
body.theme_smartALDC ul.change_theme_lst li.change_aldc {display:none;}

.theme_smartALDC .top_nav {background-color:#062e3b; background-image:url(../images/aldc/header_bg.png);}

.theme_smartALDC footer.footer ul.f_family:before {color:#0092ef;}

.section_img .contents {position:relative; padding:90px 0 130px;}
.section_img .title_box {margin-bottom:50px; text-align:center; animation:textFadeIn 0.6s ease-out 0s forwards; -webkit-animation:textFadeIn 0.6s ease-out 0s forwards; transform:translate(0px, 0px);}
.section_img .title_box .title {margin:10px 0 26px; color:#0a3345; line-height:1.3; font-size:78px; letter-spacing:-4px; font-family:'Palatino Linotype';}
.section_img .title_box p {color:#0a3345; font-size:20px; font-weight:300; letter-spacing:-1px;}
@-webkit-keyframes textFadeIn {
    0% {
        opacity:0; 
        transform:translate3d(0,55%,0); 
    }
    100% {
        opacity:1; 
        transform:translateZ(0); 
    }
}

.section_img .img_area {position:absolute; top:0; left:0; right:0; width:100%; height:100%;}
.section_img .img_area img {position:absolute; animation:imgRound 1s ease-out 0s forwards; -webkit-animation:imgRound 1s 0s ease-out forwards; opacity:0;}
.section_img .img_area .img_round_1 {animation-name:imgRound01;}
.section_img .img_area .img_round_2 {animation-name:imgRound02;}
.section_img .img_area .img_round_3 {animation-name:imgRound03; max-width:250px; box-shadow:0 5px 12px rgba(0,0,0,0.3); border-radius:50%;}
.section_img .img_area .img_round_4 {animation-name:imgRound04; max-width:300px; box-shadow:0 5px 12px rgba(0,0,0,0.3); border-radius:50%;}
.section_img .img_area .img_round_5 {animation-name:imgRound05; max-width:190px; box-shadow:0 5px 12px rgba(0,0,0,0.3); border-radius:50%;}
@-webkit-keyframes imgRound01 {
    0% {
        top:20%; 
        left:10%; 
    }
    100% {
        top:13%; 
        left:0; 
        opacity:1; 
    }
}
@keyframes imgRound01 {
    0% {
        top:20%; 
        left:10%; 
    }
    100% {
        top:13%; 
        left:0; 
        opacity:1; 
    }
}

@-webkit-keyframes imgRound02 {
    0% {
        top:12%; 
        left:20%; 
    }
    100% {
        top:5%; 
        left:15%; 
        opacity:1; 
    }
}
@keyframes imgRound02 {
    0% {
        top:12%; 
        left:20%; 
    }
    100% {
        top:5%; 
        left:15%; 
        opacity:1; 
    }
}

@-webkit-keyframes imgRound03 {
    0% {
        top:45%; 
        left:20%; 
    }
    100% {
        top:33%; 
        left:3%; 
        opacity:1; 
    }
}
@keyframes imgRound03 {
    0% {
        top:45%; 
        left:20%; 
    }
    100% {
        top:33%; 
        left:3%; 
        opacity:1; 
    }
}

@-webkit-keyframes imgRound04 {
    0% {
        top:20%; 
        right:12%; 
    }
    100% {
        top:0; 
        right:-30px; 
        opacity:1; 
    }
}
@keyframes imgRound04 {
    0% {
        top:20%; 
        right:12%; 
    }
    100% {
        top:0; 
        right:-30px; 
        opacity:1; 
    }
}

@-webkit-keyframes imgRound05 {
    0% {
        top:70%; 
        left:62%; 
    }
    100% {
        top:57%; 
        left:72%; 
        opacity:1; 
    }
}
@keyframes imgRound05 {
    0% {
        top:70%; 
        left:62%; 
    }
    100% {
        top:57%; 
        left:72%; 
        opacity:1; 
    }
}

.service_area.card_area .card_row {padding:0; margin:0 -10px; list-style:none;}
.service_area.card_area .card_row:after {content:""; display:block; clear:both;}
.service_area.card_area .card_row li {float:left; padding:10px;}
.service_area.card_area .card_row li a:hover .title, .service_area.card_area .card_row li a:hover p {color:#fff;} 
.service_area.card_area .card_row.cols2 > li {width:50%;}
.service_area.card_area .card_row.cols4 > li {width:25%;}

.service_area.card_area .list_item {position:relative; padding:30px; border:1px solid #e4e4e4;}
.service_area.card_area .list_item:after {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:0; background-color:#1383d3; opacity:0; transition:0.5s;}
.service_area.card_area .list_item:hover:after {bottom:0; height:100%; opacity:1;}
.service_area.card_area .list_item:before {content:""; display:block; width:105px; height:100px; background-repeat: no-repeat; position:absolute; top:20px; right:20px; z-index:1;} 

.service_area.card_area .list_item.item_record:before {background-image:url(../images/aldc/main/extract_record.png);}
.service_area.card_area .list_item.item_tag:before {background-image:url(../images/aldc/main/extract_tag.png);}
.service_area.card_area .list_item.item_identification:before {background-image:url(../images/aldc/main/extract_identification.png);}
.service_area.card_area .list_item.item_sound_to_text:before {background-image:url(../images/aldc/main/extract_sound_to_text.png);}
.service_area.card_area .list_item.item_sound_extraction:before {background-image:url(../images/aldc/main/extract_sound_extraction.png);}
.service_area.card_area .list_item.item_video:before {background-image:url(../images/aldc/main/extract_video.png);}
.service_area.card_area .list_item.item_division:before {background-image:url(../images/aldc/main/extract_division.png);}
.service_area.card_area .list_item.item_synthesis:before {background-image:url(../images/aldc/main/extract_synthesis.png);}

.service_area.card_area .list_item.item_bg {height:218px; border:0;}
.service_area.card_area .list_item.item_bg:before {top:auto; bottom:-20px; left:0; width:100%; background:url(../images/aldc/main/bg_text.png)no-repeat;}
.service_area.card_area .list_item.item_bg:after {display:none;}

.service_area.card_area .list_item .title {position:relative; margin:70px 0 25px; color:#000; font-size:24px; font-weight:bold; z-index:1;} 
.service_area.card_area .list_item P {position:relative; margin:0; color:#888; font-size:16px; letter-spacing:-1px; z-index:1;} 

footer.footer .f_logo_dc {width:238px; height:38px; background-image:url(../images/common/footer_smartALDC.png);}
footer.footer .f_logo_dc:hover {background-image:url(../images/common/footer_smartALDC_hover.png);}

@media all and (max-width:1640px) {
    .service_area.card_area .list_item {padding:20px;}
    .service_area.card_area .list_item.item_bg {height:207px;}
    .service_area.card_area .list_item.item_bg:before {bottom:0;}
    .service_area.card_area .list_item .title {margin:70px 0 22px; font-size:23px;}
    .service_area.card_area .list_item P {font-size:15px;}
}

/* ******************** Medi 리스트 ******************** */
/* Medi page */
h2.medi_title {font-size:30px; text-align:center; font-weight:700; line-height:1.5; color:#000;}

/* 스위치 버튼 */
.medi_switch {text-align:center; padding:75px 0 55px;}
.medi_switch .switch-button {background:#fff; border-radius:15px; overflow:hidden; width:400px; text-align:center; font-size:14px; letter-spacing:1px; border:1px solid #00a8d2; 
    position:relative; padding-left:200px; display:inline-block;}
.medi_switch .switch-button:before {content:""; position:absolute; top:0; bottom:0; left:0; width:200px; display:flex; align-items:center; justify-content:center; z-index:3; pointer-events:none; color:#333; transition:0.3s; 
    background:url(../images/icon/icon_btn_card.png) no-repeat center center;}
.medi_switch .switch-button.card_style:before {background:url(../images/icon/icon_btn_card_on.png) no-repeat center center;}
.medi_switch .switch-button.check:before {color:#fff; background:url(../images/icon/icon_btn_card_on.png) no-repeat center center;}
.medi_switch .switch-button .switch-button-checkbox {cursor:pointer; position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; opacity:0; z-index:2; margin:0; color:#fff;}
.medi_switch .switch-button .switch-button-checkbox:checked + .switch-button-label:before {transform:translateX(-200px); transition:transform 300ms linear; color:#fff;}
.medi_switch .switch-button .switch-button-checkbox + .switch-button-label {position:relative; padding:0; display:block; user-select:none; pointer-events:none; font-weight:400; color:#fff; height:30px; margin:0;}
.medi_switch .switch-button .switch-button-checkbox + .switch-button-label:after {content:""; display:block; width:200px; height:30px; z-index:2; position:relative; 
    background:url(../images/icon/icon_btn_list.png) no-repeat center center;}
.medi_switch .switch-button .switch-button-checkbox + .switch-button-label:after {background:url(../images/icon/icon_btn_list_on.png) no-repeat center center;}
.medi_switch .switch-button .switch-button-checkbox:checked + .switch-button-label:after {background:url(../images/icon/icon_btn_list.png) no-repeat center center;}
.medi_switch .switch-button .switch-button-checkbox:checked + .switch-button-label {color:#333;}
.medi_switch .switch-button .switch-button-checkbox + .switch-button-label:before {content:""; background:#00a8d2; height:100%; width:100%; position:absolute; left:0; top:0; 
  border-radius:15px; transform:translateX(0); transition:transform 300ms; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.medi_switch .switch-button .switch-button-checkbox + .switch-button-label .switch-button-label-span {position:relative; color:#fff; transition:0.3s;}
.medi_switch .switch-button.check .switch-button-checkbox + .switch-button-label .switch-button-label-span {color:#333;}

/* ********** 상단 기능 ********** */
.medi_area {min-height: calc(100vh - 170px);}
.medi_area  .ctrl_area {margin:0;}

/* dropdown */
.medi_area .dropdown {display:inline-block; margin-right:10px;}
.medi_area .dropdown > .btn {padding:7px 30px 8px 10px; margin-right:10px; border-radius:0; color:#fff; font-size:14px; border:none; border-bottom:1px solid #d8d8d8; font-weight:400; line-height:14px; 
    letter-spacing:0; color:#000; outline:none; position:relative; min-width:80px; text-align:left; background:none;}
.medi_area .dropdown > .btn:after {content:""; display:block; width:30px; height:30px; background:url(../images/icon/select_arrow_black.png) no-repeat center center; position:absolute; right:0; top:0; transition:0.2s;}
.medi_area .dropdown > .btn .caret {display:none;}
.medi_area .dropdown.bs3.bootstrap-select .dropdown-toggle .filter-option {padding-right:0;}
.medi_area .dropdown > .btn-default:hover, 
.medi_area .dropdown > .btn-default:focus, 
.medi_area .dropdown > .btn-default:active, 
.medi_area .dropdown > .btn-default.active, 
.medi_area .dropdown.open > .dropdown-toggle.btn-default {border-color:#0068b8; background:none; box-shadow:none !important; outline:none !important;}
.medi_area .dropdown.open > .dropdown-toggle.btn-default:after {transform:rotate(-180deg);}
.medi_area .dropdown > .btn .caret {position:absolute; right:8px; top:50%; transform:translate(0,-50%);}
.medi_area .dropdown-menu {padding:5px 0; height:auto !important; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.2); border:none; min-width:100px;}
.medi_area .dropdown-menu > li > a {padding:3px 10px; font-size:14px;}
.medi_area .dropdown-menu > li > a:focus, 
.medi_area .dropdown-menu > li > a:hover {background:#ebf5ff !important;}
.medi_area .dropdown-menu > li.on > a {background:none; color:#006abc;}

.medi_area .dropdown.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width:150px;}

.medi_area .bootstrap-select > .dropdown-toggle.bs-placeholder, 
.medi_area .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, 
.medi_area .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, 
.medi_area .bootstrap-select > .dropdown-toggle.bs-placeholder:active {color:#000;}

.medi_area .bootstrap-select .bs-searchbox + .bs-actionsbox {padding:5px 8px 5px;}
.medi_area .bootstrap-select .btn-group .actions-btn {border:1px solid #103578; transition:0.2s; color:#103578; background:#fff; padding:0 5px; height:20px; line-height:18px; font-size:12px; min-width:auto; font-weight:400;}
.medi_area .bootstrap-select .btn-group .actions-btn:hover {border-color:#00a8d2; background:#00a8d2; color:#fff;}

.medi_area .bootstrap-select .glyphicon-ok:before {font-family:"Icofont"; content:"\eed8"; font-size:16px; color:#00a8d2;}

/* 데이트피커 */
.medi_area .m_date {background-size:15px 15px;}
.theme_smartALMedi .daterangepicker .ranges .range_inputs .btn {padding:0 15px; margin:0; border-radius:2px; font-size:15px; transition:0.2s; height:30px; outline:none; font-weight:400;}
.theme_smartALMedi .daterangepicker .ranges .range_inputs .btn.btn-success {color:#fff; background:#103578; border:1px solid #103578;}
.theme_smartALMedi .daterangepicker .ranges .range_inputs .btn.btn-success:hover,
.theme_smartALMedi .daterangepicker .ranges .range_inputs .btn.btn-success:focus,
.theme_smartALMedi .daterangepicker .ranges .range_inputs .btn.btn-success:active {border-color:#00a8d2; background:#00a8d2;}

.theme_smartALMedi .daterangepicker .ranges .range_inputs .btn.btn-default {color:#103578; background:#fff; border:1px solid #103578;}
.theme_smartALMedi .daterangepicker .ranges .range_inputs .btn.btn-default:hover,
.theme_smartALMedi .daterangepicker .ranges .range_inputs .btn.btn-default:focus,
.theme_smartALMedi .daterangepicker .ranges .range_inputs .btn.btn-default:active {border-color:#00a8d2; background:#00a8d2; color:#fff;}

.theme_smartALMedi .daterangepicker td.active, 
.theme_smartALMedi .daterangepicker td.active:hover {background-color:#00a8d2}


.medi_btn {padding:0 15px; margin:0; min-width:100px; border-radius:2px; font-size:15px; color:#fff; background:#103578; transition:0.2s; height:30px; outline:none; border:1px solid #103578;}
.medi_btn:hover {border-color:#00a8d2; background:#00a8d2;}


/* 검색영역 */
.medi_area .search_ctrl .icon_search:before {content:""; border-color:103578; background:#103578 url(../images/icon/icon_search_medi.png) no-repeat center center; transition:0.2s;}
.medi_area .search_ctrl .icon_search:hover:before {border-color:#00a8d2; background:#00a8d2 url(../images/icon/icon_search_medi.png) no-repeat center center;}



/* ********** Medi List ********** */
ul.medi_lst {padding:0; margin:20px 0 0; background:#fff; border-radius:0; font-size:15px; color:#000;}
ul.medi_lst li {list-style:none;}
ul.medi_lst > li {transition:0.2s;}
ul.medi_lst > li.lst_thead {border-top:2px solid #000000; border-bottom:1px solid #dfe4e5; background:#f8fafb; font-size:16px; text-align:center;}
/* 항목 제목 */
ul.medi_lst ul.thead_tr {display:table; padding:0; margin:0; width:100%;}
ul.medi_lst ul.thead_tr > li {text-align:center; display:table-cell; vertical-align:middle; padding:11px 3px; min-height:40px; line-height:18px;}
ul.medi_lst ul.thead_tr > li:nth-child(1) {width:5%;}
ul.medi_lst ul.thead_tr > li:nth-child(2) {width:24%;}
ul.medi_lst ul.thead_tr > li:nth-child(3) {width:26%;}
ul.medi_lst ul.thead_tr > li:nth-child(4) {width:12%;}
ul.medi_lst ul.thead_tr > li:nth-child(5) {width:15%;}
ul.medi_lst ul.thead_tr > li:nth-child(6) {width:5%;}
ul.medi_lst ul.thead_tr > li:nth-child(7) {width:11%; padding:11px 9px;}
ul.medi_lst ul.thead_tr > li:nth-child(8) {width:2%;}

/* 항목 컨텐츠 */
ul.medi_lst ul.tbody_tr {display:table; padding:0; margin:0; width:100%; table-layout:fixed;}
ul.medi_lst ul.tbody_tr > li {line-height:18px; border-bottom:1px solid #dfe4e5; padding:11px 10px; display:table-cell; vertical-align:middle; text-align:center; min-height:40px; line-height:18px; position:relative;}
ul.medi_lst ul.tbody_tr > li:nth-child(1) {width:5%;}
ul.medi_lst ul.tbody_tr > li:nth-child(2) {width:24%; text-align:left;}
ul.medi_lst ul.tbody_tr > li:nth-child(3) {width:26%; text-align:left;}
ul.medi_lst ul.tbody_tr > li:nth-child(4) {width:12%;}
ul.medi_lst ul.tbody_tr > li:nth-child(5) {width:15%;}
ul.medi_lst ul.tbody_tr > li:nth-child(6) {width:5%;}
ul.medi_lst ul.tbody_tr > li:nth-child(7) {width:11%; padding:11px 9px;}
ul.medi_lst ul.tbody_tr > li:nth-child(8) {width:2%;}

ul.medi_lst ul.tbody_tr > li.num {}

ul.medi_lst ul.tbody_tr > li.nm {}
ul.medi_lst ul.tbody_tr > li.nm a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:0.2s; color:#000;}
ul.medi_lst ul.tbody_tr > li.nm a span {display:inline-block; width:20px; height:20px; margin:0 5px 0 0; vertical-align:sub; transition:0.2s;}
ul.medi_lst ul.tbody_tr > li.nm a span.icon_3d {background:url(../images/icon/icon_3d_black.png) no-repeat center center;}
ul.medi_lst ul.tbody_tr > li.nm a span.icon_movie {background:url(../images/icon/icon_movie_black.png) no-repeat center center;}
ul.medi_lst ul.tbody_tr > li.nm a:hover {text-decoration:none; color:#00a8d2;}
ul.medi_lst ul.tbody_tr > li.nm a:hover span.icon_3d {background:url(../images/icon/icon_3d_hover.png) no-repeat center center;}
ul.medi_lst ul.tbody_tr > li.nm a:hover span.icon_movie {background:url(../images/icon/icon_movie_hover.png) no-repeat center center;}

ul.medi_lst ul.tbody_tr > li.info {}
ul.medi_lst ul.tbody_tr > li.info span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:0.2s;}

ul.medi_lst ul.tbody_tr > li.quantity {}
ul.medi_lst ul.tbody_tr > li.quantity span {display:block; float:left; width:50%;}
ul.medi_lst ul.tbody_tr > li.quantity span.patient {text-align:left; padding-left:22px; position:relative;}
ul.medi_lst ul.tbody_tr > li.quantity span.patient:before {content:"\ed08"; display:block; position:absolute; left:0; top:50%; transform:translate(0,-50%); width:22px; height:20px; font-family:"Icofont"; line-height:20px; font-size:18px;}
ul.medi_lst ul.tbody_tr > li.quantity span.number {text-align:right;}

ul.medi_lst ul.tbody_tr > li.status {}
ul.medi_lst ul.tbody_tr > li.status > div {display:inline-block; vertical-align:middle; font-size:0;}
ul.medi_lst ul.tbody_tr > li.status .per {width:70px; text-align:right; font-size:15px; margin-right:17px;}
ul.medi_lst ul.tbody_tr > li.status .progress {width:calc(100% - 90px); margin:0; height:5px; border-radius:3px; box-shadow:none; background-color:#e4e4e4;}
ul.medi_lst ul.tbody_tr > li.status .progress .progress-bar {line-height:5px; background-color:#54cf4b;}

ul.medi_lst ul.tbody_tr > li.function {position:relative;}
ul.medi_lst ul.tbody_tr > li.function button.function_btn {width:40px; height:40px; border-radius:20px; background:none; transition:0.2s; color:#9498a1; font-size:24px; transition:0.2s; 
    line-height:40px; padding:0; margin:0; border:none; outline:none; background:url(../images/icon/icon_more.png) no-repeat center center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
ul.medi_lst ul.tbody_tr > li.function button.function_btn:hover {background:url(../images/icon/icon_more_hover.png) no-repeat center center; color:#008d6f;}
ul.medi_lst ul.tbody_tr > li.function ul.function_lst {position:absolute; left:-80px; top:20px; margin:0; width:135px; text-align:left; 
    border:1px solid #eaeaea; border-radius:3px; box-shadow:5px 5px 25px rgba(0,0,0,0.1); background:#fff; padding:0; z-index:1; display:none;}
ul.medi_lst ul.tbody_tr > li.function ul.function_lst.active {display:block;}
ul.medi_lst ul.tbody_tr > li.function ul.function_lst li button {display:block; border:none; outline:none; background:#fff; height:35px; transition:0.2s; font-size:15px; 
    text-align:left; padding:0 0 0 38px; margin:0; position:relative; width:100%;}
ul.medi_lst ul.tbody_tr > li.function ul.function_lst li button:before {content:""; display:block; position:absolute; left:15px; top:50%; transform:translate(0,-50%); 
    font-family:'Icofont'; color:#000; font-size:14px;}
ul.medi_lst ul.tbody_tr > li.function ul.function_lst li button:hover {background:#e0f7f4;}
ul.medi_lst ul.tbody_tr > li.function ul.function_lst li button.function_edit:before {content:"\ebf6";}
ul.medi_lst ul.tbody_tr > li.function ul.function_lst li button.function_delete:before {content:"\eebb";}

ul.medi_lst ul.tbody_tr > li.sources {display:none;}

ul.medi_lst ul.tbody_tr > li.movie_3d {display:none;}

ul.medi_lst ul.tbody_tr > li.card_more {display:none;}


/* ********** card_type ********** */
ul.medi_lst.card_type {display:flex; flex-wrap:wrap; margin:0;}
ul.medi_lst.card_type > li.lst_thead {display:none;}
ul.medi_lst.card_type > li {background:#fff; width:31%; border-radius:5px; position:relative; padding:45px 30px 30px; margin:45px 0 0 0; transition:0.2s; border:1px solid #e4e4e4; margin-right:3.5%;}
ul.medi_lst.card_type > li:nth-child(2),
ul.medi_lst.card_type > li:nth-child(3),
ul.medi_lst.card_type > li:nth-child(4) {margin-top:20px;}
ul.medi_lst.card_type > li:nth-child(3n - 2) {margin-right:0;}


/* 항목 컨텐츠 */
ul.medi_lst.card_type ul.tbody_tr {display:flex; flex-wrap:wrap; padding:0; margin:0; width:100%;}
ul.medi_lst.card_type ul.tbody_tr > li {line-height:inherit; border-bottom:none; padding:0; display:block; text-align:left; width:100%; position:static;}

ul.medi_lst.card_type ul.tbody_tr > li.num {display:none;}
ul.medi_lst.card_type ul.tbody_tr > li.status {display:none;}

ul.medi_lst.card_type ul.tbody_tr > li.function {padding:0; margin:0; position:absolute; right:0; top:0; order:0; width:40px;}
ul.medi_lst.card_type ul.tbody_tr > li.function button.function_btn {left:0; top:0; transform:translate(0,0);}
ul.medi_lst.card_type ul.tbody_tr > li.function ul.function_lst {}
ul.medi_lst.card_type ul.tbody_tr > li.function ul.function_lst li {}
ul.medi_lst.card_type ul.tbody_tr > li.function ul.function_lst li button {}
ul.medi_lst.card_type ul.tbody_tr > li.function ul.function_lst li button:before {}
ul.medi_lst.card_type ul.tbody_tr > li.function ul.function_lst li button:hover {}
ul.medi_lst.card_type ul.tbody_tr > li.function ul.function_lst li button:hover:before {}
ul.medi_lst.card_type ul.tbody_tr > li.function ul.function_lst li button span {}

ul.medi_lst.card_type ul.tbody_tr > li.nm {margin-bottom:20px; order:2;}
ul.medi_lst.card_type ul.tbody_tr > li.nm a {font-size:28px; line-height:35px; margin:0; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height:70px; height:70px;}
ul.medi_lst.card_type ul.tbody_tr > li.nm a:hover {color:#000;}
ul.medi_lst.card_type ul.tbody_tr > li.nm a span {display:none;}

ul.medi_lst.card_type ul.tbody_tr > li.info {order:3; height:26px; min-height:26px; margin-bottom:25px;}
ul.medi_lst.card_type ul.tbody_tr > li.info span {color:#7a7a7a; font-size:16px;}

ul.medi_lst.card_type ul.tbody_tr > li.sources {display:block; order:4; padding-left:25px; position:relative; margin-bottom:10px;}
ul.medi_lst.card_type ul.tbody_tr > li.sources:after {content:""; display:block; width:100%; height:0; clear:both; float:none;}
ul.medi_lst.card_type ul.tbody_tr > li.sources:before {content:"INFO"; font-size:12px; color:#a4a4a4; display:block; margin-bottom:5px; font-weight:300; position:relative; left:-25px;}
ul.medi_lst.card_type ul.tbody_tr > li.sources:after {content:"\ef36"; font-size:15px; color:#333; display:block; position:absolute; left:0; top:25px; font-family:"Icofont"; line-height:15px;}
ul.medi_lst.card_type ul.tbody_tr > li.sources span {float:left; color:#7a7a7a; display:inline-block; line-height:15px;}
ul.medi_lst.card_type ul.tbody_tr > li.sources span:nth-child(1) {padding-right:10px; border-right:1px solid #e4e4e4;}
ul.medi_lst.card_type ul.tbody_tr > li.sources span:nth-child(2) {padding-left:8px;}

ul.medi_lst.card_type ul.tbody_tr > li.quantity {order:5; display:inline-block; width:auto; height:20px; min-height:20px; margin-bottom:10px;}
ul.medi_lst.card_type ul.tbody_tr > li.quantity span {display:inline-block; float:none; width:auto; line-height:15px; color:#7a7a7a;}
ul.medi_lst.card_type ul.tbody_tr > li.quantity span.patient {padding-left:25px; padding-right:10px; border-right:1px solid #e4e4e4;}
ul.medi_lst.card_type ul.tbody_tr > li.quantity span.patient:before {color:#333;}
ul.medi_lst.card_type ul.tbody_tr > li.quantity span.patient:after {content:"명"; display:inline-block; margin-left:2px;}
ul.medi_lst.card_type ul.tbody_tr > li.quantity span.number {text-align:left; padding-left:8px;}
ul.medi_lst.card_type ul.tbody_tr > li.quantity span.number:before {content:"데이터"; display:inline-block; margin-right:5px;}

ul.medi_lst.card_type ul.tbody_tr > li.movie_3d {order:6; display:inline-block; width:calc(100% - 200px); height:20px; min-height:20px; position:relative; top:2px;}
ul.medi_lst.card_type ul.tbody_tr > li.movie_3d span {display:inline-block; width:20px; height:20px; margin:0 5px 0 0; position:relative;}
ul.medi_lst.card_type ul.tbody_tr > li.movie_3d span.icon_3d {background:url(../images/icon/icon_3d.png) no-repeat right center;}
ul.medi_lst.card_type ul.tbody_tr > li.movie_3d span.icon_movie {background:url(../images/icon/icon_movie.png) no-repeat right center;}
ul.medi_lst.card_type ul.tbody_tr > li.movie_3d span:nth-child(1) {width:30px !important; padding-left:10px; margin-left:10px;}
ul.medi_lst.card_type ul.tbody_tr > li.movie_3d span:nth-child(1):before {content:""; display:block; position:absolute; left:0; top:50%; transform:translate(0,-50%); width:1px; height:15px; background:#e4e4e4;}

ul.medi_lst.card_type ul.tbody_tr > li.admin {order:7; color:#7a7a7a; padding-left:25px; position:relative; display:inline-block; width:auto; height:20px; min-height:20px;}
ul.medi_lst.card_type ul.tbody_tr > li.admin:after {content:"\eedc"; display:inline-block; font-family:"Icofont"; font-size:15px; position:absolute; left:0; top:6px; line-height:15px;}

ul.medi_lst.card_type ul.tbody_tr > li.date {color:#7a7a7a; order:8; display:inline-block; width:auto; padding-left:10px; margin-left:10px; height:20px; min-height:20px; position:relative;}
ul.medi_lst.card_type ul.tbody_tr > li.date:before {content:""; display:block; position:absolute; left:0; top:50%; transform:translate(0,-50%); width:1px; height:15px; background:#e4e4e4;}

ul.medi_lst.card_type ul.tbody_tr > li.card_more {position:absolute; left:0; bottom:0; width:100%; height:50px; z-index:10; transition:0.2s;}
ul.medi_lst.card_type ul.tbody_tr > li.card_more a.card_more_btn {display:block; width:100%; height:50px; line-height:48px; color:#fff; background:#00a8d2; transition:0.2s; font-size:16px; font-weight:400; text-align:center; opacity:0;}
ul.medi_lst.card_type ul.tbody_tr > li.card_more a.card_more_btn:after {content:"\eaa0"; font-family:"Icofont"; font-size:16px; display:inline-block; margin-left:8px; vertical-align:middle;}
ul.medi_lst.card_type > li:hover ul.tbody_tr > li.card_more a.card_more_btn {opacity:1;}

ul.medi_lst.card_type > li:hover {border-color:#00a8d2;}


/* medi btn */
.medi_btn {padding:0 15px; margin:0; min-width:100px; border-radius:2px; font-size:15px; color:#fff; background:#103578; transition:0.2s; height:30px; outline:none; border:1px solid #103578;}
.medi_btn:hover {border-color:#00a8d2; background:#00a8d2;}

.medi_btn_area {text-align:right; margin:20px 0 0;}
.medi_btn_area .medi_btn {min-width:140px;}


/* paging */
.medi_area .page_select ol li.pcurrent {background:none;}


/* ********** Patient List ********** */
ul.patient_lst {padding:0; margin:20px 0 0; background:#fff; border-radius:0; font-size:15px; color:#000;}
ul.patient_lst li {list-style:none;}
ul.patient_lst > li {transition:0.2s;}
ul.patient_lst > li.lst_thead {border-top:2px solid #000000; border-bottom:1px solid #dfe4e5; background:#f8fafb; font-size:16px; text-align:center;}
/* 항목 제목 */
ul.patient_lst ul.thead_tr {display:table; padding:0; margin:0; width:100%;}
ul.patient_lst ul.thead_tr > li {text-align:center; display:table-cell; vertical-align:middle; padding:11px 3px; min-height:40px; line-height:18px;}
ul.patient_lst ul.thead_tr > li:nth-child(1) {width:1%;}
ul.patient_lst ul.thead_tr > li:nth-child(2) {width:6%;}
ul.patient_lst ul.thead_tr > li:nth-child(3) {width:12%;}
ul.patient_lst ul.thead_tr > li:nth-child(4) {width:10%;}
ul.patient_lst ul.thead_tr > li:nth-child(5) {width:7%;}
ul.patient_lst ul.thead_tr > li:nth-child(6) {width:6%;}
ul.patient_lst ul.thead_tr > li:nth-child(7) {width:6%;}
ul.patient_lst ul.thead_tr > li:nth-child(8) {width:6%;}
ul.patient_lst ul.thead_tr > li:nth-child(9) {width:7%;}
ul.patient_lst ul.thead_tr > li:nth-child(10) {width:7%;}
ul.patient_lst ul.thead_tr > li:nth-child(11) {width:7%;}
ul.patient_lst ul.thead_tr > li:nth-child(12) {width:10%;}
ul.patient_lst ul.thead_tr > li:nth-child(13) {width:10%;}
ul.patient_lst ul.thead_tr > li:nth-child(14) {width:5%;}


/* 항목 컨텐츠 */
ul.patient_lst ul.tbody_tr {display:table; padding:0; margin:0; width:100%; table-layout:fixed;}
ul.patient_lst ul.tbody_tr > li {line-height:18px; border-bottom:1px solid #dfe4e5; padding:11px 10px; display:table-cell; vertical-align:middle; text-align:center; min-height:40px; line-height:18px; position:relative;}
ul.patient_lst ul.tbody_tr > li:nth-child(1) {width:1%;}
ul.patient_lst ul.tbody_tr > li:nth-child(2) {width:6%;}
ul.patient_lst ul.tbody_tr > li:nth-child(3) {width:12%;}
ul.patient_lst ul.tbody_tr > li:nth-child(4) {width:10%;}
ul.patient_lst ul.tbody_tr > li:nth-child(5) {width:7%;}
ul.patient_lst ul.tbody_tr > li:nth-child(6) {width:6%;}
ul.patient_lst ul.tbody_tr > li:nth-child(7) {width:6%;}
ul.patient_lst ul.tbody_tr > li:nth-child(8) {width:6%;}
ul.patient_lst ul.tbody_tr > li:nth-child(9) {width:7%; vertical-align:top;}
ul.patient_lst ul.tbody_tr > li:nth-child(10) {width:7%; vertical-align:top;}
ul.patient_lst ul.tbody_tr > li:nth-child(11) {width:7%; vertical-align:top;}
ul.patient_lst ul.tbody_tr > li:nth-child(12) {width:10%;}
ul.patient_lst ul.tbody_tr > li:nth-child(13) {width:10%;}
ul.patient_lst ul.tbody_tr > li:nth-child(14) {width:5%;}

ul.patient_lst ul.tbody_tr > li.num {}

ul.patient_lst ul.tbody_tr > li.nm {}
ul.patient_lst ul.tbody_tr > li.nm a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:0.2s; color:#000;}
ul.patient_lst ul.tbody_tr > li.nm a span {display:inline-block; width:20px; height:20px; margin:0 5px 0 0; vertical-align:sub; transition:0.2s;}
ul.patient_lst ul.tbody_tr > li.nm a span.icon_3d {background:url(../images/icon/icon_3d_black.png) no-repeat center center;}
ul.patient_lst ul.tbody_tr > li.nm a span.icon_movie {background:url(../images/icon/icon_movie_black.png) no-repeat center center;}
ul.patient_lst ul.tbody_tr > li.nm a:hover {text-decoration:none; color:#00a8d2;}
ul.patient_lst ul.tbody_tr > li.nm a:hover span.icon_3d {background:url(../images/icon/icon_3d_hover.png) no-repeat center center;}
ul.patient_lst ul.tbody_tr > li.nm a:hover span.icon_movie {background:url(../images/icon/icon_movie_hover.png) no-repeat center center;}

ul.patient_lst ul.tbody_tr > li.info {}
ul.patient_lst ul.tbody_tr > li.info span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:0.2s;}

ul.patient_lst ul.tbody_tr > li.quantity {}
ul.patient_lst ul.tbody_tr > li.quantity span {display:block; float:left; width:50%;}
ul.patient_lst ul.tbody_tr > li.quantity span.patient {text-align:left; padding-left:22px; position:relative;}
ul.patient_lst ul.tbody_tr > li.quantity span.patient:before {content:"\ed08"; display:block; position:absolute; left:0; top:50%; transform:translate(0,-50%); width:22px; height:20px; font-family:"Icofont"; line-height:20px; font-size:18px;}
ul.patient_lst ul.tbody_tr > li.quantity span.number {text-align:right;}

ul.patient_lst ul.tbody_tr > li.status {}
ul.patient_lst ul.tbody_tr > li.status > div {display:inline-block; vertical-align:middle; font-size:0;}
ul.patient_lst ul.tbody_tr > li.status .per {width:70px; text-align:right; font-size:15px; margin-right:17px;}
ul.patient_lst ul.tbody_tr > li.status .progress {width:calc(100% - 90px); margin:0; height:5px; border-radius:3px; box-shadow:none; background-color:#e4e4e4;}
ul.patient_lst ul.tbody_tr > li.status .progress .progress-bar {line-height:5px; background-color:#54cf4b;}

ul.patient_lst ul.tbody_tr > li.function {position:relative;}
ul.patient_lst ul.tbody_tr > li.function button.function_btn {width:40px; height:40px; border-radius:20px; background:none; transition:0.2s; color:#9498a1; font-size:24px; transition:0.2s; 
    line-height:40px; padding:0; margin:0; border:none; outline:none; background:url(../images/icon/icon_more.png) no-repeat center center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
ul.patient_lst ul.tbody_tr > li.function button.function_btn:hover {background:url(../images/icon/icon_more_hover.png) no-repeat center center; color:#008d6f;}
ul.patient_lst ul.tbody_tr > li.function ul.function_lst {position:absolute; left:-80px; top:20px; margin:0; width:135px; text-align:left; 
    border:1px solid #eaeaea; border-radius:3px; box-shadow:5px 5px 25px rgba(0,0,0,0.1); background:#fff; padding:0; z-index:1; display:none;}
ul.patient_lst ul.tbody_tr > li.function ul.function_lst.active {display:block;}
ul.patient_lst ul.tbody_tr > li.function ul.function_lst li button {display:block; border:none; outline:none; background:#fff; height:35px; transition:0.2s; font-size:15px; 
    text-align:left; padding:0 0 0 38px; margin:0; position:relative; width:100%;}
ul.patient_lst ul.tbody_tr > li.function ul.function_lst li button:before {content:""; display:block; position:absolute; left:15px; top:50%; transform:translate(0,-50%); 
    font-family:'Icofont'; color:#000; font-size:14px;}
ul.patient_lst ul.tbody_tr > li.function ul.function_lst li button:hover {background:#e0f7f4;}
ul.patient_lst ul.tbody_tr > li.function ul.function_lst li button.function_edit:before {content:"\ebf6";}
ul.patient_lst ul.tbody_tr > li.function ul.function_lst li button.function_delete:before {content:"\eebb";}

ul.patient_lst ul.tbody_tr > li.sources {display:none;}

ul.patient_lst ul.tbody_tr > li.movie_3d {display:none;}

ul.patient_lst ul.tbody_tr > li.card_more {display:none;}

.medi_li .toggle_sub {display:inline-block; vertical-align:middle; width:20px; height:20px; line-height:20px; padding:0; margin-left:-10px; position:relative; border:0; background-color:transparent; cursor:pointer;}
.medi_li .toggle_sub:before {display:inline-block; content:'\ea67'; color:#18b8e0; font-size:15px; font-family:'IcoFont'; transition:all ease 0.1s;}
.medi_li .toggle_sub.reduce:before {transform:rotate(-90deg);}
.medi_li.child {background-color: #e5e5e585}

ul.patient_lst a.status_link {display:inline-block; width:26px; height:26px; border-radius:10px; margin:2px 0 0; padding:0; transition:0.2s; position:relative;}
ul.patient_lst a.status_link:before {content:""; display:block; width:26px; height:26px; background:red; transition:0.2s; opacity:0; border-radius:13px;}
ul.patient_lst a.status_link:hover:before {opacity:1;}
ul.patient_lst a.status_link.green:before {background:#008800;}
ul.patient_lst a.status_link.yellow:before {background:#cdae00;}
ul.patient_lst a.status_link.red:before {background:#a30000;}
ul.patient_lst a.status_link.white:before {background:transparent;}
ul.patient_lst a.status_link:after {content:""; display:block; width:20px; height:20px; background:yellow; border-radius:10px; position:absolute; left:3px; top:3px;}   
ul.patient_lst a.status_link.green:after {background:url(../images/almedi/sub/status_bg1.png)no-repeat center;}
ul.patient_lst a.status_link.yellow:after {background:url(../images/almedi/sub/status_bg2.png)no-repeat center;}
ul.patient_lst a.status_link.red:after {background:url(../images/almedi/sub/status_bg3.png)no-repeat center;}
ul.patient_lst a.status_link.white:after {background:url(../images/almedi/sub/status_bg4.png)no-repeat center;}
ul.patient_lst .status_date {display:block; font-size:12px;}

/******************* 상세화면 *******************/
.section_area {margin:0 !important;}
.contents_wrap {background:#edeff5; height:100%; min-height:960px;}
.contents_buffer {background:#edeff5; height:100%; min-height:20vh;}
.m_inner {max-width:1600px; min-width:1400px !important; margin:0 auto; margin:0 auto; position:relative;}
.m_inner:after {display: block; content: ""; clear: both;}
.section_info {background:#fff; border-radius:30px; box-shadow:0 3px 35px rgba(0,0,0,0.15); height:60px; line-height:60px; padding:0 35px; position:relative; top:30px; z-index:2;}
.section_info h3.info_title {font-size:22px; font-weight:600; position:relative; padding-left:35px;}
.section_info h3.info_title:before {content:""; background:url("../images/icon/icon_info_title.png") no-repeat center; width:27px; height:27px; position:absolute; left:0;}
.section_info h3.info_title, .section_info .info {display:inline-block;}
/* .section_info .info.info1 {margin:0 80px; position:relative;} */
.section_info .info.info1:after {content:""; position:absolute; width:1px; height:36px; background:#c5c5c5; display:block; right:-80px; top:50%; transform:translateY(-50%);}
.section_info .info.info2 {margin-left:70px;}
.section_info .info span {margin-right:30px; font-size:18px;}
.section_info .info.info span:last-child, .section_info .info.info span:last-child {margin-right:0;}
.section_info .m_btn.btn_history {background:#000; color:#fff; font-size:18px; border-radius:17px; height:35px; line-height:35px; width:190px; position:absolute; top:50%; 
    transition:0.2s; transform:translateY(-50%); border:none;}
.section_info .m_btn.btn_history:hover {background:#18b8e0;}

.section_card {padding-bottom:40px; top: 60px; position: relative;}
.section_card .card_item {background:#fff; border-radius:30px; box-shadow:0 10px 40px rgba(0,0,0,0.05); width:32%; padding:23px 60px 30px 60px; display:inline-block; margin-right:1.6666%; 
    height:840px; vertical-align:top;}
.section_card .card_item:last-child {margin-right:0;}
.section_card .card_item .card_title {font-size:34px; text-align:center; font-weight:700; letter-spacing:-3px;}
.section_card .card_item .chart_area {margin-top:40px;}
.section_card .card_item p {font-size:16px; margin:30px 0 40px 0; line-height:1.2em; height:98px; overflow-y:auto;}
.section_card .card_item p span {font-weight:600;}
.section_card .card_item p span.type_blue {color:#17b7df;}
.section_card .card_item p span.type_red {color:#ff0904;}
.section_card .card_item p span.type_green {color:#1fc461;}
.section_card .card_item p span.type_yellow {color:#ffb63d;}
.section_card .card_item h3 {font-size:18px; background:#dcefff; border-radius:17px; height:35px; width:250px;  line-height:35px; text-align:center; margin:auto; font-weight:600;}
.section_card .card_item .graph_img {margin-top:20px; height:220px; max-width:385px; width:auto;}

.section_tab {position:relative; padding-bottom:20px;}
.section_tab .tab_title {font-size:26px; position:absolute; top:50px;}
.section_tab .tab_inner {overflow:hidden;}
.section_tab .tab_inner .selector_tab {margin-top:125px; float:left;}
.section_tab .tab_inner .tab-content {float:right; width:60%;}
.section_tab .tab_inner .selector_tab li {width:450px; height:40px; line-height:40px; text-align:center; display:block; margin-bottom:10px; transition:0.2s;}
.section_tab .tab_inner .selector_tab li:last-child {margin-bottom:0;}
.section_tab .tab_inner .selector_tab li a {font-size:20px;}
.section_tab .tab_inner .selector_tab li.active, .section_tab .tab_inner .selector_tab li:hover {background:#5281e4; pos2ition:relative;}
.section_tab .tab_inner .selector_tab li.active a  {font-size:24px; color:#fff; font-weight:600;} 
.section_tab .tab_inner .selector_tab li:hover a {color:#fff;}
.section_tab .tab_inner .selector_tab li.active:before {content:""; position:absolute; right:25px; top:50%; transform:translateY(-50%); background:url("../images/icon/icon_tab.png") no-repeat center; 
    width:13px; height:21px;}
.section_tab .tab_inner .tab_item .tab_img {margin:25px 0;}

.section_history.active {display:block;}
.section_history {display:none; position:absolute; top:120px; padding:30px 0; width:100%; min-width:1280px;}
.section_history .m_inner {padding:30px 20px; position:relative;}
.section_history .contents_wrap {min-height:900px;}
.section_history .history_title {font-size:48px; font-weight:700;}
.section_history .history_txt {margin:20px 0 65px 0;}
.section_history .history_txt span {font-weight:500;}
.section_history .card_area .card_item {background:#fff; border-radius:30px; width:31%; margin-right:1.6666%; display:inline-block; padding:30px 20px; box-shadow:0 0 40px rgba(0,0,0,0.05);}
.section_history .card_area .card_item:hover {border-color:transparent; background-color:#fff;}
.section_history .card_area .card_item:last-child {margin-right:0;}
.section_history .card_area .card_item .card_title {text-align:center; font-size:26px;}
.section_history .card_area .card_item .chart_area {margin:70px 0 30px 0;}
.section_history .m_btn.btn_close {border:1px solid #d4d5da; background:#fff; color:#000; text-align:center; display:block; width:300px; height:40px; line-height:40px; font-size:28px; 
    font-weight:500; margin:auto; margin-top:70px;}
.section_history .m_btn.btn_close:hover {color:#000;}
.section_history .m_btn.btn_close2 {position:relative; border:none; background:none; text-indent:-9999px; display:inline-block; width:51px; height:51px; position:absolute; top:56px; right:32px;}
.section_history .m_btn.btn_close2:after {content:""; background:url("../images/icon/icon_close.png") no-repeat center; width:51px; height:51px; position:absolute; display:block; top:0; left:0;}


.t_btn {width:90px; height:25px; line-height:25px; display:block; margin:auto!important; border-radius:0; text-transform: none; vertical-align: middle; background-color: transparent; font-size: 100%; padding: 0;}
.t_btn.btn_create {color:#5281e4; border:1px solid #e4e4e4;}
.t_btn.btn_create:before {content:"\efc2"; font-family:"IcoFont"; font-size:13px; margin-right:5px;}
.t_btn.btn_sucess {color:#fff; background:#27cad4; border:1px solid #27cad4;}
.t_btn.btn_sucess:before {content:"\eed6"; font-family:"IcoFont"; font-size:16px; margin-right:5px;}
.t_btn.btn_failed {color:#fff; background:#f5311d; border:1px solid #f5311d;}
.t_btn.btn_failed:before {content:"\eee1"; font-family:"IcoFont"; font-size:16px; margin-right:5px;}
.t_btn.btn_result {border:1px solid #e4e4e4; border-radius:0;}

.btn_icon {text-transform:none; vertical-align:middle; background-color:transparent; font-size:100%; padding:0; border:0 none; border-radius:0; margin:0; width:20px; height:20px; line-height:20px; text-align:center;
    transition:0.2s; font-size:15px;}
.btn_icon:hover,
.btn_icon.active {color:#007aff;}

.img_medi_img {max-width: 100%; vertical-align: middle; border: 0 none; margin: 0; padding: 0;}

/* main_footer */
footer.footer {display:block; background:#fff; border-top:1px solid #eaeaea; min-height:85px; padding:0 60px; position:relative;}
footer.footer > .f_logo {vertical-align:middle; pointer-events:none; display:none;}
footer.footer p.f_copy {display:inline-block; margin:0; vertical-align:bottom; color:#a4a4a4; font-size:14px; line-height:85px; color:#000;}
footer.footer p.f_copy span.copy_ver {display:inline-block; margin-left:20px;}

footer.footer ul.f_family {padding:0 0 0 100px; margin:0; float:right; top:0; position:relative;}
footer.footer ul.f_family:before {content:"Powered by"; display:block; position:absolute; left:0; top:50%; font-size:14px; color:#888787; transform:translate(0,-50%);}
footer.footer ul.f_family li {padding:0; margin:0 20px 0 0; list-style:none; display:inline-block; height:85px;}
footer.footer ul.f_family li:last-child {margin-right:0;}
footer.footer ul.f_family li.pb_smart_al {width:100px; background:url(../images/logo/pb_logo_al.png) no-repeat center center;}
footer.footer ul.f_family li.pb_smart_mdq {width:127px; background:url(../images/logo/pb_logo_mdq.png) no-repeat center center;}

footer.footer ul.f_family li a {cursor: pointer;}
footer.footer .f_logo {display:inline-block; background-repeat:no-repeat; background-position:left top; transition:0.2s; text-indent:-9999px;}
footer.footer .f_logo_al {width:133px; height:38px; background-image:url(../images/common/footer_smartAL.png);}
footer.footer .f_logo_al:hover {background-image:url(../images/common/footer_smartAL_hover.png);}
footer.footer .f_logo_qc {width:164px; height:40px; background-image:url(../images/common/footer_smartALQC.png);}
footer.footer .f_logo_qc:hover {background-image:url(../images/common/footer_smartALQC_hover.png);}
footer.footer .f_logo_medi {width:238px; height:38px; background-image:url(../images/common/footer_smartALMedi.png);}
footer.footer .f_logo_medi:hover {background-image:url(../images/common/footer_smartALMedi_hover.png);}



@media all and (max-width:1640px) {
    footer.main_footer {}
    
}


@media all and (max-width:1440px) {
    footer.main_footer {}
    
    /* 상단 우측 영역 */
    /* .top_nav .nav_menu nav {}
    .btn_userInfo,
    .btn_adminMenu,
    .btn_allMenu {margin:21px 4px 0;} */
    
    /* ******************** 상단 헤더 스타일 ******************** */
    .container.body > .main_container {width:350px;}
    /* 로고 선택 영역 */
    .main_container .select_al_theme {width:350px; padding-left:20px;}
    ul.change_theme_lst {left:0;}
    
    .navbar-logo                             {background-size:120px auto; width:120px;}
    body.theme_smartALDC .navbar-logo        {background-size:155px auto; width:155px;}
    body.theme_smartALQC .navbar-logo        {background-size:85px 47px; width:85px;}
    body.theme_smartALQC .navbar-logo.mdq    {background-size:150px auto; width:150px;}
    body.theme_smartALMedi .navbar-logo      {background-size:163px auto; width:163px;}
    .navbar-logo.trial                       {background-size:155px auto; width:155px;}
    
    /* 상단 중앙 네비 */
    ul.al_menu {left:360px; width:calc(100% - 600px);}
    
    /* footer */
    footer.footer {padding:0 20px;}
}


@media all and (max-width:1024px) {
    .top_nav {z-index:53;}
    
    .nav-md .container.body .col-md-3.left_col {z-index:52;}
    
    ul.al_menu {width:100%; height:60px; top:70px; left:0; background:#092f3b; padding:0 30px;}
    ul.al_menu li a {height:60px; line-height:58px;}
    ul.al_menu .owl-nav {top:13px;} 
    ul.al_menu .owl-nav button.owl-prev {left:0; width:30px;}
    ul.al_menu .owl-nav button.owl-next {right:0; width:30px;}
    
    body.theme_smartALDC ul.al_menu {background:#031921;}
    body.theme_smartALMedi ul.al_menu {background:#00708c;}
    
    body.theme_smartALQC ul.al_menu {background:#2339a8;}
    body.theme_smartALQC ul.al_menu li a {background:#2339a8; color:#fff;}
    body.theme_smartALQC ul.al_menu .owl-item > li:after {height:60px; background:#2339a8;}
    body.theme_smartALQC ul.al_menu li:hover ul {top:60px;}
    body.theme_smartALQC ul.al_menu li ul li a {color:#444; background:transparent;}
    body.theme_smartALQC ul.al_menu li ul li a:hover {color:#000;}
    
    ul.al_menu .owl-nav button {color:#fff;}
    
    
    body .container.body .right_col {min-height:calc(100vh - 130px) !important; height:calc(100vh - 130px) !important; margin-top:130px;}
    
    section.board_area {min-height:calc(100vh - 130px);}
}

/* 의미정확성 데이터 카테고리*/
#toolInfoData li {list-style-type:none; width:16px; height:16px; display:inline-flex; margin-right: 5px !important; margin-top: 3px ! important;}
#toolInfoData .labeling1 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#1876d1;}
#toolInfoData .labeling2 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#c66cd5;}
#toolInfoData .labeling3 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#ff7949;}
#toolInfoData .labeling4 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#66ff33;}
#toolInfoData .labeling5 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#6600ff;}
#toolInfoData .labeling6 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#2dc1ff;}
#toolInfoData .labeling7 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#178b82;}
#toolInfoData .labeling8 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#5e76b4;}
#toolInfoData .labeling9 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#894c5e;}
#toolInfoData .labeling10 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#40c0b8;}
#toolInfoData .labeling11 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#b47c0d;}
#toolInfoData .labeling12 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#ffcdd9;}
#toolInfoData .labeling13 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#87c3d2;}
#toolInfoData .labeling14 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#ff4585;}
#toolInfoData .labeling15 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#61dcee;}
#toolInfoData .labeling16 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#8bae7c;}
#toolInfoData .labeling17 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#ccccff;}
#toolInfoData .labeling18 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#ffb32a;}
#toolInfoData .labeling19 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#6971df;}
#toolInfoData .labeling20 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#4cbb17;}
#toolInfoData .labeling21 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#d0a535;}
#toolInfoData .labeling22 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#ffdd2c;}
#toolInfoData .labeling23 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#d3806e;}
#toolInfoData .labeling24 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#6e31b1;}
#toolInfoData .labeling25 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#f36996;}
#toolInfoData .labeling26 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#278e16;}
#toolInfoData .labeling27 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#bb9e95;}
#toolInfoData .labeling28 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#a9dd6e;}
#toolInfoData .labeling29 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#025155;}
#toolInfoData .labeling30 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#c9c9c9;}
#toolInfoData .labeling31 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#591ad3;}
#toolInfoData .labeling32 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#3ac6dd;}
#toolInfoData .labeling33 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#16a851;}
#toolInfoData .labeling34 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#1f6bdb;}
#toolInfoData .labeling35 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#a0e3f2;}
#toolInfoData .labeling36 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#e21b76;}
#toolInfoData .labeling37 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#efbb26;}
#toolInfoData .labeling38 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#62f9ed;}
#toolInfoData .labeling39 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#0d3a19;}
#toolInfoData .labeling40 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#2583b7;}
#toolInfoData .labeling41 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#2d3644;}
#toolInfoData .labeling42 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#ef6d25;}
#toolInfoData .labeling43 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#0cafaf;}
#toolInfoData .labeling44 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#b10dce;}
#toolInfoData .labeling45 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#e0c70e;}
#toolInfoData .labeling46 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#73dce6;}
#toolInfoData .labeling47 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#293f6d;}
#toolInfoData .labeling48 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#759daa;}
#toolInfoData .labeling49 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#2de3e8;}
#toolInfoData .labeling50 {content:""; width:16px; height:16px; border-radius:8px; left:0; top:8px; background:#dd3e0e;}
#toolInfoData ul p {display:inline-table;}
#toolInfoData ul {display:flex; -webkit-padding-start: 3px; margin-top: -5px; height: 20px ! important;}

/* text 저작도구 라벨링 태그 */
#span_textArea .labeling { position: relative; cursor:pointer; margin:4px; display:inline-flex; padding:4px 10px; box-sizing:border-box; user-select:none; border-radius:26px; background-color:#f1f1f1; font-size:smaller;}
#span_textArea .labeling .label_text {color:white; display:inline-block;}
#span_textArea .labeling .label_delete {color:white; width:18px; cursor:pointer; height:18px; display:inline-flex; font-size:11px; align-self:center; align-items:center; margin-left:4px; border-radius:9px; justify-content:center; background-color:rgba(0,0,0,0.2);}

/* soundwave 저작도구 라벨링 태그 */
#div_soundArea .labeling {position: relative; cursor: pointer; margin: 4px; display: inline-flex; padding: 4px 10px; box-sizing: border-box; user-select: none; border-radius: 26px; background-color: #f1f1f1; font-size: smaller;}
#div_soundArea .labeling .label_text { color: white; display: inline-block;}
#div_soundArea .labeling .label_delete { color: white; width: 18px; cursor: pointer; height: 18px; display: inline-flex; font-size: 11px; align-self: center; align-items: center; margin-left: 4px; border-radius: 9px; justify-content: center; background-color: rgba(0, 0, 0, 0.2);}


/* 저작도구 작업자, 검수자 정보*/
.div_memberInfo {position:absolute; top:60px; right:25px; font-weight:500; color:#001f42; display:none; display: inline; padding-top:5px;}
.div_memberInfo div {display:inline; cursor: pointer;}
.div_memberInfo button {margin:0 3px 0 10px; padding: 0 10px; border-radius:9px; border:none; background: #0078ff; color: #FFFFFF;}

.div_memberInfo .tool_tip {visibility: hidden; width: auto; background-color: rgba(0,0,0,0.9); color: #fff; text-align: center; border-radius: 6px; 
                            padding: 5px 0; position: absolute; z-index: 10001; top: -8px; left: -40%; padding: 1px 15px 1px 15px;}
.div_memberInfo .tool_tip:after {content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; 
                            border-color: transparent transparent transparent rgba(0,0,0,0.9); z-index: 10001;}
.div_memberInfo .tool_btn:hover .tool_tip {opacity:1; visibility:visible; z-index: 10001;}

/* 관리자 저작도구 작업대상 필터 */
#toolDataPanel .btn_dataListFilter {padding: 0; border: 0; position: absolute; top: 0; left: 110px; background: transparent; z-index: 2; font-size: 16px; display: block; width: 45px; height: 45px;}
#toolDataPanel .btn_dataListFilter:hover {color:#0078ff;}
#toolDataPanel .btn_dataListFilter.all:before {font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f031";}
#toolDataPanel .btn_dataListFilter.targetY:before {font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f00c";}
#toolDataPanel .btn_dataListFilter.targetN:before {font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f00d";}
#toolDataPanel .box_setting {left: 100px; top: 36px; z-index:2;}
#toolDataPanel .box_setting .icon_btn i { margin-left: 8px; margin-right: 5px;}

/* 데이터 카테고리 설정 팝업 스타일 */
#div_dataCategoryList .labeling1 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#1876d1;}
#div_dataCategoryList .labeling2 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#c66cd5;}
#div_dataCategoryList .labeling3 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#ff7949;}
#div_dataCategoryList .labeling4 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#66ff33;}
#div_dataCategoryList .labeling5 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#6600ff;}
#div_dataCategoryList .labeling6 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#2dc1ff;}
#div_dataCategoryList .labeling7 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#178b82;}
#div_dataCategoryList .labeling8 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#5e76b4;}
#div_dataCategoryList .labeling9 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#894c5e;}
#div_dataCategoryList .labeling10 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#40c0b8;}
#div_dataCategoryList .labeling11 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#b47c0d;}
#div_dataCategoryList .labeling12 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#ffcdd9;}
#div_dataCategoryList .labeling13 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#87c3d2;}
#div_dataCategoryList .labeling14 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#ff4585;}
#div_dataCategoryList .labeling15 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#61dcee;}
#div_dataCategoryList .labeling16 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#8bae7c;}
#div_dataCategoryList .labeling17 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#ccccff;}
#div_dataCategoryList .labeling18 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#ffb32a;}
#div_dataCategoryList .labeling19 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#6971df;}
#div_dataCategoryList .labeling20 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#4cbb17;}
#div_dataCategoryList .labeling21 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#d0a535;}
#div_dataCategoryList .labeling22 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#ffdd2c;}
#div_dataCategoryList .labeling23 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#d3806e;}
#div_dataCategoryList .labeling24 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#6e31b1;}
#div_dataCategoryList .labeling25 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#f36996;}
#div_dataCategoryList .labeling26 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#278e16;}
#div_dataCategoryList .labeling27 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#bb9e95;}
#div_dataCategoryList .labeling28 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#a9dd6e;}
#div_dataCategoryList .labeling29 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#025155;}
#div_dataCategoryList .labeling30 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#c9c9c9;}
#div_dataCategoryList .labeling31 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#591ad3;}
#div_dataCategoryList .labeling32 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#3ac6dd;}
#div_dataCategoryList .labeling33 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#16a851;}
#div_dataCategoryList .labeling34 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#1f6bdb;}
#div_dataCategoryList .labeling35 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#a0e3f2;}
#div_dataCategoryList .labeling36 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#e21b76;}
#div_dataCategoryList .labeling37 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#efbb26;}
#div_dataCategoryList .labeling38 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#62f9ed;}
#div_dataCategoryList .labeling39 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#0d3a19;}
#div_dataCategoryList .labeling40 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#2583b7;}
#div_dataCategoryList .labeling41 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#2d3644;}
#div_dataCategoryList .labeling42 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#ef6d25;}
#div_dataCategoryList .labeling43 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#0cafaf;}
#div_dataCategoryList .labeling44 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#b10dce;}
#div_dataCategoryList .labeling45 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#e0c70e;}
#div_dataCategoryList .labeling46 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#73dce6;}
#div_dataCategoryList .labeling47 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#293f6d;}
#div_dataCategoryList .labeling48 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#759daa;}
#div_dataCategoryList .labeling49 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#2de3e8;}
#div_dataCategoryList .labeling50 {content:""; display:black; width:16px; height:16px; border-radius:8px; background:#999; left:0; top:8px; margin-right: 2px !important; background:#dd3e0e;}



/***** 231122 css 추가 - 음성 녹음 *****/
body.smallAL {overflow-y:hidden !important;}
body.smallAL .container.body .right_col {min-height:calc(100vh - 68px) !important; height:calc(100vh - 70px) !important; overflow-y:auto; overflow-x:hidden;}
body.smallAL section.board_area {background:#fff; padding:70px 30px 120px; min-height:500px;}
body.smallAL {overflow:hidden; background:#fff;}
body.smallAL, body.smallAL .container.body {min-width:100%; position:relative;}
 body.smallAL.only .al_menu, body.smallAL.only button.change_theme {display:none;}

body.smallAL section.board_area .board_con {}
.search_box .search_con .list_submit {border-radius:0; margin-top:0; margin-left:10px; height:30px; padding:0; font-weight:400; min-width:70px;}
.search_box .search_con .list_submit .icofont-plus:before {font-size:14px;}
.m_page_select {display:none;}
.m_page_select > button {background:none; border:0; font-size:16px;}
.m_page_select .m_btn_prev {position:relative;}
.m_page_select .m_btn_prev:after {content:""; width:1px; height:55%; background:#000; position:absolute; right:-5px; top:50%; transform:translateY(-50%);}

ul#ul_voiceRecordProjectList li ul.card_info1 {padding:0; margin:0; padding-bottom:55px;}
ul#ul_voiceRecordProjectList li ul.card_info2 {padding:0; position:absolute; bottom:35px; padding-top:20px; left:0; width:100%;}

#div_waveformMic {position:relative;}
#div_waveformMic .btn_mic {width:120px; height:120px; background:#e10000 url("../images/aldc/icon_mic.png") no-repeat center; border:0; 
    border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:0.2s;}
#div_waveformMic .btn_mic:hover {background-color:#9c1c1c;}
.recordControlBtn {padding:0;}
.recordControlBtn i {color:#fff; font-size:16px;}
.maxfile_area {position:absolute; right:5px; bottom:5px; color:#fff;}
.maxfile_area i {color:#fff;}

#div_controlRecord {background:#ebeefa; margin:0 20px auto; border:1px solid #dbdbdb;}

.div_textArea > .div_userTextArea {background:#fff;}
#ul_recordList .div_textArea {background:#ebeefa; border:1px solid #dbdbdb; padding:15px;}
#ul_recordList .div_textArea > .div_userTextArea {display:inline-block; vertical-align:middle;}

#ul_recordOptionInfo {padding-left:25px;}
#ul_recordOptionInfo > li {margin-bottom:5px;}
#span_timer {width:205px; display: inline-block; vertical-align: middle;}
.voicefile_area {margin:15px 25px;}

.form_mic {width:calc(100% - 120px);}
/* body.smallAL .modal-content {min-width:300px !important;} */
body.smallAL .layerCon .popContents .con_msg .txt_label {width:90px; text-align:left;}
body.smallAL .layerCon .popContents #ul_recordProjectCondition {padding:0; margin:0;}


#div_mergeRecordFileInfo .voice_btn_wrap {display:inline-block; vertical-align:middle; margin-top:5px;}
#div_mergeRecordFileInfo .voice_btn_wrap > button {vertical-align:middle;}

.icon_voice {border:0; padding:0; background:none; width:30px; height:30px; font-size:0; margin-right:2px;} 
.icon_voice.btn_rmRecord {background:#ff4b4b; border-radius:5px;}
.icon_voice:before {font-family:'Font Awesome 5 Free'; font-size:17px; display:inline-block; font-weight:900;}
.icon_voice.cancleAudioFileNm:before {content:"\f0e2";}
.icon_voice.saveAudioFileNm:before {content:"\f0c7";}
.icon_voice.btn_rmRecord:before {content:"\f2ed"; color:#fff; font-weight:300;}
.icon_voice.icon_edit:before {font-size:16px;}

#ul_recordList .i_saveText:after {content:""; width:80%; height:1px; background:#ccc; position:absolute; bottom:-7px; left:50%; transform:translateX(-50%);} 

#div_mergeRecordFileArea .merge_wrap {display:flex;}
#div_mergeRecordFileArea .merge_wrap .btn_saveRecord.mergeFile {flex-basis:90px;}
#div_mergeRecordFileArea .merge_wrap #div_noMergeRecordFile {flex:1;}

#div_mergeRecordFileArea.mergeData .merge_wrap {display:inline-block;} 

/* 음성 녹음 프로젝트 생성 팝업 */
.modal-content.voice_record_pop {width:auto !important; max-width:600px; left:50% !important; top:50% !important; margin-left:0 !important; transform:translate(-50%,-50%); min-height:auto !important; min-width:300px; 
width:100%;}
.modal-content.voice_record_pop .layerCon .popContents {padding:0 30px 55px;}


@media all and (max-width:1640px) {
    body.smallAL section.board_area.section_voice .board_con {width:100%;} 
    section.board_area.section_voice section.my_p_list_area .my_p_list_con {max-width:1400px;}
    section.board_area.section_voice ul.my_p_list li ul.project_process li:after {width:100px;}
    
    section.board_area.section_voice ul#ul_voiceRecordProjectList > li {width:22.7%; margin:0 3% 50px 0;}
    
}

@media all and (max-width:1280px) {
    body.smallAL {overflow:scroll; overflow-x:hidden;}
    /* body.smallAL .container.body .right_col {height:auto !important; overflow:visible;} */
    section.board_area.section_voice ul#ul_voiceRecordProjectList > li {width:48.5%; margin-bottom:25px;}
    section.board_area.section_voice ul#ul_voiceRecordProjectList > li:nth-child(2n) {margin-right:0;}
    section.board_area.section_voice ul#ul_voiceRecordProjectList ul.card_info1 li {font-size:15px;}

    
    /* body.smallAL .top_nav {display:none;} */
    body.smallAL .voice_area {height:100% !important; display:block;}
    body.smallAL .voice_area > div {width:100% !important;}
    section.board_area.section_voice #ul_recordList .i_saveText {display:block; min-width:30px;}
    
}


@media all and (max-width:768px) {
    .btn.btn-40 {font-size:15px;}
    section.board_area.section_voice {padding:30px 15px 120px;}
    section.board_area.section_voice ul#ul_voiceRecordProjectList > li {width:100%; margin-right:0; padding:22px; padding-bottom:14px;}
    body.smallAL .search_box .search_con .search_item {margin-left:5px;}
    body.smallAL .search_box .search_con .search_item:nth-of-type(1) {margin-left:0;}
    body.smallAL .search_box .search_type {display:none;}
    body.smallAL .search_box .search_con .search_item .form-control-border {padding:0 5px; width:175px;}
    .search_box .search_con .list_submit {margin-left:5px;}
    
    section.board_area.section_voice ul#ul_voiceRecordProjectList li ul.card_info2 {bottom:14px; margin-top:0; padding-top:20px;}
    section.board_area.section_voice ul#ul_voiceRecordProjectList li ul.card_info1 {padding-bottom:55px;}
    
    body.smallAL .page_select ol {display:none;}
    body.smallAL .m_page_select {display:block;} 
    
    body.smallAL #div_controlRecord .btn_control {text-align:center;}
    #span_timer {width:100%; text-align:center; margin-top:15px;}

    #ul_recordOptionInfo > li {margin-bottom:20px;} 
    #ul_recordOptionInfo > li > label {display:block;}
    #ul_recordList .waveErrorText {font-size:18px;}
    #div_mergeRecordFileArea .btn_saveRecord.mergeFile {font-size:14px; padding:5px;}

     
}

@media all and (max-width:350px) {
    body.smallAL .search_box .search_con .search_item .form-control-border {letter-spacing:-0.6px; padding:0 2px; width:150px; font-size:14px;}
    
    #div_mergeRecordFileArea .merge_wrap .btn_saveRecord.mergeFile {margin-right:5px; flex-basis:75px;}
    
}






/*============================================================================================================================
                                            2024 SmartALQC 리뉴얼 CSS
=============================================================================================================================*/
/*======================================
            공통사항
========================================*/
.h1, .h2, .h3, .h4, h1, h2, h3, h4 {letter-spacing: -1px;}
/* 아이콘 버튼 */
.n_btn_icon {width:35px; height:35px; border:1px solid #d4d4d4; border-radius:18px; line-height:33px; font-size:18px; transition:0.2s; color:#000; text-align:center; background:#fff; padding:0; margin:0 5px 0 0; display:inline-block; vertical-align:middle;}
.n_btn_icon:hover {border-color:#0078ff; background:#0078ff; color:#fff;}
.n_btn_icon:last-child,
.n_btn_icon:last-child:hover {margin-right:0;}
.n_btn_icon > i {position:relative; top:-1px;}
.n_btn_icon + .tooltip > .tooltip-inner {padding:5px 8px 3px;}

.n_btn_icon.icon_sm {width:25px; height:25px; font-size:14px; line-height:24px;}
.n_btn_icon.icon_save {margin-right:0; border-color:#ea3323; background:#ea3323; color:#fff;}

/* select2 */
.select2-container--default .select2-results__option[aria-selected=true] {background-color:#e4e4e4;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color:#0078ff; color:#fff;}

/* 사각버튼 */
.btn_square {padding:2px 15px 4px; background:#585858; font-size:16px; border-radius:5px; text-align:center; font-weight:400; transition:0.2s; line-height:24px; color:#fff; margin:0; border:none; outline:none;}
.btn_square + .btn_square {margin-left:5px;}
.btn_square:hover {background:#0078ff;}

.btn_square.btn-blue {background:#0078ff;}
.btn_square.btn-blue:hover {background:#0263d0;}

/* 폼양식 레이아웃 */
.required {color:#ff3300; display:inline-block; margin:0; vertical-align:top; margin-left:2px;}
.required:after {content:"*"; display:inline-block;}

.form_area [class*="col-"]:after {content:""; display:block; width:100%; height:0; float:none; clear:both;}
.form_area label.form_label {width:100px; float:left; line-height:20px; font-size:16px; margin-top:5px; text-align:right; padding-right:20px;}
.form_area .form_control,
.form_area .form-control,
.form_area .form-control-border,
.form_area span.text_info {width:calc(100% - 100px);}
.form_area .select2.select2-container {width:calc(100% - 100px) !important;}

.form_area p.form_control {border:none; background:none; margin:0; float:right; line-height:1.4; word-break:keep-all; margin-top:6px;}

.form_area span.text_info {display:inline-block; width:calc(100% - 100px); margin-left:100px; margin-top:5px; float:right;}

.form_area.label_100 label.form_label {width:100px;}
.form_area.label_100 .form_control,
.form_area.label_100 .form-control,
.form_area.label_100 .form-control-border,
.form_area.label_100 .select2.select2-container,
.form_area.label_100 span.text_info {width:calc(100% - 100px);}

.form_area.label_110 label.form_label {width:110px;}
.form_area.label_110 .form_control,
.form_area.label_110 .form-control,
.form_area.label_110 .form-control-border,
.form_area.label_110 .select2.select2-container,
.form_area.label_110 span.text_info {width:calc(100% - 110px);}

.form_area.label_120 label.form_label {width:120px;}
.form_area.label_120 .form_control,
.form_area.label_120 .form-control,
.form_area.label_120 .form-control-border,
.form_area.label_120 .select2.select2-container,
.form_area.label_120 span.text_info {width:calc(100% - 120px);}

.form_area.label_130 label.form_label {width:130px;}
.form_area.label_130 .form_control,
.form_area.label_130 .form-control,
.form_area.label_130 .form-control-border,
.form_area.label_130 .select2.select2-container,
.form_area.label_130 span.text_info {width:calc(100% - 130px);}

.form_area.label_140 label.form_label {width:140px;}
.form_area.label_140 .form_control,
.form_area.label_140 .form-control,
.form_area.label_140 .form-control-border,
.form_area.label_140 .select2.select2-container,
.form_area.label_140 span.text_info {width:calc(100% - 140px);}

.form_area.label_150 label.form_label {width:150px;}
.form_area.label_150 .form_control,
.form_area.label_150 .form-control,
.form_area.label_150 .form-control-border,
.form_area.label_150 .select2.select2-container,
.form_area.label_150 span.text_info {width:calc(100% - 150px);}

.form_area.label_100 .select2.select2-container {width:calc(100% - 100px) !important;}
.form_area.label_110 .select2.select2-container {width:calc(100% - 110px) !important;}
.form_area.label_120 .select2.select2-container {width:calc(100% - 120px) !important;}
.form_area.label_130 .select2.select2-container {width:calc(100% - 130px) !important;}
.form_area.label_140 .select2.select2-container {width:calc(100% - 140px) !important;}
.form_area.label_150 .select2.select2-container {width:calc(100% - 150px) !important;}

select.form-control-border option[value=""] {color:#333;}
select.form-control-border:required:invalid {color:#c3c3c3;}
select.form-control-border option[value=""][disabled] {display:none;}

input[type="text"]::placeholder {color:#c3c3c3; font-weight:500;}
input[type="search"]::placeholder {color:#999; font-weight:500;}

.form_area .form_item:after {content:""; display:block; width:100%; height:0; float:none; clear:both;}
.form_area .form_item + .form_item {margin-top:30px;}
#div_layer_popup .form_area .form_item + .form_item {margin-top:15px;}

.form_area.row {margin:0 -15px;} 
.form_area.row > [class*="col"] {padding:0 15px;}

.form_area .m_check {height:30px;}
.form_area .m_check > input[type=checkbox] + label {height:30px; line-height:30px;}

.form_area.row .m_check {height:30px;}
.form_area.row .m_check > input[type=checkbox] + label {height:30px; line-height:30px;}

.form_area .icheckbox_flat-blue {margin-top:5px;}

.form_area .txt_limit {text-align:right; color:#999; font-size:12px; margin-top:2px;}
.form_area .required_info {text-align:right; font-size:12px; color:#777; margin-bottom:10px;}


/* table */
.qc_table {width:100%; font-size:14px; color:#000; line-height:20px;}
.qc_table thead {}
.qc_table thead tr th {padding:8px 10px; font-weight:500; text-align:center; border-top:2px solid #395a9f; border-bottom:1px solid #9db8ea; background:#e8f0ff;}

.qc_table tbody tr th {padding:8px 10px; font-weight:500; text-align:center; background:#e8f0ff;}
.qc_table tbody tr td {padding:8px 10px; text-align:center; border-bottom:1px solid #dfe4e5;}
.qc_table tbody tr td.num {text-align:right;}

.qc_table tbody tr.completion td {background:#f4f4f4; color:#b2b2b2;}

.qc_table .progress {height:4px; margin-bottom:0; margin-top:4px; width:90px; display:inline-block; vertical-align:middle;}
.qc_table .progress .progress-bar {line-height:4px;}
.qc_table .status_btn + .progress {margin-left:10px;}
.qc_table span.per {display:inline-block; margin-left:10px; width:35px;}
.qc_table span.status {display:inline-block; margin-right:10px; font-size:15px; font-weight:bold; line-height:25px; width:100px;}

.qc_table.table-hover>tbody>tr:hover {background:#f4f8ff; color:#007aff; cursor:pointer;}

/* m_panel */
.m_panel {position:relative; width:100%; margin-bottom:0; padding:18px 20px; display:block; background:#fff; border:1px solid #dadada; border-radius:10px; transition:0.3s; 
    box-shadow:0 10px 15px rgba(0,0,0,0.05);}
.m_panel:hover {box-shadow:0 8px 15px rgba(0, 0, 0, 0.12);}

.m_panel + .m_panel {margin-top:25px;}

/* tooltip 공통 */
.tooltip.top .tooltip-arrow {border-top-color:rgba(0,0,0,0.7);}
.tooltip.right .tooltip-arrow {border-right-color:rgba(0,0,0,0.7);}
.tooltip.bottom .tooltip-arrow {border-bottom-color:rgba(0,0,0,0.7);}
.tooltip.left .tooltip-arrow {border-left-color:rgba(0,0,0,0.7);}
.tooltip .tooltip-inner {white-space:pre-wrap; color:#fff; background:rgba(0,0,0,0.7); padding:15px 15px; transition:0.2s; border-radius:10px; font-size:12px; word-break:keep-all; line-height:18px; max-width: 400px;}


/*======================================
            Intro Page
========================================*/
.n_intro_area {position:relative; width:1400px; margin:0 auto; margin-top:120px}
.n_intro_area div.intro_tit {margin-bottom:100px; text-align:center;}
.n_intro_area div.intro_tit h2 {margin:0 0 60px; font-size:32px; font-weight:700; color:#000; line-height:60px; letter-spacing:-2.5px;}
.n_intro_area div.intro_tit h2 strong {font-size:40px; color:#091697; display:inline-block; margin:0 10px;}
.n_intro_area div.intro_tit h2 img {display:inline-block; vertical-align:bottom;}
.n_intro_area div.intro_tit p {font-size:20px; font-weight:400; color:#000; line-height:30px; letter-spacing:-1px;}

.n_intro_area ul.intro_link {display:flex; justify-content:space-between; padding:0; margin:0;}
.n_intro_area ul.intro_link li {padding:0; margin:0; list-style:none; position:relative;}
.n_intro_area ul.intro_link li a {margin-top:105px; display:block; transition:0.3s; padding:35px 50px; border-radius:20px; position:relative;}
.n_intro_area ul.intro_link li a:hover {box-shadow:0 30px 40px rgba(0,0,0,0.1);}
.n_intro_area ul.intro_link li a:before {content:""; display:block; position:absolute; transition:0.3s; background-repeat:no-repeat; background-position:center center; top:-80px; right:40px; z-index:0;}
.n_intro_area ul.intro_link li a strong {font-size:36px; font-weight:700; color:#000; display:block; margin-bottom:5px; letter-spacing:-2px; transition:0.2s;}
.n_intro_area ul.intro_link li a span {display:block; font-size:20px; letter-spacing:-1px; margin-bottom:25px;}
.n_intro_area ul.intro_link li a small {display:block; font-size:16px; color:#767676; font-weight:300; line-height:24px;}
 
.n_intro_area ul.intro_link li:nth-child(1) {width:calc((100% - 280px) / 2);}
.n_intro_area ul.intro_link li:nth-child(1) a:hover strong {color:#2636cf;}
.n_intro_area ul.intro_link li:nth-child(1) a:before {width:236px; height:200px; background-image:url(../images/home/intro_btnImg1.png);}
.n_intro_area ul.intro_link li:nth-child(1) a:hover:before {background-image:url(../images/home/intro_btnImg1_hover.png);}
 
.n_intro_area ul.intro_link li:nth-child(2) {width:280px; color:#f99410; font-size:18px; text-align:center;}
.n_intro_area ul.intro_link li:nth-child(2):before {content:""; display:block; position:absolute; width:1px; height:300px; background-color:#ccc; transform:translate(-50%,0) rotate(45deg); bottom:-40px; left:50%;}

.n_intro_area ul.intro_link li:nth-child(3) {width:calc((100% - 280px) / 2);}
.n_intro_area ul.intro_link li:nth-child(3) a:hover strong {color:#1b9edb}
.n_intro_area ul.intro_link li:nth-child(3) a:before {width:253px; height:214px; background-image:url(../images/home/intro_btnImg2.png);}
.n_intro_area ul.intro_link li:nth-child(3) a:hover:before {background-image:url(../images/home/intro_btnImg2_hover.png);}



/* 신규 인트로 */
.n_intro {position:relative; width:1400px; margin:0 auto; margin-top:110px}
.n_intro div.intro_tit {margin-bottom:0; text-align:left; padding:0 30px;}
.n_intro div.intro_tit h2 {margin:0 0 30px; font-size:30px; font-weight:700; color:#000; line-height:1; letter-spacing:-2.5px; position:relative;}
.n_intro div.intro_tit h2 strong {font-size:50px; color:#091697; display:inline-block; margin:10px 0 0; display:block; letter-spacing:-5px;}
.n_intro div.intro_tit h2:after {content:""; display:inline-block; width:371px; height:151px; vertical-align:baseline; background:url(../images/home/intro_Img.png) no-repeat center center;
    position:absolute; left:660px; top:0;}
.n_intro div.intro_tit p {font-size:20px; font-weight:400; color:#000; line-height:30px; letter-spacing:-1px;}
.n_intro div.intro_tit p strong {color:#091697; font-weight:900; font-size:24px;}
.n_intro div.intro_tit p + p {margin-top:20px;}
.n_intro div.intro_tit span {display:inline-block; font-size:18px; font-weight:400; color:#f99410; margin-top:40px;}
.n_intro div.intro_tit span:after {content:""; display:inline-block; width:72px; height:15px; vertical-align:baseline; background:url(../images/home/intro_arrow.png) no-repeat center center; margin-left:15px;}

.n_intro ul.intro_link {padding:0; margin:0; text-align:center;}
.n_intro ul.intro_link li {padding:0; margin:0; list-style:none; position:relative; display:inline-block; width:570px; text-align:left;}
.n_intro ul.intro_link li a {margin-top:105px; display:block; transition:0.3s; padding:35px 50px; border-radius:20px; position:relative;}
.n_intro ul.intro_link li a:hover {box-shadow:0 20px 40px rgba(0,0,0,0.2);}
.n_intro ul.intro_link li a:before {content:""; display:block; position:absolute; transition:0.3s; background-repeat:no-repeat; background-position:center center; top:-80px; right:40px; z-index:0;}
.n_intro ul.intro_link li a strong {font-size:36px; font-weight:700; color:#000; display:block; margin-bottom:5px; letter-spacing:-2px; transition:0.3s;}
.n_intro ul.intro_link li a span {display:inline-block; font-size:20px; letter-spacing:-1px; margin-bottom:25px; height:35px; line-height:33px; background:#3c4ce3; color:#fff; border-radius:18px; padding:0 25px; transition:0.3s;}
.n_intro ul.intro_link li a small {display:block; font-size:16px; color:#767676; font-weight:300; line-height:24px; transition:0.3s;}

.n_intro ul.intro_link li:nth-child(1) a:hover {background-color:#323da4;} 
.n_intro ul.intro_link li:nth-child(1) a:hover strong {color:#fff;}
.n_intro ul.intro_link li:nth-child(1) a:before {width:212px; height:200px; background-image:url(../images/home/intro_Img1.png);}
.n_intro ul.intro_link li:nth-child(1) a:hover:before {background-image:url(../images/home/intro_Img1_hover.png);}
.n_intro ul.intro_link li:nth-child(1) a span {background-color:#3c4ce3;}
.n_intro ul.intro_link li:nth-child(1) a:hover span {background:#fff; color:#2e5ce0;}
.n_intro ul.intro_link li:nth-child(1) a:hover small {color:#fff;}


.n_intro ul.intro_link li:nth-child(2) {margin-left:55px;}
.n_intro ul.intro_link li:nth-child(2) a:hover {background-color:#009bd3;}
.n_intro ul.intro_link li:nth-child(2) a:hover strong {color:#fff}
.n_intro ul.intro_link li:nth-child(2) a:before {width:243px; height:214px; background-image:url(../images/home/intro_Img2.png);}
.n_intro ul.intro_link li:nth-child(2) a:hover:before {background-image:url(../images/home/intro_Img2_hover.png);}
.n_intro ul.intro_link li:nth-child(2) a span {background-color:#00b5f1;}
.n_intro ul.intro_link li:nth-child(2) a:hover span {background:#fff; color:#009bd3;}
.n_intro ul.intro_link li:nth-child(2) a:hover small {color:#fff;}








/*======================================
            공통 레이아웃
========================================*/
.n_qc_area {position:relative; z-index:1;}

/* ******************** 상단 타이틀 영역 : 테넌트 선택 및 각종 기능버튼 영역  ******************** */
.n_qc_area .n_qc_top {background:#fff; position:relative; z-index:2;}
.n_qc_area .n_qc_top .m_inner {padding:75px 0 10px;}
.n_qc_area .n_qc_top.unity_top .m_inner {padding:75px 0 !important;}
.n_qc_area .n_qc_top h2.qc_title {color:#000; font-size:32px; font-weight:700; line-height:32px; letter-spacing:-1px; text-align:center; margin:0;}
/* 테넌트 선택 */
/* .n_qc_top .select_area {position:absolute; left:0; bottom:10px; display:inline-block;} */
.n_qc_top .select_area {position:unset; left:0; bottom:10px; display:inline-block;}
.n_qc_top .select_area label {color:#898989; display:block; font-weight:400; margin-bottom:3px; font-size:16px;}
.n_qc_top .m_select {display:inline-block; vertical-align:top; padding:0; font-size:28px; font-weight:500;}
.n_qc_top .m_select .select2-container {padding-left:0;}
.n_qc_top .m_select .select2-container--default .select2-selection--single .select2-selection__rendered {padding:4px 30px 6px 0;}


/* 기능버튼 */
.n_qc_top .top_function {position:absolute; right:0; bottom:-30px; height:60px; padding:12px 30px 13px 30px; border-radius:30px; background:#fff; transition:0.6s;}

/* 검색 */
.n_qc_top .search_item {position:relative; display:inline-block; height:35px; padding:0; vertical-align:top; margin-right:5px;}
.n_qc_top .search_item input.search-box {transition:0.6s; width:0; height:35px; border-radius:0; border:none; border-bottom:1px solid transparent; background:#fff; font-size:15px; color:#000; margin:0; 
    padding:0; line-height:33px; vertical-align:top;}
/* .n_qc_top .search_item input.search-box:-webkit-autofill,
.n_qc_top .search_item input.search-box:-webkit-autofill:hover, 
.n_qc_top .search_item input.search-box:-webkit-autofill:focus,
.n_qc_top .search_item input.search-box:-webkit-autofill:active {
  -webkit-text-fill-color: #000; 
  -webkit-box-shadow: 0 0 0px 1000px #fff inset; 
  transition: background-color 5000s ease-in-out 0.6s; 
} */
/* .n_qc_top .search_item input.search-box:focus, 
.n_qc_top .search_item input.search-box:not(:focus) {text-indent:-5000px;} */

.n_qc_top .search_item label {color:#000; font-size:18px; width:35px; height:35px; border-radius:18px; border:1px solid #d4d4d4; margin:0; text-align:center; line-height:33px; background:#fff; transition:0.2s; cursor: pointer;}
.n_qc_top .search_item label i {position:relative; top:-2px;}
.n_qc_top .search_item label:hover {border-color:#0078ff; background:#0078ff; color:#fff;}

.n_qc_top .search_item.focus input.search-box {border-color:#0078ff; width:350px; margin-right:10px;}
/*.n_qc_top .search_item.focus label {border-color:#0078ff; background:#0078ff; color:#fff;}*/

.n_qc_top #search-submit {position:absolute; left:-5000px;}
.n_qc_top .search-icon {position:relative; left:17px; cursor:pointer;}
.n_qc_top #btn_refresh {margin-right:0;}

.n_qc_top .top_function .n_btn_icon {vertical-align:top;}
/* .n_qc_top .top_function .m_btn {vertical-align:top; margin:0 0 0 40px;} */
/* 신규 데이터 등록 드롭다운 기능 */
.n_qc_top .top_function .new_data_dropdown {display:inline-block; vertical-align:top; margin:0 0 0 40px;}
.n_qc_top .top_function .new_data_dropdown > button#btn_newData {margin:0; position:relative; z-index:2; width:180px; transition:0.5s;}
.n_qc_top .top_function .new_data_dropdown.active > button#btn_newData {border-color:#0078ff; background:#0078ff;}

    .new_data_dropdown .select_data_uplode {width:180px; height:0; background:#0078ff; border-radius:0 0 18px 18px; position:relative; top:-17px; padding:0 10px 0; overflow:hidden; transition:0.5s;}
    .n_qc_top .top_function .new_data_dropdown.active .select_data_uplode {height:630px; padding:27px 10px 25px;}
    .n_qc_top .top_function .new_data_dropdown.active .select_data_uplode.interage {height:507px; padding:27px 10px 25px;}
    .new_data_dropdown .select_data_uplode p {text-align:center; color:#baf6ff; font-size:14px; font-weight:500; margin-bottom:15px;}
    
    .new_data_dropdown .radio_data_type label {width:160px; height:120px; background:#fff; border-radius:10px; margin:0 0 1px; position:relative; padding:30px 10px 10px 35px; cursor:pointer; transition:0.3s; z-index:1;}
    .new_data_dropdown .radio_data_type label.active {z-index:2; box-shadow:0 10px 20px rgba(0,76,191,0.3);}
    .new_data_dropdown .radio_data_type label:hover {z-index:3; box-shadow:0 10px 20px rgba(0,76,191,0.3);}
    .new_data_dropdown .radio_data_type label#radio_object {background:#fff url(../images/alqc/select_data_type1.png) no-repeat 105px 60px;}
    .new_data_dropdown .radio_data_type label#radio_storage {background:#fff url(../images/alqc/select_data_type2.png) no-repeat 105px 60px;}
    .new_data_dropdown .radio_data_type label#radio_local {background:#fff url(../images/alqc/select_data_type3.png) no-repeat 105px 60px;}
    .new_data_dropdown .radio_data_type label#radio_api {background:#fff url(../images/alqc/select_data_type4.png) no-repeat 98px 60px;}
    .new_data_dropdown .radio_data_type label#radio_api.active {z-index:2; box-shadow:0 10px 20px rgba(0,0,0,0.2);}
    .new_data_dropdown .radio_data_type label#radio_api:hover {z-index:3; box-shadow:0 10px 20px rgba(0,0,0,0.2);}
    .new_data_dropdown .radio_data_type input[type=radio] {width:auto; opacity:0.00000001; position:absolute; left:0}
    .new_data_dropdown .radio_data_type input:focus+.helper:before {outline:0;}
    
    .new_data_dropdown .radio_data_type .helper {position:absolute; top:-0.15rem; left:-0.25rem; cursor:pointer; display:block; font-size:1rem; color:#999}
    .new_data_dropdown .radio_data_type .helper::after {transform:scale(0); background-color:#01a9ac; border-color:#0078ff}
    .new_data_dropdown .radio_data_type .helper::after, 
    .new_data_dropdown .radio_data_type .helper::before {content:''; position:absolute; left:14px; top:13px; margin:2px 0 0; width:20px; height:20px; transition:transform 0.28s ease; 
        border-radius:50%; border:1px solid #d9d9d9;}
    .new_data_dropdown .radio_data_type input:checked~.helper::after {transform:scale(0.5); background:#0078ff;}
    .new_data_dropdown .radio_data_type input:checked~.helper::before {border-color:#0078ff;}
    
    .new_data_dropdown .radio_data_type input:disabled~.helper::after {background-color:#dfdfdf !important; border-color:#dfdfdf !important;}
    .new_data_dropdown .radio_data_type input:disabled~.helper::before {background-color:#dfdfdf !important;}
    
    .new_data_dropdown .select_data_uplode #btn_newData_check {width:140px; margin:30px auto 0; display:block; background:#fff; border-color:#fff; color:#000;}
    .new_data_dropdown .select_data_uplode #btn_newData_check:hover,
    .new_data_dropdown .select_data_uplode #btn_newData_check:focus,
    .new_data_dropdown .select_data_uplode #btn_newData_check:active {background:#000; border-color:#000; color:#fff;}



.n_qc_top .tooltip > .tooltip-inner {padding:5px 8px 3px;}


/* ******************** 작업 본문 영역 ******************** */
.n_qc_area.alqc_data {background-color:#fff;}
.n_qc_area .n_qc_con {max-width:1600px; min-width:1400px !important; margin:0 auto; position:relative; padding:60px 0; z-index:1;}
.n_qc_con span.total_num {display:inline-block; position:absolute; left:0; top:30px; font-size:16px;}
.n_qc_con .search_item label { cursor: pointer; }
.search_item .tooltip > .tooltip-inner { padding: 5px 8px 3px; }

.white_area {padding:20px; background:#fff; border-radius:10px;}
.white_area.type_radius {padding:20px 20px 15px; border-radius:0 10px 10px 10px;}

/*======================================
            가로 리스트형
========================================*/
/* ************* 가로형 리스트 ************* */
ul.n_ul_lst {padding:0; margin:0;}
ul.n_ul_lst li {list-style:none;}
ul.n_ul_lst > li {background:#fff; border-radius:10px; margin:0 0 10px; padding:17px 30px; transition:0.4s; border:1px solid transparent; position:relative;}
ul.n_ul_lst > li:hover,
ul.n_ul_lst > li.active {border-color:#0078ff; box-shadow:0 15px 20px rgba(0,0,0,0.2); z-index:2;}
ul.n_ul_lst > li > .progress {position:absolute; left:0; bottom:0; width:100%; margin:0; height:5px; background-color:transparent; box-shadow:inherit; z-index:2; border-radius:0 0 10px 10px;}
ul.n_ul_lst > li > .progress > .progress-bar {height:5px; position:absolute; bottom:0; left:0; background: linear-gradient(to bottom, rgba(77,198,208,1) 0%,rgba(24,144,155,1) 100%);}

ul.n_ul_lst ul.tbody_tr {display:table; padding:0; margin:0; width:100%; table-layout:fixed;}
ul.n_ul_lst ul.tbody_tr > li {line-height:26px; font-size:16px; color:#000; padding:0 15px; display:table-cell; vertical-align:middle; text-align:left; position:relative;}
/* 데이터 타입 */
ul.n_ul_lst ul.tbody_tr > li span.data_type {font-size:16px; color:#fff; display:block; text-align:center; position:absolute; left:-41px; top:50%; margin-top:-15px; min-width:100px; height:30px; 
    line-height:28px; background:#999; padding:0 15px;}
ul.n_ul_lst ul.tbody_tr > li span.data_type:after {content:""; position:absolute; border-right:11px solid #000; border-bottom:11px solid transparent; display:block; top:30px; left:0;}
ul.n_ul_lst ul.tbody_tr > li span.data_type.merge {background:#ff9833;}
ul.n_ul_lst ul.tbody_tr > li span.data_type.filtering {background:#5ad14d;}
ul.n_ul_lst ul.tbody_tr > li span.data_type.local {background:#18c7b9;}
ul.n_ul_lst ul.tbody_tr > li span.data_type.qc_storage {background:#33a1ff;}
ul.n_ul_lst ul.tbody_tr > li span.data_type.object_storage {background:#3e59ff;}
/* 제목 */
ul.n_ul_lst ul.tbody_tr > li strong.data_title {font-size:24px; font-weight:700; line-height:26px; display:block; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px;}
ul.n_ul_lst ul.tbody_tr > li span.data_catetory {font-size:18px; line-height:26px; display:block; margin:8px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#727272;}
/* 상태값 */
ul.n_ul_lst ul.tbody_tr > li span.status {display:inline-block; min-width:50px; height:25px; padding:0 10px; line-height:25px; background:#999; color:#fff; font-size:14px; text-align:center; border-radius:5px; vertical-align:middle;}
ul.n_ul_lst ul.tbody_tr > li span.status.standby {background:#9a9a9a;}/* 대기 */
ul.n_ul_lst ul.tbody_tr > li span.status.complet {background:#0034c8;}/* 완료 */
ul.n_ul_lst ul.tbody_tr > li span.status.ongoing {background:#21b8c5;}/* 진행중 */
ul.n_ul_lst ul.tbody_tr > li span.status.error {background:#f31616;}/* 오류 */
/* 아이콘버튼 */
ul.n_ul_lst ul.tbody_tr > li .n_btn_icon {margin-right:13px;}
ul.n_ul_lst ul.tbody_tr > li .n_btn_icon.start_quality {margin-right:0; color:#0078ff;}
ul.n_ul_lst ul.tbody_tr > li .n_btn_icon.start_quality:hover {color:#fff;}

.n_qc_top .top_function .n_btn_icon.icon_absorption {margin-left:5px;}
.n_qc_top .top_function .n_btn_icon.icon_absorption:hover {color:#fff;}

/* ************* Datazone 리스트 ************* */
/* 데이터 타입 */
ul.n_ul_lst.datazone_lst {padding-left:10px;}

/* 테이블 넓이 */
ul.n_ul_lst.datazone_lst ul.tbody_tr > li:nth-child(1) {width:110px;}
ul.n_ul_lst.datazone_lst ul.tbody_tr > li:nth-child(2) {width:auto;}
ul.n_ul_lst.datazone_lst ul.tbody_tr > li:nth-child(3) {width:80px;}
ul.n_ul_lst.datazone_lst ul.tbody_tr > li:nth-child(4) {width:180px; font-size:18px; text-align:right; padding:0 20px 0 15px;}
ul.n_ul_lst.datazone_lst ul.tbody_tr > li:nth-child(5) {width:115px; padding:0 10px 0 20px;}
ul.n_ul_lst.datazone_lst ul.tbody_tr > li:nth-child(6) {width:175px;}
ul.n_ul_lst.datazone_lst ul.tbody_tr > li:nth-child(7) {width:260px; text-align:right;}



/* ************* API Data 리스트 ************* */
.accessKeyClipboard {position:absolute; top:30px; left:90px; cursor:pointer;}
.accessKeyClipboard i {margin-right:6px; font-size:16px;}
.accessKeyClipboard .accessKey {color:#004eff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* API 리스트 전용 CSS */
ul.apidata_lst .accessKeyNum {font-size:18px;}
ul.apidata_lst .accessKeyNum i {display:inline-block; margin-right:10px; font-size:16px;}
/* 테이블 넓이 */
ul.n_ul_lst.apidata_lst ul.tbody_tr > li:nth-child(1) {width:auto;}
ul.n_ul_lst.apidata_lst ul.tbody_tr > li:nth-child(2) {width:150px;}
ul.n_ul_lst.apidata_lst ul.tbody_tr > li:nth-child(3) {width:180px;}
ul.n_ul_lst.apidata_lst ul.tbody_tr > li:nth-child(4) {width:230px;}
ul.n_ul_lst.apidata_lst ul.tbody_tr > li:nth-child(5) {width:240px; text-align:right;}


/* ************* 검사규칙 리스트 ************* */
/* 데이터 타입 */
ul.n_ul_lst.rule_lst li button.viewDetailRule:before {display:inline-block; content:"\efc2"; font-size:18px; color:#000; font-family:"Icofont"; height:35px; vertical-align:top; line-height:35px;}
ul.n_ul_lst.rule_lst li button.viewDetailRule:hover:before {color:#fff;}
ul.n_ul_lst.rule_lst > li.extended button.viewDetailRule:before {content:"\ef9a"; font-size:22px;}

/* 규칙 상세내용 */
ul.n_ul_lst.rule_lst > li.li_detail_data {overflow:hidden; height:0; padding:0; transition:0.5s; position:relative; margin:0; z-index:0 !important; border:none !important; box-shadow:none !important; 
    top:-15px; border-radius:0 0 10px 10px;}
ul.n_ul_lst.rule_lst > li.extended + li.li_detail_data {height:571px;} /* 확장 */
/* 직접 작성 */
ul.n_ul_lst.rule_lst > li.direct_create .dc_btn_area {width:calc(100% - 60px) !important; text-align:center;}
ul.n_ul_lst.rule_lst > li.direct_create .dc_btn_area i {vertical-align:middle;}
ul.n_ul_lst.rule_lst > li.direct_create .dc_btn_area i.icofont-plus {font-size:20px; position:relative; top:-10px;}
ul.n_ul_lst.rule_lst > li.direct_create .dc_btn_area i.icofont-ui-edit {font-size:28px;}
ul.n_ul_lst.rule_lst > li.direct_create .dc_btn_area strong {font-size:24px; letter-spacing:-1px; margin-left:70px; display:inline-block; vertical-align:middle; font-weight:500; position:relative; top:-3px;}
/* 최종 검사 결과 확인  - 규칙 보기  */
ul.n_ul_lst.rule_lst > li > .dataList_area {padding:30px 45px 45px;}
ul.n_ul_lst.rule_lst > li > .dataList_area .list_area .list_head {border-top:0; border-top:2px solid #000; background:#e8f0ff;}
ul.n_ul_lst.rule_lst > li > .dataList_area .list_area .list_head .list_col {background-color:transparent; width:calc(100% - 8px);}
ul.n_ul_lst.rule_lst > li > .dataList_area .list_area .list_head .list_col > li {}
ul.n_ul_lst.rule_lst > li > .dataList_area .list_area .list_body {height:450px; overflow-y:scroll; overflow-x:hidden;}
ul.n_ul_lst.rule_lst > li > .dataList_area .col1 {width:18%; padding-left:10px;}
ul.n_ul_lst.rule_lst > li > .dataList_area .col2 {width:15%;}
ul.n_ul_lst.rule_lst > li > .dataList_area .col3 {width:6%;}
ul.n_ul_lst.rule_lst > li > .dataList_area .col4 {width:8%; text-align:center;}
ul.n_ul_lst.rule_lst > li > .dataList_area .col5 {width:8%; text-align:center;}
ul.n_ul_lst.rule_lst > li > .dataList_area .col6 {width:8%; text-align:center;}
ul.n_ul_lst.rule_lst > li > .dataList_area .col7 {width:15%;}
ul.n_ul_lst.rule_lst > li > .dataList_area .col8 {width:12%;}
ul.n_ul_lst.rule_lst > li > .dataList_area .col9 {width:10%;}


/* 테이블 넓이 */
ul.n_ul_lst.rule_lst ul.tbody_tr > li:nth-child(1) {width:60px;}
ul.n_ul_lst.rule_lst ul.tbody_tr > li:nth-child(2) {width:140px;}
ul.n_ul_lst.rule_lst ul.tbody_tr > li:nth-child(3) {width:auto;}
ul.n_ul_lst.rule_lst ul.tbody_tr > li:nth-child(4) {width:160px;}
ul.n_ul_lst.rule_lst ul.tbody_tr > li:nth-child(5) {width:130px; text-align:right;}



.n_list_area {}
.n_list_area table {width:100%; font-size:15px;}
.n_list_area table tbody tr:hover td {background-color:#f4f8ff;}
.n_list_area table th {padding:10px 5px; color:#000; font-weight:500; border-top:2px solid #000; border-bottom:1px solid #dfe4e5; background-color:#fafbfc;}
.n_list_area table td {padding:10px 5px; position:relative; text-align:left; border-bottom:1px solid #dfe4e5; background-color:#fff;}

.n_list_area table.table_list2 {width:100%;}
.n_list_area table.table_list2 tbody tr:hover td {background-color:#f4f8ff;}
.n_list_area table.table_list2 th {padding:10px 5px; color:#000; font-weight:500; border-top:0; border-bottom:2px solid #000; background-color:#fff;}
.n_list_area table.table_list2 td {padding:10px 5px; text-align:left; border-bottom:1px solid #dfe4e5; background-color:#fff;}

.n_list_area .list_head {padding:0; font-weight:500; border-top:2px solid #000;}
.n_list_area .list_head .list_col {background-color:#fafbfc;}
.n_list_area .list_head .list_col > li {padding:10px 0;}

.n_list_area .list_body {font-size:15px; overflow-y: auto; max-height: 500px;}
.n_list_area .list_body .list_col:hover {background-color:#f4f8ff;}
.n_list_area .list_body .ui-draggable-handle:before {display:block; content:''; width:10px; position:absolute; top:0; bottom:0; left:10px; background:url("http://localhost:8080/publish/project/smartALQC_2024/css/../images/alqc/icon_dragable.png") no-repeat left 12px;}
.n_list_area .list_body .ui-draggable-handle:hover:before {background-image:url("http://localhost:8080/publish/project/smartALQC_2024/css/../images/alqc/icon_dragable_active.png");}
.n_list_area .list_body .no_list {line-height:40px; margin:0; border-bottom:1px solid #dfe4e5; text-align:center;}

.n_list_area .list_row {position:relative;}
.n_list_area .list_row.list_reduce {display:none;}
.n_list_area .list_row > .list_row > .list_col > .col_key {padding-left:40px;}
.n_list_area .list_row > .list_row > .list_row > .list_col > .col_key {padding-left:60px;}
.n_list_area .list_row > .list_row > .list_row > .list_row > .list_col > .col_key {padding-left:80px;}
.n_list_area .list_row > .list_row > .list_row > .list_row > .list_row > .list_col > .col_key {padding-left:100px;}

.n_list_area .list_col {display:flex; flex-direction:row; align-items:center; min-height:40px; padding:0; margin:0; list-style:none; position:relative; border-bottom:1px solid #dfe4e5;}
.n_list_area .list_col.list_impossible {background-color:#f5f5f5;}
.n_list_area .list_col > li {/* min-width:70px; */padding:0; margin:0;}

.n_list_area .toggle_sub {display:inline-block; vertical-align:middle; width:20px; height:20px; line-height:20px; padding:0; margin-left:-23px; position:relative; border:0; background-color:transparent; cursor:pointer;}
.n_list_area .toggle_sub:before {display:inline-block; content:'\ea67'; color:#0078ff; font-size:15px; font-family:'IcoFont'; transition:all ease 0.1s;}
.n_list_area .toggle_sub.reduce:before {transform:rotate(-90deg);}


/* **************** page lst **************** */
.page_lst {margin:30px 0 0 0; text-align:right;}
.page_lst ol {display:inline-block; height:32px; padding:0; margin:0; text-align:center;}
.page_lst ol:after {clear:none; float:none;}
.page_lst ol li {float:left; margin-right:10px; width:30px; height:28px; line-height:30px; list-style:none; font-size:18px; text-align:center; color:#bfbfbf;}
.page_lst ol li a {display:block; height:30px; line-height:28px; text-align:center; border:none; transition:all 0.2s; box-sizing:border-box; color:#000;}
.page_lst ol li a:hover {color:#0078ff;}
.page_lst ol li.btn_page a {border-radius:15px; border:1px solid #d4d4d4; font-size:14px; background:#fff;}
.page_lst ol li.btn_page.pcurrent a,
.page_lst ol li.btn_page a:hover {color:#fff; background:#0078ff; border-color:#0078ff;}

.page_lst .tooltip > .tooltip-inner {padding:5px 8px 3px;}



/*======================================
            검사 등 Wizard 형식
========================================*/
.n_qc_step_area {width:100%; height:100%; padding:0; position:fixed; top:0; left:0; z-index:9999;}
.n_qc_step_area:after {content:""; display:block; width:100%; height:calc(100vh - 60px); z-index:0; background:#edf0f3; position:absolute; left:0; top:60px;}

.n_qc_step_area .icon_tooltip {line-height:1; padding:0 2px; margin:2px; color:#000; font-size:18px; cursor:pointer;}
.n_qc_step_area .icon_tooltip + .tooltip > .tooltip-arrow {border-top-color:rgba(0,0,0,0.7);}
.n_qc_step_area .icon_tooltip + .tooltip > .tooltip-inner {max-width:230px; padding:8px; font-size:12px; word-break:keep-all; background-color:rgba(0,0,0,0.7);}
.n_qc_step_area .icon_tooltip + .tooltip.in {opacity:1;}

.n_qc_step_area .icon_tooltip.tac + .tooltip > .tooltip-inner {text-align:left;}

.n_qc_step_area .point_color {color:#0078ff;}

/* wizard 버튼 */
.n_qc_step_area .wizard_ctrl {position:fixed; right:55px; bottom:20px; z-index:2;}
.n_qc_step_area .wizard_ctrl > a {display:inline-block; vertical-align:middle; min-width:60px; height:60px; padding:0; margin:0 5px; position:relative; color:#fff; font-size:0; font-weight:300; border:1px solid #e2e3e7; border-radius:30px; background:#fff; box-shadow:0 20px 30px rgba(0,0,0,0.2); transition:all ease 0.2s; text-align:center; line-height:57px;}
.n_qc_step_area .wizard_ctrl > a:before {display:block; content:""; width:24px; height:1px; position:absolute; bottom:26px; background-color:#003880;}
.n_qc_step_area .wizard_ctrl > a:after {display:block; content:""; width:1px; height:10px; margin-top:-9px; position:absolute; bottom:26px; background-color:#003880;}
.n_qc_step_area .wizard_ctrl > a.btn_wizard_prev:before {left:16px;}
.n_qc_step_area .wizard_ctrl > a.btn_wizard_next:before {right:16px;}
.n_qc_step_area .wizard_ctrl > a.btn_wizard_prev:after {left:20px; transform:rotate(45deg);}
.n_qc_step_area .wizard_ctrl > a.btn_wizard_next:after {right:20px; transform:rotate(-45deg);}
.n_qc_step_area .wizard_ctrl > a:hover,
.n_qc_step_area .wizard_ctrl > a.btn_wizard_next {font-size:20px; background-color:#003880; color:#fff;}
.n_qc_step_area .wizard_ctrl > a:hover:before,
.n_qc_step_area .wizard_ctrl > a:hover:after,
.n_qc_step_area .wizard_ctrl > a.btn_wizard_next:before,
.n_qc_step_area .wizard_ctrl > a.btn_wizard_next:after {background-color:#fff;}

.n_qc_step_area .wizard_ctrl > a.btn_wizard_prev:hover {padding:0 20px 0 60px;}
.n_qc_step_area .wizard_ctrl > a.btn_wizard_next,
.n_qc_step_area .wizard_ctrl > a.btn_wizard_next:hover {padding:0 60px 0 20px;}

.n_step_wizard_area {padding:0; position:relative; height:60px; background:#a6a6a6;}
.n_step_wizard_area .btn_step_back {width:80px; height:60px; position:absolute; top:0; left:0; font-size:0; border:0; background:#8a8a8a url(../images/al/btn_list_prew_hover.png) no-repeat center center; transition:0.3s;
    z-index:2;}
.n_step_wizard_area .btn_step_back:hover {background-color:#0078ff;}

.n_step_wizard_area .m_inner {height:60px;}
.n_step_wizard_area .wizard_list {padding:0; margin:0; list-style:none; position:absolute; top:43px; left:0;}
.n_step_wizard_area .wizard_list:after {display:block; content:""; clear:both;}
.n_step_wizard_area .wizard_list > li {float:left; padding:0 15px; margin:0 30px 0 0; position:relative; background:#fff; min-width:230px; height:35px; line-height:33px; border-radius:18px 0 0 18px; z-index:2; 
    box-shadow:0 4px 0 rgba(0,0,0,0.15); display:inline-block; letter-spacing:-1px;}
.n_step_wizard_area .wizard_list > li:after {display:block; content:""; width:0; height:0; border-top:17px solid transparent; border-bottom:18px solid transparent; border-left:20px solid #fff; border-right:20px solid transparent; 
    position:absolute; right:-40px; top:0; z-index:1;}
.n_step_wizard_area .wizard_list > li:before {display:block; content:""; width:0; height:0; border-top:17px solid transparent; border-bottom:18px solid transparent; border-left:20px solid #d9d9d9; border-right:20px solid transparent; 
    position:absolute; right:-40px; top:4px; z-index:0;}
.n_step_wizard_area .wizard_list > li > a {display:block; line-height:35px; height:35px; color:#000; font-size:18px; pointer-events:none;}
.n_step_wizard_area .wizard_list > li em {display:inline-block; vertical-align:middle; width:25px; height:25px; line-height:25px; margin-right:10px; position:relative; color:#fff; font-size:18px; font-style:normal; 
    text-align:center; border-radius:13px; background-color:#0078ff; top:-3px;}
    
.n_step_wizard_area .wizard_list > li.active {background:#0078ff;}
.n_step_wizard_area .wizard_list > li.active a {color:#fff;}
.n_step_wizard_area .wizard_list > li.active em {color:#0078ff; background-color:#fff;}
.n_step_wizard_area .wizard_list > li.active:after {border-left-color:#0078ff;}

.n_step_wizard_area .wizard_list > li.completed {background:#0078ff;}
.n_step_wizard_area .wizard_list > li.completed a {color:#fff; pointer-events:auto;}
.n_step_wizard_area .wizard_list > li.completed em {color:#0078ff; background-color:#fff; font-size:0;}
.n_step_wizard_area .wizard_list > li.completed em:after {display:block; content:"\eed6"; width:25px; height:25px; position:absolute; top:0; left:0; font-size:25px; font-family:"IcoFont"; line-height:25px;}
.n_step_wizard_area .wizard_list > li.completed:after {border-left-color:#0078ff;}

.n_step_wizard_area .btn_group {display:inline-block; position:absolute; top:0px; right:35px;}
.n_step_wizard_area .btn_group button#btnWizardOut {display:inline-block; height:60px; line-height:58px; color:#fff; font-size:16px; background:none; border:none; transition:0.2s; padding:0;}
.n_step_wizard_area .btn_group button#btnWizardOut i {font-size:24px; display:inline-block; margin-left:15px; vertical-align:middle; position:relative; top:-2px;}
.n_step_wizard_area .btn_group button#btnWizardOut:hover {color:#0078ff;}

/* **************** qc_step_contents **************** */
.n_qc_step_area .qc_step_body {height:calc(100vh - 60px); position:relative; z-index:1; overflow:auto;}
/* 상단 제목 영역 */
.n_qc_step_area .qc_step_body .step_title {background:#fff; height:135px; padding:70px 0 0; font-size:32px; font-weight:500; letter-spacing:-2px; min-width:1430px;}
.n_qc_step_area .qc_step_body .step_title .m_inner {padding:0 15px;}
.n_qc_step_area .qc_step_body .step_title strong {font-weight:500;}

.n_qc_step_area .qc_step_body .step_title .sub_title {display:inline-block; margin:0 0 6px 30px; font-size:17px; vertical-align:bottom; font-weight:400;}
.n_qc_step_area .qc_step_body .step_title .sub_title strong {color:#14afff; border-bottom:1px solid #14afff; font-weight:500;}

.n_qc_step_area .qc_step_body .step_title .sub_info {font-size:13px; color:#0054ff; position:absolute; right:0; top:10px; text-align:right; font-weight:300; letter-spacing:-0.5px;}

.n_qc_step_area .qc_step_body .m_select.point_color .select2-container--default .select2-selection--single .select2-selection__rendered {color:#0078ff;}
.n_qc_step_area .qc_step_body .m_select .select2-selection {padding-left:10px;}

.n_qc_step_area .qc_step_body .step_title .m_select .select2-selection {height:45px;}

/* 본문영역 */
.n_qc_step_area .qc_step_body .qc_step_con {min-height:calc(100vh - 195px); padding:30px 0; min-width:1430px;}
.n_qc_step_area .qc_step_body .qc_step_con.bg_white {background:#fff;}
.n_qc_step_area .qc_step_body .qc_step_con .m_inner {min-width:auto !important;}

/* 검사 대상 및 방법 선택 */
.qc_step_body .ul_data_list {float:left; width:55%; padding:0 0 0 10px;}
.qc_step_body .ul_data_list > li {padding:0; list-style:none; margin:0 0 30px 0; position:relative;}

.qc_step_body .ul_data_list .keyword_group {float:right; width:40%; padding:35px 0 0;}
.qc_step_body .ul_data_list .keyword_group .keyword {display:inline-block; height:25px; line-height:24px; margin:6px 4px; padding:0 10px; border:1px solid #cbcbcb; border-radius:3px; background-color:#fff; color:#898989; font-size:14px;}
.qc_step_body .check_result_area {clear:both; padding:20px 0 10px;}
.qc_step_body .check_btn_add {position:relative; width:100%; min-height:30px;}
.qc_step_body .check_btn_add .btn_item {display:flex; justify-content:space-between; flex-wrap:wrap; margin-right:90px;}
.qc_step_body .check_btn_add .btn_item .check_group {position:relative; width:100px; height:25px; margin:5px 0;}
/* .qc_step_body .check_btn_add .btn_item .modal_check.color_useful {background-color:#1fc1b4;}
.qc_step_body .check_btn_add .btn_item .modal_check.color_complete {background-color:#9d77ff;}
.qc_step_body .check_btn_add .btn_item .modal_check.color_effective {background-color:#08c9f9;}
.qc_step_body .check_btn_add .btn_item .modal_check.color_consistency {background-color:#ffa14f;}
.qc_step_body .check_btn_add .btn_item .modal_check.color_accuracy {background-color:#0037c2;} */

.qc_step_body .check_btn_add .btn_re_select {position:absolute; right:0; top:5px;}
.btn_re_select {border:0; background-color:transparent; font-size:14px;}

.qc_step_body .data_items {padding:20px 25px 20px 175px; overflow:hidden; min-height:200px; border:1px solid transparent; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.1); transition:0.3s;}
.qc_step_body .data_items:hover,
.qc_step_body .data_items.active {border-color:#3c63ec;}
.qc_step_body .data_items.data_item1 {background:url("../images/alqc/img_step1_1.png") no-repeat left -28px center; min-height:250px;}
.qc_step_body .data_items.data_item2 {background:url("../images/alqc/img_step1_2.png") no-repeat left -18px bottom -23px;}
.qc_step_body .data_items.data_item3 {background:url("../images/alqc/img_step1_3.png") no-repeat left -40px bottom -7px;}
.qc_step_body .data_items.data_item4 {background:url("../images/alqc/img_step1_4.png") no-repeat left -40px bottom -7px;}

.qc_step_body .data_items .m_check {height:25px; position:absolute; top:20px; right:25px;}
.qc_step_body .data_items .m_check > input[type=checkbox] + label {height:25px;}
.qc_step_body .data_items .m_check > input[type=checkbox] + label:before {width:25px; height:25px;}
.qc_step_body .data_items .m_check > input[type=checkbox] + label:after {font-size:22px;}
.qc_step_body .data_items .m_check > input[type=checkbox]:checked + label:after {width:16px; height:8px; margin-top:-7px; margin-left:5px;}

.qc_step_body .data_items .item_txt {float:left; width:57%; position:absolute; top:35px;}
.qc_step_body .data_items .item_txt h3.item_subject {margin:0 0 20px 0; font-size:28px; text-align:left; letter-spacing:-2px;}
.qc_step_body .data_items .item_txt p.item_brief {margin:0; font-size:17px; line-height:27px; color:#5a5a5a;}
.qc_step_body .data_items .item_txt .btn_select {margin-top:20px; font-size:15px;}

/* .qc_step_body .keyword_group {float:right; width:40%; padding:45px 0 0;}
.qc_step_body .keyword_group .keyword {background-color:#f5f5f5; color:#898989; display:inline-block; height:25px; padding:0 10px; line-height:24px; margin:6px 4px; font-size:14px;} */

.qc_step_body .require_keyword_group {text-align:center;}
.qc_step_body .require_keyword_group .keyword_item {border-color:#f5f5f5; background-color:#f5f5f5;}
.qc_step_body .require_keyword_group .keyword_item .keyword {color:#898989;}

.qc_step_body .profiling .data_items.data_item1 {background:url("../images/alqc/img_step2_1.png") no-repeat left -28px center; min-height:250px;}
.qc_step_body .profiling .data_items.data_item2 {background:url("../images/alqc/img_step2_2.png") no-repeat left -18px bottom -3px;}
.qc_step_body .profiling .data_items.data_item3 {background:url("../images/alqc/img_step2_3.png") no-repeat left 0px bottom 0px;}
.qc_step_body .profiling .data_items.data_item4 {background:url("../images/alqc/img_step2_4.png") no-repeat left -24px bottom 0px;}

.qc_step_body .profiling.commonDQ .data_items.data_item1 {background:url("../images/alqc/img_step3_1.png") no-repeat left bottom; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); padding: 20px 20px 20px 45px;}
.qc_step_body .profiling.commonDQ .data_items.data_item2 {background:url("../images/alqc/img_step3_2.png") no-repeat left bottom; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); padding: 20px 20px 20px 45px;}
.qc_step_body .profiling.commonDQ .data_items.data_item4 {background:url("../images/alqc/img_step3_4.png") no-repeat left bottom; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); padding: 20px 20px 20px 45px;}

@media all and (max-width:1800px) {
    .n_step_wizard_area .wizard_list {left:100px;}
    .n_qc_step_area .qc_step_body .step_title {padding:70px 30px 0;}
    .n_qc_step_area .qc_step_body .qc_step_con {padding:30px 30px;}
}



.modal_data {display:none; position:absolute; top:0; left:10px; width:800px; padding:40px; border-radius:10px; background-color:#fff; box-shadow:0 15px 30px rgba(0,0,0,0.2); z-index:1;}
.modal_data.active {display:block;}
.modal_data .check_item {margin-bottom:43px;}
.modal_data .check_item .item_info {margin-left:140px;}
.modal_data .check_item .info_list {padding:0; list-style:none;}
.modal_data .check_item .info_list li {margin-bottom:5px; font-size:15px;}
.modal_data .check_item .info_list strong {display:inline-block; width:176px; font-weight:500; vertical-align:middle;}
.modal_data .check_item .info_list span.txt {color:#737373;}
.modal_data .page_btn {margin:0; text-align:right;}
.btn.btn-white.btn-submit-ok {border-color:#5a5a5a;}
.btn.btn-white.btn-submit-ok:hover {border-color:#0078ff; color:#fff;}

.modal_check {display:inline-flex; align-items:center; height:15px; margin:2px;}
.modal_check > input[type=checkbox] {width:0; height:0; min-height:0; margin:0; position:absolute;}
.modal_check > input[type=checkbox] + label {display:inline-flex;align-items:center;height:100%;padding-left:20px;margin:0;position:relative;font-weight:normal;word-break:break-word;cursor:pointer;font-size:14px;}
.modal_check > input[type=checkbox] + label:before,
.modal_check > input[type=checkbox] + label:after {display:block; content:''; clear:both; position:absolute; left:0; transition:all 0.1s ease;}
.modal_check > input[type=checkbox] + label:before {width:15px; height:15px; border-radius:3px; border:1px solid #c3c3c3; background-color:#fff;}
.modal_check > input[type=checkbox] + label:after {width:10px; height:6px; margin-top:-3px; margin-left:3px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg);}
.modal_check.optional > input[type=checkbox]:checked + label:before {border-color:#001f42; background-color:#001f42;}
.modal_check > input[type=checkbox][disabled] + label {cursor:initial;}
/* .modal_check > input[type="checkbox"]:not(:checked) {background-color:#8f8f8f !important;} */

.modal_check > input.project_abled + label {cursor:pointer;}
.modal_check > input.project_disabled + label:before {border:1px solid #d7d7d7;}

.modal_check + .modal_check {margin-left:10px;}

.check_group {position:relative;}
.modal_check {position:absolute; top:0; left:0; width:100px; height:25px; border-radius:15px; background-color:#8f8f8f;}
.modal_check.active.color_useful {background-color:#1fc1b4;}
.modal_check.active.color_complete {background-color:#9d77ff;}
.modal_check.active.color_effective {background-color:#08c9f9;}
.modal_check.active.color_consistency {background-color:#ffa14f;}
.modal_check.active.color_accuracy {background-color:#0037c2;}
.modal_check > input[type=checkbox] + label {height:25px; padding-left:35px; color:#fff; font-size:15px;}
.modal_check > input[type=checkbox] + label:before {left:15px; width:10px; height:10px; border-radius:0; border:1px solid rgba(255,255,255,0.6); background-color:transparent;}
.modal_check > input[type=checkbox] + label:after {left:15px; margin-top:-8px; font-size:18px; border-color:transparent;}
.modal_check > input[type=checkbox]:checked + label:after {left:14px; width:14px; height:7px; margin-top:-9px; margin-left:1px; border-color:#fff; color:#fff; font-size:14px;}

.modal_data .btn_close {position:absolute; top:10px; right:10px; border:0; border-radius:18px; background-color:#fff; color:#000; font-size:30px; transition:0.2s; width:35px; height:35px;
    line-height:33px; text-align:center; padding:0; margin:0 0 0 4px;}

/* 우측 셀렉트 선택 영역 */
.qc_step_body .condition_group {float:right; width:38%; padding:0 50px 0 0; position:relative; top:-10px;}
.qc_step_body .condition_select {margin:0 0 40px; line-height:1.6; font-size:30px; font-weight:500; letter-spacing:-2px;}
.qc_step_body .condition_select strong {font-weight:500; display:inline-block; margin-right:10px;}
.qc_step_body .condition_select .m_select .select2-container--default .select2-selection--single {border-bottom:1px solid #bbbbbb;}
.n_qc_step_area .qc_step_body .condition_group .m_select .select2-selection {height:40px;}

.qc_step_body .condition_info {color:#979797;}
.qc_step_body .condition_item {line-height:1.8; padding:30px 35px 45px 35px; margin:20px 0; position:relative; color:#000; font-size:28px; font-weight:500; border-radius:50px 0 50px 0; background-color:#f2f7fc; letter-spacing:-1px;}
.qc_step_body .condition_item > .title {display:block; margin-bottom:20px; font-size:20px; letter-spacing:-1px;}
.qc_step_body .condition_item .m_select {margin:0 30px 0 10px; vertical-align:bottom;}

.qc_step_body .condition_item .m_select .select2-container--default .select2-selection--single {border-bottom:1px solid #bbbbbb;}
.qc_step_body .condition_item .m_select .select2-container--default .select2-selection--single .select2-selection__rendered {font-size:28px;}

.qc_step_body .condition_item .m_text {min-height:40px; padding:0 5px; margin:0 10px 0 0; font-size:28px; border:0; border-bottom:1px solid #bbbbbb; background-color:transparent; vertical-align:bottom;}
.qc_step_body .condition_item .m_text.count {width:55%; text-align:right; border:0;}
.qc_step_body .condition_item .m_radio {margin-right:15px; font-size:28px;}
.qc_step_body .condition_item .m_radio > input[type=radio] + label {height:inherit;}

.qc_step_body .btn_dataSelect {display:block; margin:30px auto 0;}
.qc_step_body .condition_item .icon_clear {position:absolute; top:10px; right:10px;}



/* **************** 설정 관리 **************** */
/* ===== 규칙 관리 ===== */
.n_qc_area.con_grammer_detail {z-index:initial;}
.top_function .btn_selectDelete {margin:0 0 0 15px; padding:0 28px;}
.top_function .btn_rule_add {width:150px; margin:0 0 0 5px; padding:0 28px;}

/* 도메인 관리 */
.section_domain .top_wrap {display:flex; gap:25px; padding-top:15px;}
.section_domain .category_area {flex:1;}
.section_domain .rule_area {flex:3;}
.section_domain .data_title_ctrl {padding-top:0; padding-bottom:0;} 
.section_domain .sub_title {font-size:20px; font-weight:700; display:inline-block; vertical-align:middle;}
.section_domain .m_btn.btn_domain {background:#0040c2; color:#fff; height:20px; line-height:20px; font-size:13px; border-radius:3px; padding:0 13px; border:0; vertical-align:middle; margin-left:15px;}
.section_domain .m_btn.btn_domain span.plus {margin-left:8px;}

.section_domain .list_area {margin-top:15px;}
.section_domain .list_area table tr {display:flex; width:100%;}
.section_domain .list_area table tbody {display:block; overflow:auto; height:500px;}

.category_area .list_area table {border-top:2px solid #395a9f;}
.n_qc_area .section_domain .list_area .icon_btn.icon_save2:before {content:'\f0c7'; font-family:'Font Awesome 5 Free';}
.section_domain .btn_arrow {border:0; background:none; padding:0;}
.n_qc_area .section_domain .list_area tr:hover .btn_arrow:before {content:'\eaa0'; font-family:'icofont'; color:#007aff; font-size:22px;}
.n_qc_area .section_domain .list_area tr.active .btn_arrow:before {content:'\eaa0'; font-family:'icofont'; color:#007aff; font-size:22px;}

.section_domain .btn_apply {border:0; background:none; padding:0;}
.n_qc_area .section_domain .list_preview tr:hover .btn_apply:before {content: '\ef1f'; font-family:'icofont'; color:#007aff; font-size:22px;}


/* ===== 중복 데이터 검증 - 2024.04.26 추가 ===== */
.n_qc_step_area .data_title {font-size:18px; font-weight:700;}
.n_qc_step_area .step_table_area {display:flex;}
.n_qc_step_area .step_table_area .step_inner {width:33%; padding:0 13px;}
.n_qc_step_area .step_table_area .step_inner .data_title {width:150px; height:35px; margin:0; line-height:35px; text-align:center; background-color:#fff; border-radius:10px 35px 0 0;}
.n_qc_step_area .step_table_area .step_inner ul.ctrl_area {height:40px; margin:0 0 5px;}
.n_qc_step_area .step_table_area .step_inner ul.ctrl_area > li {position:relative; width:100%;}
.n_qc_step_area .step_table_area .step_inner ul.ctrl_area > li .btn.btn-submit {position:absolute; right:0;}
.n_qc_step_area .step_table_area .step_inner .list_area {padding-bottom:23px;}
.n_qc_step_area .step_table_area .step_inner .pre_area {display:block; margin:33px 0 0;}
.n_qc_step_area .step_table_area .step_inner .pre_con {max-height:600px; padding:10px 20px;}

.n_qc_area .list_area .icon_btn {display:inline-flex; vertical-align:top; min-width:25px; height:25px; padding:0; margin:0; position:relative; font-size:0; text-align:center; border:1px solid #d4d4d4; 
    border-radius:15px; outline:0; background-color:transparent; background-repeat:no-repeat; background-position:center center; overflow:hidden; transition:0.2s;}
.n_qc_area .list_area .icon_btn:before {display:inline-flex; align-items:center; justify-content:center; width:25px; height:25px; line-height:25px; color:#001f42; font-family:"IcoFont"; font-size:14px; transition:0.2s;}
.n_qc_area .list_area .icon_btn:after {display:inline-flex; transition:0.2s;}
.n_qc_area .list_area .icon_btn:hover {background:#0078ff; color:#fff; border-color:#0078ff;}
.n_qc_area .list_area .icon_btn:hover:before,
.n_qc_area .list_area .icon_btn:hover:after {color:#fff;}


/* **************** 분석 리포트 **************** */
/* ===== 데이터 진단 상세  ===== */
.n_qc_step_title {position:relative; text-align:center; color:#000; font-size:32px; font-weight:500;}
.n_qc_title {display:inline-block; width:100%; max-width:1000px; margin-left:20px; padding:10px 0; margin:0; text-align:center; letter-spacing:-1px; color:#000; font-size:32px; font-weight:inherit;}
.n_qc_title.active {border-bottom:1px solid #0078ff;}
.n_qc_title .inp_name {width:100%; border:0; text-align:center;}
.n_qc_title .report_name {margin-right:28px; vertical-align:middle;}
.n_qc_area .n_qc_step_title .btn.btn_icon_edit {position:absolute; top:15px; right:0; padding:0 0 7px; border:0; border-radius:0; border-bottom:1px solid #c6c6c6; background-color:transparent;
    font-size:16px; font-weight:400;}
.n_qc_area .n_qc_step_title .btn.btn_icon_edit:hover {color:#0078ff; border-color:#0078ff;}
.n_qc_area .n_qc_step_title .btn.btn_icon_edit i {margin:0 10px 0 0;}

.category_box {display:inline-block; position:absolute; top:-40px; left:50%; transform:translateX(-50%);}
.category_box .category_name {display:inline-block; padding:4px 10px; border-radius:5px; vertical-align:middle; color:#fff; font-size:16px;}
.category_box .category_name.name_datazone {background-color:#3f22d2;}
.category_box .category_name.name_api {background-color:#5cb018;}
.category_box .category_name.name_filter {background-color:#1fc48c;}
.filter_tooltip {position:absolute; top:0; left:-500px; width:500px; height:190px; border-radius:10px; background-color:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.1); z-index:1; opacity:0;}
.filter_tooltip.active {opacity:1; transition:0.2s;}
.filter_tooltip .btn_popup_close {position:absolute; right:10px; padding:0; color:#cacaca; font-size:32px; border:0; background-color:transparent;}
.filter_body {padding:0 25px; text-align:left;}
.filter_body h3 {margin-top:35px; font-size:22px;}
.filter_body .batch_schedule { overflow: auto; max-height: 100px; }
.filter_body .host_list {list-style:none;}
.filter_body .host_list .list {display:inline-block;}
.filter_body .host_list .list.div_title {width:50%; font-size:18px;}
.filter_body .host_list .list.div_content {margin-left:16px; font-size:18px;}
.filter_body .host_list .list.div_btn .mergeData {width:35px; height:35px; padding:0; border:0; border-radius:20px; color:#fff; font-size:18px; text-align:center;}
.filter_body .mergeData.btn_uncompare {background-color:#ff8a00;} 
.filter_body .mergeData.btn_compare {background-color:#0000f5;} 

.n_qc_area.con_analysis_result .data_item {position:static; height:100%; margin:0; padding:20px 0 0; box-shadow:none;}
.n_qc_area.con_analysis_result .data_qna {display:flex; justify-content:center;}
.n_qc_area.con_analysis_result .data_qna > li {position:static; padding:0 30px 10px;}
.n_qc_area.con_analysis_result .data_qna > li .que {width:auto; padding:0 15px 0 0; color:#888;}
.n_qc_area.con_analysis_result .data_qna > li .btn_role {margin:0 10px 0 20px; border-color:#b7b7b7; border-radius:6px; font-size:15px; vertical-align:middle;}
.n_qc_area.con_analysis_result .data_qna > li .btn_role:hover {border-color:#0078ff;}
.n_qc_area.con_analysis_result .m_btn.modal-open {display:none;}


/* 탭 영역 */
.tabs_area {position:relative;}
.tabs_bar {display:flex; min-width:210px; padding:0; margin:0; list-style:none;}
.tabs_bar > li {min-width:220px; vertical-align:middle; padding:0; margin:0;}
.tabs_bar > li > a {display:block; position:relative; color:#b1b1b1; font-size:24px; cursor:pointer;}
.tabs_bar > li > a:hover:after {background-color:#a4a4a4;}
.tabs_bar > li.active > a {color:#000;}
.tabs_bar > li.active > a:after {background-color:#000;}

.sub_tabs_item {margin-top:20px;}
.sub_tabs_bar {display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none;}
.sub_tabs_bar > li {padding:0; margin:0 0 -1px -1px; width:170px;}
.sub_tabs_bar > li > a {display:block; position:relative; width:100%; padding:10px 0; background-color:#fff; color:#3c5066; font-size:16px; text-align:center; border:1px solid #9fa9b4; cursor:pointer;}
.sub_tabs_bar > li > a:hover,
.sub_tabs_bar > li.active > a {color:#fff; border-color:#000; background-color:#000;}

.status_bullet {display:inline-block; width:10px; height:10px; margin-right:8px; border-radius:5px;}

.tabs_content {}  
.tab_con_title {width:300px; height:45px; margin:0; padding:12px 0 5px; text-align:center; background-color:#fff; border-radius:10px 45px 0 0; box-shadow:0 0 15px rgba(0,0,0,0.1);}

/* 탭- 결과 공통 */
.n_qc_area.con_analysis_result .section_result {margin:0;}
.n_qc_area .n_qc_con .section_result .white_area {padding:20px 40px; border-radius:0 10px 10px 10px;}

.sub_tabs_wrap {margin-top:40px;}
.sub_tabs_wrap .viewstatus_content .section_result {margin:0 0 30px;}
.sub_tabs_wrap .viewstatus_content .section_result {margin:0 0 30px;}
.sub_tabs_wrap .section_result .down_area {text-align:right;}
.sub_tabs_wrap .section_result .down_area .btn_down_group {margin-top:15px; padding:0 8px;}
.sub_tabs_wrap .section_result .down_area .icon_text_down {font-size:16px;}
.sub_tabs_wrap .section_result .down_area .icon_text_down.icon_excel_down {background-position:left;}

.status_box.top_info {position:absolute; top:12px; right:0;}

/* 탭- 결과 전체 오류 */
.section_result .result_info_txt {font-size:28px;}
.section_result .result_info_txt strong {color:#0078ff; font-size:34px;}
.section_result .result_info_txt strong.highlight_pink,
.section_result .result_info_txt span.highlight_pink {color:#f3247c;}

.section_result .error_msg:before {display:none;}
.section_result .result_info_box {margin-top:50px;}
.section_result .result_info_box .error_msg {display:flex; justify-content:space-between; padding:0; border-bottom:1px solid #d4d4d4;}
.status_msg_list .list_item {display:inline-block; margin-left:15px; font-size:14px; font-weight:500;}

.error_msg_list {list-style:none; margin-top:15px; padding:0;}
.error_msg_list:after {display:block; content:''; clear:both;}
.error_msg_list > li {position:relative; float:left; width:50%; padding:15px 30px; margin:0; font-size:20px;}
.error_msg_list > li .title {display:inline-block; margin-right:20px; padding:8px 40px; border-radius:25px; background-color:#edf0f3;}
.error_msg_list > li .count {display:inline-block; font-weight:500;}
.error_msg_list > li .count strong {font-size:28px;}

.tabs_content .section_result .data_result_area {display:flex; justify-content:space-between;}
.tabs_content .section_result .result_chart {flex:1; margin-right:80px;}
.tabs_content .section_result .result_data_box {flex:1;}

.section_result .result_data_box .data_title {padding:15px 0; font-size:28px; font-weight:500;}
.section_result .result_data_box .btn_remove_duplication {padding:0; color:#c3c3c3; font-size:16px; border-radius:0; border:0; background:transparent;}
.section_result .result_data_box .btn_remove_duplication.active {color:#0078ff;}
.section_result .result_data_box .ctrl_area {margin:0 0 20px; font-size:16px; font-weight:500; background-color:#e8f0ff; border-radius:0 0 0 25px;}
.section_result .result_data_box .ctrl_area strong {display:inline-block; padding:0 15px; color:#0037c2; font-size:20px; font-weight:700;}
.section_result .result_data_box .ctrl_area strong:first-child {margin-right:15px;}
.section_result .result_data_box .ctrl_area > li:first-child {margin:0; padding:15px; background-color:#0037c2; color:#fff; border-radius:5px 0 0 25px;}

.n_qc_area .list_area table.table_list_2 th,
.n_qc_area .list_area table.table_list_2 td {text-align:center;}

.notice_txt {margin:30px 0; text-align:center; font-size:20px;}

/* 검색 */
.ctrl_function_area {display:flex; justify-content:space-between; margin:20px 0 10px;}
.ctrl_function_area .top_function {height:100%; padding:0; border-radius:30px; background:#fff; transition:0.6s;}
.ctrl_function_area .search_item {display:inline-block; position:relative; height:35px; margin:0; padding:0; vertical-align:top;}

.ctrl_function_area .search_item input.search-box {transition:0.6s; width:0; height:35px; border-radius:0; border:none; border-bottom:1px solid transparent; background:#fff; font-size:15px; color:#000; margin:0; 
    padding:0; line-height:33px; vertical-align:top;}
/* .ctrl_function_area .search_item input.search-box:focus, 
.ctrl_function_area .search_item input.search-box:not(:focus) {text-indent:-5000px;} */

.ctrl_function_area .search_item label {color:#000; font-size:18px; width:35px; height:35px; border-radius:18px; border:1px solid #d4d4d4; margin:0; text-align:center; line-height:33px; background:#fff; transition:0.2s;}
.ctrl_function_area .search_item label i {position:relative; top:-2px;}
.ctrl_function_area .search_item label:hover {border-color:#0078ff; background:#0078ff; color:#fff;}

.ctrl_function_area .search_item.focus input.search-box {border-color:#0078ff; width:350px; margin-right:10px;}
/*.ctrl_function_area .search_item.focus label {border-color:#0078ff; background:#0078ff; color:#fff;}*/

.ctrl_function_area #search-submit {position:absolute; left:-5000px;}
.ctrl_function_area .search-icon {position:relative; left:17px; cursor:pointer;}

.ctrl_function_area .top_function .n_btn_icon {vertical-align:top;}

/* 결과 없음 */
.msg_txt {position:absolute; top:-5px; left:50%; transform:translateX(-50%);}
.msg_txt span.txt {font-size:32px; font-weight:700;}

.section_result.no_result .info_txt {position:absolute; top:0; left:320px;}

.result_content.no_result .count {margin:50px 40px; font-weight:700;}
.result_content.no_result .count strong {font-size:24px;}
.result_content.no_result .count .num {font-size:18px;}


/* ===== 중복 데이터 검증 상세  ===== */
.mt30 {margin-top:30px;}
.duplication_title {display:inline-block; margin-right:30px; font-size:20px; font-weight:700;}
.duplication_split_area {display:flex; justify-content:space-between; margin:0 -8px;}
.duplication_split_area .split_statistics {flex:1; width:50%; margin:0 8px;}
.duplication_split_area .split_statistics .highlight_blue {margin:12px 0;}
.duplication_split_area .split_catalog {width:50%; margin:0px 8px;}
.duplication_split_area .gutter.gutter-horizontal {position:relative; min-width:20px; cursor:col-resize;}
.duplication_split_area .gutter.gutter-horizontal:hover {box-shadow:0 15px 30px rgba(0,0,0,0.1);}
.duplication_split_area .gutter.gutter-horizontal:after {content:""; display:inline-block; position:absolute; left:5px; top:50%; width:10px; height:30px; cursor:w-resize; background:url(../images/alqc/btn_resize_dot.png) no-repeat center center; transition:0.3s;}
.duplication_split_area .gutter.gutter-horizontal:hover:after {background:url(../images/alqc/btn_resize_dot_hover.png) no-repeat center center;}

.right_panel.panel_data_detail {width:1200px;}
.panel_data_detail .rp_con .rp_area {overflow:hidden;}
.data_slide {max-width:100%; padding:14px 15px; overflow:hidden; border:1px solid #d5d5d5; background-color:#d5d5d5;}
.data_slide .owl-carousel .owl-stage-outer {width:calc(100% - 80px); margin:0 auto;}
.data_slide .owl-carousel .item.tab_item {height:30px; line-height:30px; padding:0 14px; color:#000; font-size:15px; cursor: pointer;}
.data_slide .owl-carousel .item.tab_item:focus,
.data_slide .owl-carousel .item.tab_item.active {border-radius:5px; background-color:#0078ff; color:#fff;}
.data_slide .owl-carousel .item.tab_item.active:hover {color:#fff;}
.data_slide .owl-carousel .item.tab_item:hover {color:#0078ff;}
.data_slide .owl-carousel .item.tab_item:hover .dataNm {border-bottom:1px solid #0078ff;}
.data_slide .owl-carousel .owl-nav {position:absolute; top:-10px; width:100%;}
.data_slide .owl-carousel .owl-nav button {position:absolute;}
.data_slide .owl-carousel .owl-nav button span {display:block; width:20px; height:20px; line-height:16px; border-radius:10px; background-color:#000;}
.data_slide .owl-carousel .owl-nav button span i.fas {color:#fff; font-size:13px;}
.data_slide .owl-carousel .owl-nav button.owl-prev {left:0;}
.data_slide .owl-carousel .owl-nav button.owl-next {right:0;}


/* **************** 워크스페이스 **************** */
/* ===== 데이터 병합  ===== */
.n_qc_area .con_absorption {z-index:10;}

.con_absorption .tab_bar {position:absolute; top:-30px; left:50%; transform:translateX(-50%); border:1px solid #000; border-radius:25px; background-color:#fff;}
.con_absorption .tab_bar > li {padding:0;}
.con_absorption .tab_bar > li a {height:40px; line-height:40px; padding:0 25px; color:#000;}
.con_absorption .tab_bar > li:nth-child(1) {border-radius:25px 0 0 25px;}
.con_absorption .tab_bar > li:nth-child(2) {border-radius:0 25px 25px 0;}
.con_absorption .tab_bar > li.active {background-color:#000;}
.con_absorption .tab_bar > li.active > a {color:#fff;}
.con_absorption .tab_bar > li:nth-child(1).active > a {color:#fff;}
.con_absorption .tab_bar > li.active > a:after,
.con_absorption .tab_bar > li > a:hover:after {display:none;}

.n_qc_area .n_qc_con .detail_data_con .white_area {padding:20px;}
.detail_data_con {margin-bottom:45px;}
.detail_list_title {display:inline-block; margin-right:15px; font-size:22px;}
.detail_list_title:before {content:""; display:inline-block; width:5px; height:5px; margin:0 8px 5px 0; border-radius:5px; background-color:#000; vertical-align:middle;}
.merge_item .m_btn {margin-right:15px;}

.absorption_list {display:flex; justify-content:flex-start; flex-wrap:wrap; height:365px; padding:0; overflow-y:auto;} 
.absorption_list .data_item {width:calc((100% - 72px) / 7); height:auto; margin:6px 12px 6px 0; padding:16px 20px; background-color:#fff; box-shadow:none;}
.absorption_list .data_item:nth-child(7n) {margin-right:0;} 
.absorption_list .data_item .item_subject {margin:0 0 5px 0;}
.absorption_list .data_item .item_subject_text {font-size:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.absorption_list .data_item .catetory_subject {margin:0; font-size:15px; color:#7a7a7a;}
.absorption_list .data_item:hover, 
.absorption_list .data_item.active {border:0; background-color:#007aff; box-shadow:0 10px 15px rgba(0,0,0,0.2);}
.absorption_list .data_item:hover .item_subject_text, 
.absorption_list .data_item.active .item_subject_text,
.absorption_list .data_item:hover .catetory_subject,
.absorption_list .data_item.active .catetory_subject {color:#fff;}

.sample_title {width:300px; height:45px; margin:0; padding:20px 20px 5px; background-color:#fff; border-radius:10px 45px 0 0; font-size:22px; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.detail_data_con .dataTitle {margin-bottom:10px; font-size:16px;}
.detail_data_con .label_txt {display:inline-block; height:20px; line-height:20px; margin-right:10px; padding:0 10px; border-radius:5px; color:#fff; font-size:13px;}
.detail_data_con .label_txt.datazone {background-color:#3f22d2;}
.detail_data_con .label_txt.api {background-color:#00a3ad;}
.detail_data_con .label_txt.master {background-color:#0090f5;}

.detail_data_con .jsonData {display:inline-block; width:100%; max-height:100%; min-height:363px; overflow-y:auto;}
.detail_data_con .jsonDataArea {display:inline-block; padding:0px 5px; height:90%;}
.detail_data_con .jsonDataArea .dataTitle i {margin-left:5px; cursor:pointer;}

.condition_area {position:relative; margin-top:20px;}
.top_title_ctrl {position:relative; padding-bottom:45px;}
.top_title_ctrl .condition_title {display:inline-block; font-size:22px;}
.top_title_ctrl .condition_item {display:inline-block; margin-left:50px;}
.top_title_ctrl .btn_add {position:absolute; right:0; bottom:15px; width:120px; font-size:15px;}
.condition_item .m_btn.btn_gray:hover,
.condition_item .m_btn.btn_gray.active {color:#fff; border-color:#0078ff; background:#0078ff; font-size:15px; box-shadow:0 18px 22px rgba(0,0,0,0.1);}

.table_list_area .list_wrap .list_item {height:100%; overflow-x:auto;}
.table_list_area .list_wrap .list_area {min-width:580px; margin-bottom:40px;}
.table_list_area .list_area table.table_list_2 th {padding:10px 20px;}
.table_list_area .list_area table.table_list_2 td {height:50px; padding:10px 20px;}
.table_list_area .list_area table.table_list_2 td.keyword_group {text-align:left;}
.table_list_area .m_select {min-width:200px;}

.table_list_area .list_wrap .list_area.disabled {}
.table_list_area .list_area.disabled table.table_list_2 th {border-color:#c0c0c0; background-color:#f0f0f0; color:#c0c0c0;}
.table_list_area .list_area.disabled table.table_list_2 td {color:#c0c0c0;}
.table_list_area .list_area.disabled table tbody tr:hover td {background-color:transparent;}
.table_list_area .list_area.disabled .m_select {pointer-events:none;}

.m_select.disabled .select2-container--default .select2-selection--single, 
.m_select.disabled .select2-container--default .select2-selection--multiple {border-color:#c0c0c0;}
.m_select.disabled .select2-container--default .select2-selection--single .select2-selection__rendered {color:#bfbfbf;}
.m_select.disabled .select2-container--default .select2-selection--single .select2-selection__arrow:after {color:#bfbfbf;}



/* ======================= ALQC 팝업  ======================= */
.theme_smartALQC .layerCon .popContents {height:initial !important; padding:0;}
.theme_smartALQC .layerCon .popContents .flow_nqc .x_title_pop .title {font-weight:700;}
.pop_alqc, .pop_flow {padding:0 50px;}
.pop_alqc, .pop_flow .highlight_blue {font-size:16px;}

.flow_nqc .sample_test .con_msg {font-weight:500;}
.flow_nqc .sample_test .con_msg strong {color:#0054ff; font-size:20px;}
.flow_nqc .sample_test .result_list > li .col2.col_color {margin-left:30px; padding:2px 8px; background-color:#969fb5; color:#fff; font-size:12px; border-radius:5px;}
.flow_nqc .sample_test .result_list > li .col3 em {font-size:22px;}
.flow_nqc .sample_test .result_list > li .col3 em.highlight_blue {color:#0054ff;}
.flow_nqc .sample_test .result_list > li .sp_totalCnt {color:#0054ff; font-size:18px;}

.flow_nqc .list_con2 {text-align:right;}
.flow_nqc .list_con2.highlight_blue {padding-bottom:0; padding-top:10px; text-align:right; color:#0054ff; font-size:13px;}
.flow_nqc .sample_test .test_result .result_chart .pie_chart_data span {font-size:18px;}
.flow_nqc .sample_test .test_result .result_chart .pie_chart_data strong {display:inline-block;}
.flow_nqc .sample_test .test_result .result_chart .pie_chart_data p {font-size:14px; font-weight:500;}

.layerCon .flow_nqc .sample_test .page_btn {margin:50px 0 44px;}
.flow_nqc .sample_test .page_btn .m_btn {margin:0 auto;}
.flow_nqc .sample_test .page_btn .m_btn.btn_black {font-size:18px; box-shadow:0 20px 30px rgba(0,0,0,0.2);}
.flow_nqc .sample_test .btn_white:before {display:none;}

.layerCon .flow_nqc .page_btn {text-align:center;}
.flow_nqc .page_btn .m_btn {display:block; height:50px; padding:0 20px; border-radius:25px; font-size:16px;}
.flow_nqc .page_btn .btn_check_again {padding:0 45px;}
.flow_nqc .page_btn .btn_check_again i.fas {margin-right:10px; font-size:25px;}

/* 구문 규칙 확인 */
.flow_nqc.rule .page_btn .m_btn {display:inline-block;}


/* 규칙 보기 */
.pop_flow.pop_view_rules {padding:0 50px 50px;}

.pop_flow .list_area .list_head {border-top:2px solid #395a9f; border-bottom:0;}
.pop_flow .list_area .list_head .list_col {padding:0 15px; background-color:#e8f0ff; border-bottom:1px solid #9db8ea;}
.pop_flow .list_area .list_body .list_col:hover,
.pop_flow .list_area .list_body .list_col.active {background-color:#f4f8ff; color:#0167ff;}

.type_view .list_area .list_col .col2 {min-width: 120px; width: 68%;}
.type_view .list_area .list_col .col3 {min-width: 120px; width: 15%;}
.type_view .list_area .list_col .col4 {min-width: 120px; width: 10%;}
.type_view .list_area .list_col .col4 {min-width: 120px; width: 10%;}
.type_view .list_area .list_body {cursor: default;}



/*======================================
            우측 Panel
========================================*/
.right_panel {position:fixed; z-index:100; right:-2000px !important; left:auto !important; top:0; min-width:300px; background:#fff; height:100vh; transition:1s; padding:40px 0 0; overflow:auto;}
.right_panel.active {right:0 !important; box-shadow:0 15px 30px rgba(0,0,0,0.2);}
.right_panel .ui-resizable-w {cursor:w-resize; width:25px; left:0; top:0; height:100%; background:url(../images/alqc/btn_resize_dot.png) no-repeat center center; transition:0.3s;}
.right_panel .ui-resizable-w:hover {background:url(../images/alqc/btn_resize_dot_hover.png) no-repeat center center;}

.right_panel .cloud_type {color:#fff; display:inline-block; min-width:48px; padding:0 10px; text-align:center; background:#666; font-size:12px;}
.right_panel .cloud_type.miso {background:#0040c2;}
.right_panel .cloud_type.aws {background:#ff8b24;}
.right_panel .cloud_type.ncloud {background: linear-gradient(135deg,  rgba(35,192,156,1) 0%,rgba(0,219,89,1) 100%);}

.right_panel .form-control-border:disabled {background:#fff; border-color:#c3c3c3; color:#c3c3c3;}

.right_panel h3.rp_title {display:block; font-weight:700; font-size:25px; line-height:1; margin:0; width:100%; padding:0 40px 30px;}

.right_panel .rp_con {padding:0 40px 100px; min-width:500px; height:calc(100% - 56px); display:flex; justify-content:space-between;}


/* ******************** 상세판넬 - 좌측영역 ******************** */
.right_panel .rp_con .rp_left {height:calc(100vh - 195px); overflow-y:auto; padding-right:5px;}

/* 선택된 데이터 정보 */
.right_panel .selected_info {position:relative; margin:20px 0 0; background:#f4f8ff; padding:18px; border-radius:10px;}
.right_panel .selected_info.more_deco {margin:70px 0 30px;}
.right_panel .selected_info.more_deco:before {display:block; width:0; height:0; content:""; position:absolute; left:50%; margin-left:-32px; top:-66px; 
    border-bottom: 33px solid #f4f8ff; 
    border-top: 33px solid transparent; 
    border-left: 32px solid transparent; 
    border-right: 32px solid transparent;}
.right_panel .selected_info.more_deco:after {content:""; display:block; width:24px; height:24px; position:absolute; left:50%; top:-50px; margin-left:-12px; background:url(../images/alqc/info_selected_arrow.png) no-repeat center center;}

.right_panel .selected_info .info_top {display:flex; justify-content:space-between; margin-bottom:10px;}
.right_panel .selected_info .info_top h4 {display:inline-block; vertical-align:middle; font-size:16px; font-weight:500; color:#000; margin:0;}
.right_panel .selected_info .info_top .info_detail {display:inline-block; vertical-align:top; background:#fff; height:20px; width:calc(100% - 120px); text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.right_panel .selected_info .info_top .info_detail > span.cloud_type {vertical-align:top;}
.right_panel .selected_info .info_top .info_detail > span.info {display:inline-block; margin:0 0 0 30px; font-size:14px; color:#007aff; line-height:20px; vertical-align:top;}

.right_panel .selected_info .info_bottom i {margin-right:10px; color:#3b62eb; font-size:18px;}
.right_panel .selected_info .info_bottom span {font-size:15px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/* 검색 */
.right_panel .rp_category_search {display:flex; justify-content:space-between; margin-bottom:20px;}
.right_panel .rp_category_search input.rp_category_search_input {width:calc(100% - 55px);}
.right_panel .rp_category_search button.rp_category_search_btn {width:35px; height:35px; border-radius:18px; font-size:18px; background:#fff; border:1px solid #d4d4d4; transition:0.2s; color:#000; padding:0; text-align:center; line-height:33px;}
.right_panel .rp_category_search button.rp_category_search_btn:hover {background:#0078ff; color:#fff;}
.right_panel .rp_category_search button.rp_category_search_btn i {position:relative; top:-2px;}

/* ******************** jstree ******************** */
.jstree_area.jstree-default {height:300px; overflow-y:auto;}
.jstree_area.jstree-default .jstree-themeicon {font-style:normal; background:none !important;}
.jstree_area.jstree-default .jstree-themeicon:after {display:block; content:"\ef36"; font-family:"Icofont"; font-size:19px; color:#003880;}
.jstree_area.jstree-default .jstree-themeicon.user_file:after {content:"\eb2a"; font-size:15px;}
.jstree_area.jstree-default li.jstree-open .jstree-anchor > .jstree-icon.jstree-themeicon:after {content:"\ec5b"; color:#3c62ec;}
.jstree_area.jstree-default li.jstree-closed .jstree-anchor > .jstree-icon.jstree-themeicon:after {content:"\ef36"; color:#ffc000;}

/* 하위폴더가 없는 아이콘 */
.jstree_area.jstree-default li.jstree-leaf .jstree-anchor > .jstree-icon.jstree-themeicon:after {content:"\eb2a"; color:#ccc; font-size:16px; margin-top:1px;}
.jstree_area.jstree-default li.jstree-leaf.category .jstree-anchor > .jstree-icon.jstree-themeicon:after {content:"\ec5b"; color:#ccc;}
.jstree_area.jstree-default li .jstree-clicked.jstree-anchor i:after {/* color:#fff !important; */}
.jstree_area.jstree-default > .jstree-container-ul {padding-top:25px;}
.jstree_area.jstree-default .jstree-node, .con_tree .jstree-default .jstree-icon.jstree-themeicon {background:none !important;}
.jstree_area.jstree-default li .jstree-wholerow {border-bottom:none;}

.jstree_area .jstree-anchor {overflow:hidden; text-overflow:ellipsis;}
.jstree_area .vakata-context .vakata-contextmenu-disabled > a > i {filter:grayscale(100%);}

.jstree_area.jstree-default .jstree-wholerow-hovered {background:#f4f8ff;}
.jstree_area.jstree-default .jstree-wholerow-clicked {background:none !important; color:#007aff;}
.jstree_area.jstree-default .jstree-wholerow-hovered.jstree-wholerow-clicked {background:#f4f8ff !important;}

.jstree_area.jstree-default .jstree-clicked.jstree-anchor, 
.jstree_area.jstree-default .jstree-clicked.jstree-anchor:link, 
.jstree_area.jstree-default .jstree-clicked.jstree-anchor:visited, 
.jstree_area.jstree-default .jstree-clicked.jstree-anchor:hover, 
.jstree_area.jstree-default .jstree-clicked.jstree-anchor:active {color:#007aff;}

.jstree_area.jstree-default .jstree-node {min-height:32px; line-height:32px; margin-left:15px; min-width:20px;}
.jstree_area.jstree-default .jstree-anchor {line-height:32px; height:32px;}
.jstree_area.jstree-default .jstree-icon {width:20px; height:32px; line-height:32px;}
.jstree_area.jstree-default .jstree-icon:empty {width:20px; height:32px; line-height:32px;}

.jstree_area.jstree-default.jstree-rtl .jstree-node {margin-right:20px;}
.jstree_area.jstree-default .jstree-wholerow {height:32px;}
.jstree_area.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {background-position:-36px 3px;}
.jstree_area.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {background-position:-4px 3px;}

.jstree_area #jstree-dnd.jstree-default {line-height:32px; padding:0 4px;}
.jstree_area #jstree-dnd.jstree-default i {background:transparent; width:20px; height:32px; line-height:32px;}

.jstree_area.jstree-default .defaultViewYn_Y {font-weight:bold; color:#0059bc;}



/* ******************** 상세판넬 - 우측영역 ******************** */
.right_panel .rp_con .rp_right {height:calc(100vh - 195px); overflow-y:auto;}
.right_panel .rp_con .rp_right h4.mp_title {margin:0; position:relative; padding-right:90px;}
.right_panel .tooltip-inner {text-align:left; width:500px; max-width:500px;}
.right_panel span.mp_info {display:inline-block; font-size:13px; color:#0054ff; margin-left:10px; font-weight:300;}

/* 파일 유형 / 공통사항 */
.right_panel div.toggle {width:80px !important; font-size:0; height:10px !important; border-radius:10px; border:none !important; min-height:20px; position:absolute; right:20px; top:18px; margin:0;}
.right_panel div.toggle-group label.toggle-on {font-size:12px; font-weight:400; text-align:left; padding:0 19px; background-color:#007aff; border-color:#007aff; border-radius:0px; line-height:20px; height:20px;}
.right_panel div.toggle-group label.toggle-off {font-size:12px; font-weight:400; text-align:right; padding:0 13px; background-color:#c3c3c3 !important; border-color:#c3c3c3; color:#FFFFFF !important; border-radius:0px; line-height:20px; height:20px;}
.right_panel div.toggle-group label.toggle-off:hover {border-color:#c3c3c3;}
.right_panel div.toggle-group span.toggle-handle {border-radius:7px; min-width:14px; border:none; width:14px; height:14px; padding:0; right:10px; top:3px;}
.right_panel div.toggle.off div.toggle-group span.toggle-handle {right:-10px;}
.right_panel div.toggle.off span.toggle-handle:hover {background:#fff; border:none;}

.right_panel .m_panel .mp_con {margin:20px 0 0; transition:0.4s; max-height:400px; overflow:hidden;}
.right_panel div.toggle.off + .mp_con {height:0; margin-top:0;}
.right_panel .m_panel .mp_con span.inline_block_txt {display:inline-block; margin:0 7px; vertical-align:middle; height:30px; line-height:30px; font-size:13px;}
.right_panel .m_panel .mp_con input.form-control-border.file_nm {padding:0;}

/* ************* 데이터 검증 ************* */
.right_panel .rp_data_chk .extensionList {overflow-x:auto; overflow-y:hidden; display:inline-flex; flex-wrap:nowrap;}
.right_panel .rp_data_chk .extensionList::-webkit-scrollbar {height:8px; /* 스크롤바의 너비 */}
/* 파일타입 버튼 */
.btn_file_type {display:inline-block; transition:0.2s; min-width:50px; height:20px; padding:0 5px; margin:4px 4px 0 0; background:#cfcfcf; color:#fff; border:1px solid #cfcfcf; border-radius:10px; line-height:12px; 
    font-size:13px; vertical-align:top; text-align:center; float:left;}
.btn_file_type:last-child {margin-right:0;}

.btn_file_type.btn_file_csv.active {background:#007a37; border-color:#007a37;}
.btn_file_type.btn_file_json.active {background:#2020ac; border-color:#2020ac;}
.btn_file_type.btn_file_jpg.active {background:#57a5ed; border-color:#57a5ed;}
.btn_file_type.btn_file_jpeg.active {background:#027cca; border-color:#027cca;}
.btn_file_type.btn_file_png.active {background:#6034ef; border-color:#6034ef;}
.btn_file_type.btn_file_dcm.active {background:#54b5ff; border-color:#54b5ff;}
.btn_file_type.btn_file_mp3.active {background:#f53b6f; border-color:#f53b6f;}
.btn_file_type.btn_file_wav.active {background:#f5a43b; border-color:#f5a43b;}
.btn_file_type.btn_file_etc:hover {background:#fff; border-color:#acacac; color:#000;}
.btn_file_type.btn_file_etc.created {background:#fff; border-color:#acacac; color:#000;}
input.input_file_etc {display:inline-block; transition:0.2s; width:50px; height:20px; padding:0; margin:4px 0 0; background:#fff; color:#000; border:1px solid #acacac; border-radius:10px; line-height:12px; 
    font-size:13px; vertical-align:top; text-align:center;}


/* ************* CSV 치환 ************* */
.right_panel .m_panel.rp_csv_replace .table_scroll .form-control-border {margin:-2px 0;}
.right_panel .m_panel.rp_csv_replace .table_scroll .icon_delete2 {margin:0 0 0 10px;}

.right_panel .m_panel .add_row_btn_area {margin:10px 0 0; text-align:center;}
.right_panel .m_panel .add_row_btn_area button.add_row_btn {font-size:15px; padding:0 5px 0 0; margin:0; background:none; border:none; border-bottom:1px solid #868686; line-height:28px; jeight:30px; transition:0.2s;}
.right_panel .m_panel .add_row_btn_area button.add_row_btn:hover {color:#3c63ec; border-bottom-color:#3c63ec;}
.right_panel .m_panel .add_row_btn_area button.add_row_btn i {font-size:18px; margin:0 10px 0 0; vertical-align:middle;}


/* panel_wizard 버튼 */
.right_panel .panel_wizard_ctrl {position:absolute; right:60px; bottom:40px; z-index:2;}
.right_panel .panel_wizard_ctrl > button.btn_panel {display:inline-block; vertical-align:middle; min-width:60px; height:40px; padding:0 30px; margin:0 5px; position:relative; color:#000; font-size:16px; 
    font-weight:400; border:1px solid #e2e3e7; border-radius:30px; background:#fff; box-shadow:0 20px 30px rgba(0,0,0,0.2); transition:all ease 0.2s; text-align:center; line-height:37px;}
.right_panel .panel_wizard_ctrl > button.btn_panel.btn_reset {border-color:#003880; background-color:#003880; color:#fff;}
.right_panel .panel_wizard_ctrl > button.btn_panel.active {background-color:#000; color:#fff;}
.right_panel .panel_wizard_ctrl > button.btn_panel:hover {background-color:#007aff; color:#fff;}
.right_panel .panel_wizard_ctrl > button.btn_panel.btn_cancel:hover {border-color:#0078ff; background-color:#fff; color:#0078ff;}
.right_panel .panel_wizard_ctrl > button.btn_panel.btn_reset:hover { border-color: #0078ff; }

/* Datazon - 신규데이터 등록 패널 */
.panel_registration .form_area label.form_label {text-align:left;}

/* ************* 데이터 확인 2024.05 추가 ************* */
.right_panel .rp_con .rp_area {flex:1;}
.right_panel .rp_con .rp_area .view_info.highlight_blue {font-size:13px; text-align:right;}
.right_panel.panel_data, .right_panel.panel_api {width:900px;}
.right_panel.panel_detail_result {width:1400px;}

/* ************* 데이터 구조 오류 상세 결과 ************* */
.report_item {display:flex; justify-content:space-between; margin:0 -15px;}
.report_item .reportDetail {flex:1; margin:0 15px;}
.report_item .reportDetail .list_area {width:100%; font-size:15px;}
.report_item .reportDetail .list_area th {padding:10px 5px; color:#000; font-weight:500; background-color:#e8f0ff; border-bottom:1px solid #9db8ea; border-top:2px solid #395a9f;}
.report_item .reportDetail .list_area td {padding:10px 5px; position:relative; text-align:left; border-bottom:1px solid #dfe4e5; background-color:#fff;}
.report_item .reportDetail .list_area tbody tr:hover td {background-color:#f4f8ff;}
.report_item .reportDetail .list_area .table>caption+thead>tr:first-child>td, 
.report_item .reportDetail .list_area .table>caption+thead>tr:first-child>th, 
.report_item .reportDetail .list_area .table>colgroup+thead>tr:first-child>td, 
.report_item .reportDetail .list_area .table>colgroup+thead>tr:first-child>th, 
.report_item .reportDetail .list_area .table>thead:first-child>tr:first-child>td, 
.report_item .reportDetail .list_area .table>thead:first-child>tr:first-child>th {border-top:2px solid #395a9f;}

.right_panel .panel_wizard_ctrl > button.btn_panel {height:50px;}

/* ************* API명세서 2024.05 추가  ************* */
.panel_api .div_sampleData {position:relative;} 
.div_sampleData .mergeData {display:inline-block; position:absolute; top:10px; right:10px; border:0; border-radius:18px; border:1px solid #d4d4d4; background-color:#fff; color:#000; font-size:16px; float:right; transition:0.2s; width:35px; height:35px;
    line-height:33px; text-align:center; padding:0; margin:0 0 0 4px;}
.div_sampleData .mergeData:hover,
.div_sampleData .mergeData.active {background-color:#007aff; border-color:#007aff; color:#fff;}
.m_btn.btn_white.apiUrl {border-radius:6px; font-size:14px;}

.data_list_area {width:100%;}
.data_list_area table tbody tr:hover td {background-color:#f4f8ff;}
.data_list_area table th {color:#000; font-weight:500; border-top:2px solid #395a9f; border-bottom:1px solid #9db8ea; background-color:#e8f0ff;}
.data_list_area table td {border:1px solid #dfe4e5; background-color:#fff;}

/* ******************** 상세판넬(고정형) - 우측영역 ******************** */
.n_option_area {width:400px; padding:0 0 60px 0; position:fixed; top:0; right:-400px; bottom:0; background-color:#fff; transition:all ease 0.2s; z-index:10001;}
.n_option_area.active {right:0; box-shadow:0 0 10px rgba(0,0,0,0.2);}

/* 키워드 */
.n_option_area .keyword_group {background-color:#fff;}
.n_option_area .require_keyword_group {background-color:#fff;}
.n_option_area .option_item.keyword_group .keyword_item {background-color:#fff; border:1px solid #0078ff;}
.n_option_area .keyword_group .keyword_item .keyword {color:#000; padding-right:0;}

/* 옵션 내 버튼 */
.n_option_area .change_ctrl {display:inline-block; position:relative;}

.n_option_area .option_head .change_ctrl > button {display:inline-block; vertical-align:middle; width:20px; height:20px; padding:0; margin:0; position:relative; border:0; background:transparent; font-size:0;}
.n_option_area .option_head .change_ctrl > .btn_change_cancel {color:#ef3e3e;}
.n_option_area .option_head .change_ctrl > button:before {display:inline-block; line-height:1; color:#001f42; font-family:"icofont";}
.n_option_area .option_head .change_ctrl > button:hover:before {color:#fff;}
.n_option_area .option_head .change_ctrl > .btn_change:before {content:"\ebf5"; font-size:20px;}
.n_option_area .option_head .change_ctrl > .btn_change_ok:before {content:"\eed8"; font-size:20px;}
.n_option_area .option_head .change_ctrl > .btn_change_cancel:before {content:"\eee4"; font-size:18px;}
.n_option_area .option_head .change_ctrl > .btn_change_cancel:hover:before {color:#ef3e3e;}

.n_option_area .option_body .change_ctrl > button {display:inline-block; vertical-align:middle; width:35px; height:35px; padding:0; margin:0; position:relative; border:1px solid #d4d4d4; background-color:#fff; 
    font-size:0; border-radius:18px; transition:0.2s;}
.n_option_area .option_body .change_ctrl > .btn_change_cancel {color:#ef3e3e;}
.n_option_area .option_body .change_ctrl > button:before {display:inline-block; line-height:1; color:#001f42; font-family:"icofont"; transition:0.2s;}
.n_option_area .option_body .change_ctrl > button:hover {background-color:#007aff;}
.n_option_area .option_body .change_ctrl > button:hover:before {color:#fff;}
.n_option_area .option_body .change_ctrl > .btn_change:before {content:"\ebf5"; font-size:20px;}
.n_option_area .option_body .change_ctrl > .btn_change_ok:before {content:"\eed8"; font-size:20px;}
.n_option_area .option_body .change_ctrl > .btn_change_cancel:before {content:"\eee4"; font-size:18px;}
.n_option_area .option_body .change_ctrl > .btn_change_cancel:hover:before {color:#fff;}

.n_option_area .change_ctrl .btn_change_ok,
.n_option_area .change_ctrl .btn_change_cancel {display:none !important;}
.n_option_area .edit_mode .change_ctrl .btn_change {display:none !important;}
.n_option_area .edit_mode .change_ctrl .btn_change_ok,
.n_option_area .edit_mode .change_ctrl .btn_change_cancel {display:inline-block !important;}

/* 셀렉트박스 */
.n_option_area .option_key_name {padding:50px 25px 20px; background-color:#0078ff;}
.n_option_area .option_key_name input[type=text],
.n_option_area .option_key_name label {display:inline-block; vertical-align:top; max-width:calc(100% - 50px); height:45px; line-height:45px; padding:0; margin:0; color:#fff; font-size:28px; font-weight:500; letter-spacing:0; border:0; background-color:transparent;}
.n_option_area .option_key_name input[type=text] {display:none; border-bottom:1px solid transparent;}
.n_option_area .option_key_name .change_ctrl {margin:10px; position:absolute; right:0; top:52px;}
.n_option_area .option_key_name .change_ctrl > button:before {color:#fff;}
.n_option_area .option_key_name.edit_mode label {display:none;}
.n_option_area .option_key_name.edit_mode input[type=text] {display:inline-block; border-color:#fff;}

.n_option_area .option_body {max-height:calc(100vh - 195px); padding:20px 25px; overflow-y:auto;}
.n_option_area .option_group {padding:0; margin:0 0 20px 0; position:relative;}
.n_option_area dl.option_group {}
.n_option_area dl.option_group dt {padding:5px 0; position:relative; font-weight:normal;}
.n_option_area dl.option_group dt strong {font-weight:400;}
.n_option_area dl.option_group dd {padding:5px 10px 5px 0;}
.n_option_area dl.option_group dd .option_item + .option_item {margin-top:10px;}
.n_option_area dl.option_group dd label {font-weight:normal;}
.n_option_area .icon_tooltip {color:#000;}
.n_option_area .icon_tooltip.tooltip_range + .tooltip .tooltip-inner {text-align:left !important;}

.n_option_area .data_type {position:absolute; top:-2px; right:0;}
.n_option_area .switch_option {display:inline-block; margin-left:0;}
.n_option_area .switch_option + .switch_option {margin-left:10px;}
.n_option_area .switch_option.m_switch > input[type=checkbox] + label {width:100%; padding-left:0; padding-right:37px;}
.n_option_area .switch_option.m_switch > input[type=checkbox] + label:before {left:inherit; right:0;}
.n_option_area .switch_option.m_switch > input[type=checkbox] + label:after {left:inherit; right:15px;}
.n_option_area .switch_option.m_switch > input[type=checkbox]:checked + label:after {right:2px;}

.n_option_area .option_parent {position:relative;}
.n_option_area .option_parent .m_text[disabled] {border-color:transparent; background-color:#fff;}
.n_option_area .option_parent .change_ctrl {position:absolute; top:-35px; right:0;}
.n_option_area .option_parent .m_select {display:none;}
.n_option_area .option_parent.edit_mode .m_text {display:none;}
.n_option_area .option_parent.edit_mode .m_select {display:block;}


.n_option_area .option_bottom {padding:20px 10px; position:absolute; right:0; bottom:0; left:0; text-align:right; background-color:#fff;}
.n_option_area .option_bottom button {display:inline-block; vertical-align:middle; min-width:60px; height:40px; padding:0 30px; margin:0 5px; position:relative; color:#000; font-size:16px; 
    font-weight:400; border:1px solid #e2e3e7; border-radius:30px; background:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.1); transition:all ease 0.2s; text-align:center; line-height:37px;}
.n_option_area .option_bottom .btn_option_appay {border:1px solid #000; background-color:#000; color:#fff;}

.n_option_area .option_bottom .btn_option_cancel:hover {border-color:#0078ff; background-color:#fff; color:#0078ff;}
.n_option_area .option_bottom .btn_option_appay:hover {color:#fff; border-color:#007aff; background-color:#007aff;}

.n_option_area .option_bottom .btn_option_delete {position:absolute; left:70px; color:#000; font-size:16px; background:#fff; width:35px; height:35px; padding:0; margin:0; transition:0.2s; border:1px solid #d4d4d4; 
    text-align:center; line-height:33px; min-width:35px;}
.n_option_area .btn_option_delete:before {display:inline-block; content:'\f2ed'; margin-right:0; font-family:'Font Awesome 5 Free';}
.n_option_area .btn_option_delete:hover {background:#007aff; color:#fff; border-color:#007aff;}
.n_option_area .btn_option_delete:hover:before {color:inherit;}
.n_option_area .option_bottom .btn_option_domain {position:absolute; left:25px; color:#000; font-size:16px; background:#fff; width:35px; height:35px; padding:0; margin:0; transition:0.2s; border:1px solid #d4d4d4; 
    text-align:center; line-height:33px; min-width:35px;}
.n_option_area .btn_option_domain:before {display:inline-block; content:'\f02e'; margin-right:0; font-family:'Font Awesome 5 Free';}
.n_option_area .btn_option_domain:hover {background:#007aff; color:#fff; border-color:#007aff;}
.n_option_area .btn_option_domain:hover:before {color:inherit;}

.n_option_area .m_select .select2-container .select2-selection--single {min-height:30px;}
.n_option_area .m_select .select2-container--default .select2-selection--single .select2-selection__arrow {top:6px;}

.n_option_area .keyword_group {overflow:unset;}
.n_option_area .option_item span.select2 span.select2-selection--multiple {background:#f5f5f5;}
.n_option_area .option_item span.select2 span.select2-selection--multiple li.select2-selection__choice {background:#FFFFFF; color:#333;}
.n_option_area .option_item span.select2 span.select2-selection--multiple li.select2-selection__choice span {float:right; margin-left:10px; color:#333;}

.n_option_area .mergeData {display:inline-block; border:0; border-radius:18px; border:1px solid #d4d4d4; background-color:#fff; color:#000; font-size:16px; float:right; transition:0.2s; width:35px; height:35px;
    line-height:33px; text-align:center; padding:0; margin:0 0 0 4px;}
.n_option_area .mergeData:hover,
.n_option_area .mergeData.active {background-color:#007aff; border-color:#007aff; color:#fff;}

.n_option_area #btn_regExrCheck.disabled {pointer-events:none; background:#a9a9a9;}
.n_option_area #dl_reqRule .tooltip-inner {display:block;}
.n_option_area .validKeywordBtn {float:right;}
.n_option_area .validKeywordBtn button.active {background-color:#3b62eb;}

.n_option_area div.cmp_operation {display:inline; padding:4px 5px; color:#FFFFFF; border-radius:3px;  font-family:'Font Awesome 5 Free'; font-weight:900; margin-left:3px;}
.n_option_area div.cmp_operation.eq:before {content:"\f52c";}
.n_option_area div.cmp_operation.ne:before {content:"\f53e";}
.n_option_area div.cmp_operation.gt:before {content:"\f531";}
.n_option_area div.cmp_operation.gte:before {content:"\f532";}
.n_option_area div.cmp_operation.lt:before {content:"\f536";}
.n_option_area div.cmp_operation.lte:before {content:"\f537";}

.n_option_area .option_body .btn_regExrCheck:before {display:inline-block; line-height:1; color:#001f42; font-family:"icofont"; transition:0.2s; content:"\eed8"; font-size:20px;}

/* 구문적 정확성 검사 */
.qc_step_con .allCheckButton {padding:3px 8px; border:none; background-color:#3b62eb; color:#FFFFFF; border-radius:4px; font-size:13px;}
.qc_step_con button.allCheckButton {display:none;}
.qc_step_con button.allCheckButton.checkAll:before {content:"전체 선택";}
.qc_step_con button.allCheckButton.unCheckAll:before {content:"선택 해제";}
.qc_step_con li.allCheckArea:hover button.allCheckButton {display:initial;}
.qc_step_con li.allCheckArea:hover span {display:none;}
.qc_step_con li.allCheckArea span {display:block;}



/*================================================================================
                                    프로파일링
==================================================================================*/
/*======================================
            tui-grid
========================================*/
.tui-grid-cell-content select {width:98%; height:20px; font-size:12px; color:#2a3f54; border-color:#dadada; border-radius:3px;}
.tui-grid-cell-content input[type=password], .tui-grid-cell-content input[type=text] {width:100%; padding:2px; border:1px solid #ffffff; border-radius:3px;}

/* tui-grid */
.tui-grid-container{font-family:"KoPubWorldDotum", "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif !important; font-size:14px; overflow:auto; overflow-x:hidden;}
.tui-grid-cell{border-left-width:0 !important; border-right-width:0 !important; transition:0.2s; background:#fff !important; border-color:#dfe4e5 !important;}

.tui-grid-cell-header {color:#000 !important; font-weight:700; border-top:2px solid #395a9f !important; background-color:#e8f0ff !important; border-right:1px solid #9db8ea !important; position:relative; font-size:13px;}
.tui-grid-cell-header .tui-grid-btn-sorting,
.tui-grid-cell-header .tui-grid-btn-filter {vertical-align:middle; position:relative; line-height:20px; height:20px; display:inline-block;}

.tui-grid-header-area {border-color:#9db8ea !important;}

.tui-grid-cell-header .tui-grid-btn-sorting {background-position:-91px -7px;}
.tui-grid-cell-header .tui-grid-btn-sorting-down {background-position:-133px -7px;}
.tui-grid-cell-header .tui-grid-btn-sorting-up {background-position:-112px -7px;}

.tui-grid-cell-header .tui-grid-btn-filter {background-position:-15px -87px; width:20px;}
.tui-grid-cell-header .tui-grid-btn-filter-active {background-position:-49px -87px;}

.tui-grid-border-line-top{border-top:1px solid #395a9f !important; border-bottom-color:#a7a7a7 !important;}
.tui-grid-border-line-bottom{border-bottom-width:0 !important;}
.tui-grid-layer-focus-border{background-color:initial !important;}

/* progress bar */
.tui-grid-cell .progress {margin-bottom:0;}

/* 색상지정 */
.tui-grid-container .tui-grid-layer-selection {background-color:#6494e9 !important; color:#0167ff;}
.tui-grid-cell-header.tui-grid-cell-selected {color:#007aff !important;}

.tui-grid-content-area input[type=checkbox] {accent-color:#1aa0c1;}

.tui-grid-row-hover .tui-grid-cell {background-color:#f4f8ff !important; color:#0167ff;}
.grid_striped .tui-grid-row-even .tui-grid-cell {background:#f8f8f8 !important;}
.grid_striped .tui-grid-row-hover .tui-grid-cell{background-color:#e7f9ff !important;}

.tui-grid-cell-has-input .tui-grid-cell-content {padding:4px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1;}
.tui-grid-cell-content i {margin-right:5px; text-align:center;}
.tui-grid-scrollbar-right-top {height:28px !important; background-color:#e8f0ff !important;  border:0; border-top:2px solid #395a9f !important; border-left:1px solid #e8f0ff; border-bottom:1px solid #ccc !important;}
.tui-grid-body-area {background:#f8f8f8 !important;}

/* null image */
.tui-grid-layer-state .tui-grid-img-nodata {display:block; margin:0 auto 15px; width:50px;}

/* Checkbox */
.tui-grid-row-header-checkbox {height:15px; padding:5px 5px 3px;}
.tui-grid-row-header-checkbox > input[type=checkbox] {width:15px; height:15px;}
.tui-grid-cell-header > span {height:15px; display:inline-block; padding:5px 5px 3px;}
.tui-grid-cell-header > span > input[type=checkbox] {width:15px; height:15px;}

/* tui-pagination */
.tui-grid-container .tui-grid-pagination {margin:30px 0 20px; text-align:right;}
.tui-pagination {height:30px;}
.tui-pagination .tui-page-btn {width:28px; height:28px; padding:0; line-height:28px; margin:0 5px; color:#000; font-size:14px; font-weight:500; border:1px solid #d4d4d4; transition:0.2s; border-radius:15px; text-align:center;}
.tui-pagination .tui-page-btn:hover {background-color:#0078ff; color:#fff;}

.tui-pagination .tui-is-selected,.tui-pagination strong {color:#fff; background:#0078ff; border-color:#0078ff;}
.tui-pagination .tui-is-selected:hover {background-color:#0078ff}

/* .tui-pagination .tui-ico-ellip,.tui-pagination .tui-ico-first,.tui-pagination .tui-ico-last,.tui-pagination .tui-ico-next,.tui-pagination .tui-ico-prev {background:url(../images/common/tui_page.png) no-repeat 0 0;}
.tui-pagination .tui-ico-first {background-position:0 0}
.tui-pagination .tui-ico-prev {background-position:-26px 0}
.tui-pagination .tui-ico-next {background-position:-13px -24px}
.tui-pagination .tui-ico-last {background-position:0 -12px}
.tui-pagination .tui-ico-ellip {background-position:0 -24px}
.tui-pagination .tui-is-disabled .tui-ico-prev {background-position:-26px -12px}
.tui-pagination .tui-is-disabled .tui-ico-first {background-position:-13px 0}
.tui-pagination .tui-is-disabled .tui-ico-next {background-position:-21px -24px}
.tui-pagination .tui-is-disabled .tui-ico-last {background-position:-13px -12px} */

.tui-pagination .tui-ico-ellip:before,
.tui-pagination .tui-ico-first:before,
.tui-pagination .tui-ico-last:before,
.tui-pagination .tui-ico-next:before,
.tui-pagination .tui-ico-prev:before {content:""; display:block; font-family:"IcoFont"; color:#000;}
.tui-pagination .tui-ico-first:before {content:"\ea7b";}
.tui-pagination .tui-ico-prev:before {content:"\eab5";}
.tui-pagination .tui-ico-next:before {content:"\eab8";}
.tui-pagination .tui-ico-last:before {content:"\ea7c";}
.tui-pagination .tui-is-disabled > span:before {color:#bfbfbf;}

.tui-pagination .tui-first-child.tui-is-selected,.tui-pagination strong.tui-first-child {
    margin-left: 5px;
}



.tui-pagination .tui-first,
.tui-pagination .tui-last,
.tui-pagination .tui-next,
.tui-pagination .tui-next-is-ellip,
.tui-pagination .tui-prev,
.tui-pagination .tui-prev-is-ellip {width:28px; height:28px; line-height:28px; border:none;}
.tui-pagination .tui-first:hover,
.tui-pagination .tui-last:hover,
.tui-pagination .tui-next:hover,
.tui-pagination .tui-next-is-ellip:hover,
.tui-pagination .tui-prev:hover,
.tui-pagination .tui-prev-is-ellip:hover {color:#0078ff; background:none; border:none;}

.tui-pagination .tui-is-disabled:hover {background:transparent; cursor:default;}

.tui-pagination .tui-last-child.tui-is-selected {border-right:1px solid #0078ff;}
.tui-pagination .tui-first-child.tui-is-selected {border-left:1px solid #0078ff;}
.tui-pagination .tui-is-selected, .tui-pagination strong {color:#fff; background:#0078ff; border-color:#0078ff; cursor:default;}
.tui-pagination .tui-is-selected:hover {background-color:#0078ff;}

.tui-grid-table .m_check {margin:0;}

/* 페이지 하단 버튼 */
.btn_area.page {text-align:right;}
.btn_area.page .m_btn {height:50px; line-height:50px; border-radius:25px; padding:0 50px; box-shadow:0 20px 40px rgba(0,0,0,0.25); font-weight:400; border:0; font-size:18px;}
.btn_area.page .m_btn.btn_black {background:#000; color:#fff;} 
.btn_area.page .m_btn.btn_black:hover {background:#0078ff;}
.btn_area.page .m_btn.btn_white {border:1px solid #e2e3e7; background:#fff; color:#000;}
.btn_area.page .m_btn.btn_white:hover {border:1px solid #0078ff; background-color:#fff; color:#0078ff;}


/* ******************************** 공통 - 상단 DB 선택 ******************************** */
.n_qc_top .n_top_db {display:inline-block; position:absolute; left:0; bottom:-50px;}

.nt_select_lst_area {padding:0 25px; max-width:1600px; position:absolute; background:#fff; left:0; top:120px; height:0; border-radius:10px; transition:0.4s; overflow:hidden; display:inline-block;}
.nt_select_lst_area.active {padding:25px 25px 13px 25px; height:250px; box-shadow:5px 0 30px rgba(0,0,0,0.15);}
ul.nt_select_lst {padding:0 0 12px; margin:0 0 15px; border:none; display:block; white-space:nowrap; overflow-y:hidden; overflow-x:auto;}
ul.nt_select_lst li {padding:0; margin:0 16px 0 0; display:inline-block; float:none; width:180px; height:200px; position:relative; vertical-align:top;}
ul.nt_select_lst li:last-child {margin-right:0;}

ul.nt_select_lst li button.add_item {display:inline-block; width:100%; height:150px; transition:0.3s; background-color:#fff; border:1px dashed #bababa; border-radius:10px; margin:0; text-align:center; padding:85px 10px 0;
    background:#fff url(../images/db_icon/icon_add.png) no-repeat center 15px; color:#cecece; position:relative; font-weight:700; font-size:18px; line-height:30px; vertical-align:top;}
ul.nt_select_lst li button.add_item:hover {background:#06289c url(../images/db_icon/icon_add.png) no-repeat center 15px; color:#fff; border:1px solid #06289c;}
ul.nt_select_lst li button.add_item span {display:inline-block; position:absolute; left:50%; top:88px; transform:translate(-50%,0);}

ul.nt_select_lst li button.btn_delete_db {position:absolute; right:10px; top:10px; width:20px; height:20px; background:none; font-size:14px; text-align:center; line-height:20px; border:none; transition:0.2s; color:#000;
    padding:0;}
ul.nt_select_lst li:hover button.btn_delete_db {color:#fff;}
ul.nt_select_lst li:hover button.btn_delete_db:hover {color:#ffae00;}

.nt_db_icon_btn_area button.btn_delete_db {position:absolute; right:10px; top:10px; width:20px; height:20px; background:none; font-size:14px; text-align:center; line-height:20px; border:none; transition:0.2s; color:#fff;
    padding:0;}
.nt_db_icon_btn_area:hover button.btn_delete_db:hover {color:#ffae00;}

.n_top_db .btn_db_add {display:inline-block; width:150px; height:100px; transition:0.3s; background-color:#fff; border:1px dashed #bababa; border-radius:10px; margin:0; text-align:center; padding:50px 10px 0;
    background:#fff url(../images/db_icon/icon_add.png) no-repeat center 20px; background-size:30px 30px; color:#cecece; position:relative; font-weight:700; font-size:18px; line-height:30px; vertical-align:top;}
.n_top_db .btn_db_add:hover {background:#fff url(../images/db_icon/icon_add_hover_blue.png) no-repeat center 20px; color:#06289c; border:1px dashed #06289c; background-size:30px 30px;}

.nt_db_icon {display:inline-block; width:100%; height:200px; transition:0.3s; background-color:#fff; border:1px solid #dbdbdb; border-radius:10px; margin:0; text-align:center; padding:80px 0 0;
    background-repeat:no-repeat; background-position:center center; color:#000; position:relative; overflow:hidden; letter-spacing:-0.5px;}
.nt_db_icon:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:90px; background-position:center center; background-repeat:no-repeat;}


.nt_db_icon_btn_area {margin-right:20px; display:inline-block; position:relative;}
.nt_db_icon.nt_db_icon_btn {background-color:#06289c; border-color:#06289c; box-shadow:0 10px 10px rgba(0,0,0,0.25); width:350px; height:100px; padding:0px 20px 0px 170px; overflow:visible;}
.nt_db_icon.nt_db_icon_btn strong {color:#fff;}
.nt_db_icon.nt_db_icon_btn small {color:#95d0fd;}
.nt_db_icon.nt_db_icon_btn:after {content:""; display:block; width:0; height:0; position:absolute; left:50%; bottom:0; margin-left:-8px; transition:0.2s; z-index:-1; opacity:0;
    border-bottom:15px solid transparent;
    border-top:15px solid #06289c;
    border-left:8px solid transparent;
    border-right:8px solid transparent;}
.nt_db_icon.nt_db_icon_btn.active:after,
.nt_db_icon.nt_db_icon_btn:hover:after {bottom:-30px; z-index:0; opacity:1;}

#btn_bookmarkRuleList:after {content:""; display:block; width:0; height:0; position:absolute; left:50%; bottom:0; margin-left:-8px; z-index:-1; opacity:0;
    border-bottom:15px solid transparent;
    border-top:15px solid #06289c;
    border-left:8px solid transparent;
    border-right:8px solid transparent;}
#btn_bookmarkRuleList.active:after, #btn_bookmarkRuleList:hover:after {bottom:-30px; z-index:0; opacity:1;}
#btn_bookmarkRuleList.active {color: #06289c; border: 1px dashed #06289c;}

.nt_db_icon.nt_db_icon_btn:before {position:absolute; left:0; top:0; width:170px; height:100px; background-position:center center; background-repeat:no-repeat;}

.nt_db_icon strong {display:block; font-weight:700; font-size:18px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px;}
.nt_db_icon small {display:block; font-size:15px; font-weight:400; height:24px; line-height:18px; color:#424242; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px;}
.nt_db_icon span {display:none; color:#424242; font-size:15px;}
.nt_db_icon span.load_num {color:#0078ff; font-weight:500;}

/* 와이드버전 */
.nt_select_wide.nt_select_lst_area.active {height:250px;}
.nt_select_wide ul.nt_select_lst li {width:180px; height:200px;}
.nt_select_wide ul.nt_select_lst li .nt_db_icon {height:200px;}

.nt_select_wide ul.nt_select_lst li .nt_db_icon span {display:block;}
.nt_select_wide .nt_db_icon.status_loading:after {top:65px;}

/* 호버 액션 */
ul.nt_select_lst li:not(.active):hover .nt_db_icon,
.nt_db_icon.active {background-color:#06289c; border-color:#06289c; box-shadow:0 10px 10px rgba(0,0,0,0.25);}

ul.nt_select_lst li:hover .nt_db_icon strong,
ul.nt_select_lst li.active .nt_db_icon strong,
.nt_db_icon.active strong {color:#fff;}

ul.nt_select_lst li:hover .nt_db_icon small,
ul.nt_select_lst li.active .nt_db_icon small,
.nt_db_icon.active small {color:#95d0fd !important;}

.nt_select_wide ul.nt_select_lst li:hover .nt_db_icon small,
.nt_select_wide ul.nt_select_lst li.active .nt_db_icon small {color:#fff;}

.nt_select_wide ul.nt_select_lst li:hover .nt_db_icon span,
.nt_select_wide ul.nt_select_lst li.active .nt_db_icon span {color:#fff;}

.nt_select_wide ul.nt_select_lst li:hover .nt_db_icon span.load_num,
.nt_select_wide ul.nt_select_lst li.active .nt_db_icon span.load_num {color:#95d0fd;}

#sec_metadataArea .nt_db_icon_btn_area .nt_db_icon.db_loading:before {content:""; display:block; width:70px; height:70px; position:absolute; left:30%; top:20px; margin-left:-35px; animation:rotate 2s linear infinite; 
    background:url(../images/db_icon/db_icon_loading.png) no-repeat center center;}
#sec_metadataArea .nt_db_icon_btn_area .nt_db_icon.db_loading.active:before,
#sec_metadataArea .nt_db_icon_btn_area .nt_db_icon.nt_db_icon_btn.db_loading:before {content:""; display:block; width:70px; height:70px; position:absolute; left:30%; top:20px; margin-left:-35px; animation:rotate 2s linear infinite; 
    background:url(../images/db_icon/db_icon_loading.png) no-repeat center center;}

.nt_db_icon.db_meta:before {background-image:url(../images/db_icon/db_icon_meta.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_meta:before,
.nt_db_icon.db_meta.active:before,
.nt_db_icon.nt_db_icon_btn.db_meta:before,
ul.nt_select_lst li.active .nt_db_icon.db_meta:before {background-image:url(../images/db_icon/db_icon_meta_hover.png);}

.nt_db_icon.db_mhdb:before {background-image:url(../images/profiling/main/db_mhdb.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_mhdb:before,
.nt_db_icon.db_mhdb.active:before,
.nt_db_icon.nt_db_icon_btn.db_mhdb:before,
ul.nt_select_lst li.active .nt_db_icon.db_mhdb:before {background-image:url(../images/profiling/main/db_mhdb_hover.png);}

.nt_db_icon.db_mysql:before {background-image:url(../images/profiling/main/db_mysql.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_mysql:before,
.nt_db_icon.db_mysql.active:before,
.nt_db_icon.nt_db_icon_btn.db_mysql:before,
ul.nt_select_lst li.active .nt_db_icon.db_mysql:before {background-image:url(../images/profiling/main/db_mysql_hover.png);}

.nt_db_icon.db_altibase:before {background-image:url(../images/profiling/main/db_altibase.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_altibase:before,
.nt_db_icon.db_altibase.active:before,
.nt_db_icon.nt_db_icon_btn.db_altibase:before,
ul.nt_select_lst li.active .nt_db_icon.db_altibase:before {background-image:url(../images/profiling/main/db_altibase_hover.png);}

.nt_db_icon.db_cubrid:before {background-image:url(../images/profiling/main/db_cubrid.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_cubrid:before,
.nt_db_icon.db_cubrid.active:before,
.nt_db_icon.nt_db_icon_btn.db_cubrid:before,
ul.nt_select_lst li.active .nt_db_icon.db_cubrid:before {background-image:url(../images/profiling/main/db_cubrid_hover.png);}

.nt_db_icon.db_db2:before {background-image:url(../images/profiling/main/db_db2.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_db2:before,
.nt_db_icon.db_db2.active:before,
.nt_db_icon.nt_db_icon_btn.db_db2:before,
ul.nt_select_lst li.active .nt_db_icon.db_db2:before {background-image:url(../images/profiling/main/db_db2_hover.png);}

.nt_db_icon.db_mariadb:before {background-image:url(../images/profiling/main/db_mariadb.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_mariadb:before,
.nt_db_icon.db_mariadb.active:before,
.nt_db_icon.nt_db_icon_btn.db_mariadb:before,
ul.nt_select_lst li.active .nt_db_icon.db_mariadb:before {background-image:url(../images/profiling/main/db_mariadb_hover.png);}

.nt_db_icon.db_ms_sql:before {background-image:url(../images/profiling/main/db_ms_sql.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_ms_sql:before,
.nt_db_icon.db_ms_sql.active:before,
.nt_db_icon.nt_db_icon_btn.db_ms_sql:before,
ul.nt_select_lst li.active .nt_db_icon.db_ms_sql:before {background-image:url(../images/profiling/main/db_ms_sql_hover.png);}

.nt_db_icon.db_netezza:before {background-image:url(../images/profiling/main/db_netezza.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_netezza:before,
.nt_db_icon.db_netezza.active:before,
.nt_db_icon.nt_db_icon_btn.db_netezza:before,
ul.nt_select_lst li.active .nt_db_icon.db_netezza:before {background-image:url(../images/profiling/main/db_netezza_hover.png);}

.nt_db_icon.db_oracle:before {background-image:url(../images/profiling/main/db_oracle.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_oracle:before,
.nt_db_icon.db_oracle.active:before,
.nt_db_icon.nt_db_icon_btn.db_oracle:before,
ul.nt_select_lst li.active .nt_db_icon.db_oracle:before {background-image:url(../images/profiling/main/db_oracle_hover.png);}

.nt_db_icon.db_postgre_sql:before {background-image:url(../images/profiling/main/db_postgre_sql.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_postgre_sql:before,
.nt_db_icon.db_postgre_sql.active:before,
.nt_db_icon.nt_db_icon_btn.db_postgre_sql:before,
ul.nt_select_lst li.active .nt_db_icon.db_postgre_sql:before {background-image:url(../images/profiling/main/db_postgre_sql_hover.png);}

.nt_db_icon.db_sap_hana:before {background-image:url(../images/profiling/main/db_sap_hana.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_sap_hana:before,
.nt_db_icon.db_sap_hana.active:before,
.nt_db_icon.nt_db_icon_btn.db_sap_hana:before,
ul.nt_select_lst li.active .nt_db_icon.db_sap_hana:before {background-image:url(../images/profiling/main/db_sap_hana_hover.png);}

.nt_db_icon.db_sybasease:before {background-image:url(../images/profiling/main/db_sybasease.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_sybasease:before,
.nt_db_icon.db_sybasease.active:before,
.nt_db_icon.nt_db_icon_btn.db_sybasease:before,
ul.nt_select_lst li.active .nt_db_icon.db_sybasease:before {background-image:url(../images/profiling/main/db_sybasease_hover.png);}

.nt_db_icon.db_tibero:before {background-image:url(../images/profiling/main/db_tibero.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_tibero:before,
.nt_db_icon.db_tibero.active:before,
.nt_db_icon.nt_db_icon_btn.db_tibero:before,
ul.nt_select_lst li.active .nt_db_icon.db_tibero:before {background-image:url(../images/profiling/main/db_tibero_hover.png);}

.nt_db_icon.db_vertica:before {background-image:url(../images/profiling/main/db_vertica.png);}
ul.nt_select_lst li:hover .nt_db_icon.db_vertica:before,
.nt_db_icon.db_vertica.active:before,
.nt_db_icon.nt_db_icon_btn.db_vertica:before,
ul.nt_select_lst li.active .nt_db_icon.db_vertica:before {background-image:url(../images/profiling/main/db_vertica_hover.png);}


.nt_db_icon.status_error {background-color:#f0d0d1;}
ul.nt_select_lst li:not(.active):hover .nt_db_icon.status_error,
.nt_db_icon.status_error.active {background-color:#06289c;}

/* .nt_db_icon.status_standby {background-color:#cccccc;} */
ul.nt_select_lst li:not(.active):hover .nt_db_icon.status_standby,
.nt_db_icon.status_standby.active {background-color:#06289c;}

.nt_db_icon.status_loading {background-color:#cccccc;}
.nt_db_icon.status_loading:after {content:""; display:block; width:70px; height:70px; position:absolute; left:50%; top:40px; margin-left:-35px; animation:rotate 2s linear infinite; 
    background:url(../images/db_icon/db_icon_loading.png) no-repeat center center;}
ul.nt_select_lst li:not(.active):hover .nt_db_icon.status_loading,
.nt_db_icon.status_loading.active {background-color:#06289c;}

.nt_db_icon.status_loading_no_icon {background-color:#cccccc;}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*======================================
            Profiling Panel
========================================*/
.p_panel {position:relative;}
.p_panel .pp_top strong {background:#fff; display:inline-block; min-width:300px; height:45px; border-radius:10px 45px 0 0; line-height:45px; text-align:center; color:#000; font-size:22px; font-weight:700;
    box-shadow:3px -5px 10px rgba(0,0,0,0.05); padding-top:7px;}

.p_panel .pp_con {background:#fff; padding:55px 30px 30px; border-radius:0 10px 10px 10px; position:relative;}
.p_panel .pp_con .small_title {margin:0 0 30px; font-size:20px; font-weight:700; position:relative;}
.p_panel .pp_con .subject {font-size:18px;}

/* 검색영역 */
.p_panel .pp_con .search_item {position:absolute; right:0; top:-10px; font-weight:400;}
.p_panel .pp_con .search_item label {color:#000; font-size:18px; width:35px; height:35px; border-radius:18px; border:1px solid #d4d4d4; margin:0; text-align:center; line-height:33px; background:#fff; transition:0.2s;}
.p_panel .pp_con .search_item label i {position:relative; top:-2px;}
.p_panel .pp_con .search_item label:hover {border-color:#0078ff; background:#0078ff; color:#fff;}
.p_panel .pp_con .search_item input.search-box {transition:0.6s; width:0; height:35px; border-radius:0; border:none; border-bottom:1px solid transparent; background:#fff; font-size:15px; color:#000; margin:0; 
    padding:0; line-height:33px; vertical-align:top;}
.p_panel .pp_con .search_item.focus input.search-box {border-color:#0078ff; width:200px; margin-right:10px;}
/*.p_panel .pp_con .search_item.focus label {border-color:#0078ff; background:#0078ff; color:#fff;}*/

.p_panel .pp_con .search_submit,
.p_panel .pp_con #search-submit {position:absolute; left:-5000px;}
.p_panel .pp_con .search-icon {position:relative; left:17px; cursor:pointer;}
.p_panel .pp_con #btn_refresh {margin-right:0;}

/* ******************************** 데이터 관리 - 공통 ******************************** */
.db_data_wrap {margin-top:30px;}



/* ******************************** 데이터 관리 - DB 연결 관리 ******************************** */
.db_wrap {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start;}
.db_wrap .db_connect {max-width:60%;}
.db_wrap .db_connect .page_lst {margin:0;}

/* 가로형 리스트 */
ul.db_list {display:flex; justify-content:space-between; flex-wrap:wrap; padding:0; margin:10px 0 0;}
ul.db_list li {flex:1 1 45%; position:relative; margin:0 15px 32px; padding:0; background:#fff; border-radius:10px; border:1px solid transparent; transition:0.4s; list-style:none;}
ul.db_list li:hover,
ul.db_list li.active {border-color:#0078ff; box-shadow:0 15px 20px rgba(0,0,0,0.2); z-index:2;}
/* 데이터 타입 */
ul.db_list li .list_item {position:relative; padding:25px 25px 15px 130px;}

ul.db_list li .list_item .btn_box {display:block; position:absolute; top:10px; right:10px;}

ul.db_list li span.data_type {display:block; position:absolute; left:-12px; top:-13px; min-width:100px; height:30px; padding:0 15px; background:#999; font-size:16px; color:#fff; text-align:center; line-height:28px;}
ul.db_list li span.data_type:after {content:""; position:absolute; border-right:11px solid #000; border-bottom:11px solid transparent; display:block; top:30px; left:0;}
ul.db_list li span.data_type.connect {background:#06289c; border-radius:0 15px 15px 0;}
ul.db_list li span.data_type.fail {background:#f21c23; border-radius:0 15px 15px 0;}
 
ul.db_list li .list_item .thumb_box {display:inline-block; margin:0; padding:0; text-align:center; width:130px; height:100px; position:absolute; left:0; top:50%; transform:translate(0,-50%);
    line-height:100px;}
ul.db_list li .list_item .subject_item {display:inline-block; padding:0; vertical-align:middle;}
ul.db_list li .list_item .subject_item .subject {font-size:20px;}
ul.db_list li .list_item .subject_item .desc {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-width:234px; margin:8px 0 12px; color:#727272; font-size:15px; overflow:hidden;}
ul.db_list li .list_item .subject_item .date {color:#727272; font-size:14px;}

.db_form {width:calc(40% - 5px); margin:10px 0 0; border:1px solid #dadada; border-radius:10px; background-color:#fff;}
.db_form .ctrl_top {position:relative; padding:0 30px; border-radius:10px 10px 0 0; background-color:#06289c; line-height:50px;}
.db_form .ctrl_top .db_title {display:inline-block; color:#fff; font-size:20px; font-weight:700; vertical-align:middle;}
.db_form .ctrl_top .m_btn.btn_registration {position:absolute; right:30px; top:10px; height:30px; border-color:#fff; border-radius:15px; background-color:transparent; color:#fff; font-size:15px;}
.db_form .ctrl_top .m_btn.btn_registration:hover,
.db_form .ctrl_top .m_btn.btn_registration:focus {border-color:#0078ff; background-color:#0078ff; color:#fff;}

.db_type {padding:0 28px;}
.db_type h4 {margin:15px 0; font-size:15px;}
.db_type .type_list {display:flex; gap:10px; max-width:582px; padding:0 0 20px; list-style:none; overflow-x:auto;}
.type_list .thumb_item {width:120px; height:120px; padding-top:85px; border:1px solid #dbdbdb; border-radius:10px; text-align:center;}
.type_list .thumb_item:hover,
.type_list .thumb_item:focus,
.type_list .thumb_item.active {border-color:#06289c; color:#fff; transition:0.2s;}
.type_list .thumb_item.img_mariadb {background:url(../images/db_icon/db_icon_mariadb.png) no-repeat center 20px #fff;}
.type_list .thumb_item.img_db2 {background:url(../images/db_icon/db_icon_db2.png) no-repeat center 20px #fff;}
.type_list .thumb_item.img_cubrid {background:url(../images/db_icon/db_icon_cubrid.png) no-repeat center 20px #fff;}
.type_list .thumb_item.img_mssql {background:url(../images/db_icon/db_icon_mssql.png) no-repeat center 20px #fff;}
.type_list .thumb_item.img_mysql {background:url(../images/db_icon/db_icon_mysql.png) no-repeat center 20px #fff;}
.type_list .thumb_item.img_oracle {background:url(../images/db_icon/db_icon_oracle.png) no-repeat center 20px #fff;}
.type_list .thumb_item.img_netezza {background:url(../images/db_icon/db_icon_netezza.png) no-repeat center 20px #fff;}
.type_list .thumb_item.img_sap_hana {background:url(../images/db_icon/db_icon_sap_hana.png) no-repeat center 20px #fff;}
.type_list .thumb_item.img_tbero {background:url(../images/db_icon/db_icon_tbero.png) no-repeat center 20px #fff;}
.type_list .thumb_item.img_vertica {background:url(../images/db_icon/db_icon_vertica.png) no-repeat center 20px #fff;}
.type_list .thumb_item.img_postgre {background:url(../images/db_icon/db_icon_postgre.png) no-repeat center 20px #fff;}
.type_list .thumb_item.img_sybasease {background:url(../images/db_icon/db_icon_sybasease.png) no-repeat center 20px #fff;}
.type_list .thumb_item.img_mariadb:hover, .thumb_item.img_mariadb.active {background:url(../images/db_icon/db_icon_mariadb_hover.png) no-repeat center 20px #06289c; box-shadow:0 15px 20px rgba(0,0,0,0.2);}
.type_list .thumb_item.img_db2:hover, .thumb_item.img_db2.active {background:url(../images/db_icon/db_icon_db2_hover.png) no-repeat center 20px #06289c; box-shadow:0 15px 20px rgba(0,0,0,0.2);}
.type_list .thumb_item.img_cubrid:hover, .thumb_item.img_cubrid.active {background:url(../images/db_icon/db_icon_cubrid_hover.png) no-repeat center 20px #06289c; box-shadow:0 15px 20px rgba(0,0,0,0.2);}
.type_list .thumb_item.img_mssql:hover, .thumb_item.img_mssql.active {background:url(../images/db_icon/db_icon_mssql_hover.png) no-repeat center 20px #06289c; box-shadow:0 15px 20px rgba(0,0,0,0.2);}
.type_list .thumb_item.img_mysql:hover, .thumb_item.img_mysql.active {background:url(../images/db_icon/db_icon_mysql_hover.png) no-repeat center 20px #06289c; box-shadow:0 15px 20px rgba(0,0,0,0.2);}
.type_list .thumb_item.img_oracle:hover, .thumb_item.img_oracle.active {background:url(../images/db_icon/db_icon_oracle_hover.png) no-repeat center 20px #06289c; box-shadow:0 15px 20px rgba(0,0,0,0.2);}
.type_list .thumb_item.img_sap_hana:hover, .thumb_item.img_sap_hana.active {background:url(../images/db_icon/db_icon_sap_hana_hover.png) no-repeat center 20px #06289c; box-shadow:0 15px 20px rgba(0,0,0,0.2);}
.type_list .thumb_item.img_tbero:hover, .thumb_item.img_tbero.active {background:url(../images/db_icon/db_icon_tbero_hover.png) no-repeat center 20px #06289c; box-shadow:0 15px 20px rgba(0,0,0,0.2);}
.type_list .thumb_item.img_vertica:hover, .thumb_item.img_vertica.active {background:url(../images/db_icon/db_icon_vertica_hover.png) no-repeat center 20px #06289c; box-shadow:0 15px 20px rgba(0,0,0,0.2);}
.type_list .thumb_item.img_postgre:hover, .thumb_item.img_postgre.active {background:url(../images/db_icon/db_icon_postgre_hover.png) no-repeat center 20px #06289c; box-shadow:0 15px 20px rgba(0,0,0,0.2);}
.type_list .thumb_item.img_sybasease:hover, .thumb_item.img_sybasease.active {background:url(../images/db_icon/db_icon_sybasease_hover.png) no-repeat center 20px #06289c; box-shadow:0 15px 20px rgba(0,0,0,0.2);}


.db_area.form_correction {display:none;}
.db_form .form_area {width:calc(100% - 60px); margin:30px auto 0;}
.db_form .form_area textarea.form-control-border {min-height:50px;}
.db_form .form_area .form-control-border {padding:0;}
.db_form .form_area .form_item + .form_item {position:relative; margin-top:14px;}
/* 파일 유형 / 공통사항 */
.db_form div.toggle {position:absolute; left:100px; top:5px; width:80px !important; font-size:0; height:10px !important; border-radius:10px; border:none !important; min-height:20px; margin:0;}
.db_form div.toggle-group label.toggle-on {font-size:12px; font-weight:400; text-align:left; padding:0 19px; background-color:#007aff; border-color:#007aff; border-radius:0px; line-height:20px; height:20px;}
.db_form div.toggle-group label.toggle-off {font-size:12px; font-weight:400; text-align:right; padding:0 13px; background-color:#c3c3c3 !important; color:#FFFFFF !important; border-color:#c3c3c3; border-radius:0px; line-height:20px; height:20px;}
.db_form div.toggle-group span.toggle-handle {border-radius:7px; min-width:14px; border:none; width:14px; height:14px; padding:0; right:10px; top:3px;}
.db_form div.toggle.off div.toggle-group span.toggle-handle {right:-10px;}
.db_form div.toggle.off span.toggle-handle:hover {background:#fff; border:none;}

.db_form .advanced_area {padding-left:80px;}
.db_form .advanced_area .form_area .form_item {margin-top:15px;}
.db_form .advanced_area .form_area label.form_label {font-size:15px; font-weight:500;}

.db_form .btn {font-weight:400; transition:0.2s;}
.db_form .btn i {margin:0 10px 0 0;}

.db_form .page_btn {position:relative; padding:0 45px 40px 30px; text-align:right; display:flex; justify-content:space-between;}
.db_area.db_form .page_btn .btn.btn-connect-test {position:relative; left:0; padding:0; border:0; background-color:transparent; color:#00abba; font-size:16px; text-decoration:underline; text-underline-offset:10px; transition:0.2s;}
.db_area.db_form .page_btn .btn.btn-connect-test:hover {color:#0078ff;}
.db_area.db_form .page_btn .btn.btn-connect-test i {margin-right:10px;}
.db_area.db_form .page_btn .btn.btn-default:hover {border-color:#0078ff; background-color:#fff; color:#0078ff;}

.db_area.db_form .btn.btn-connect-connection {border:0; background-color:transparent; color:#000; font-size:16px; transition:0.2s; padding:0;}
.db_area.db_form .btn.btn-connect-success {border:0; background-color:transparent; color:#1ec248; font-size:16px; transition:0.2s; padding:0;}
.db_area.db_form .btn.btn-connect-fail {border:0; background-color:transparent; color:#ff0042; font-size:16px; transition:0.2s; padding:0;}

.db_area .n_btn_icon:last-of-type, .db_area .n_btn_icon:last-of-type:hover {margin-right:0;}

/* ******************************** 데이터 관리 - 메타 데이터 관리 ******************************** */
.n_qc_title.detail_title {font-weight:700;}
.btn_detail_list {width:100px;}

.m_select.select_data {display:inline-block; width:200px; margin:0 30px 0 10px; padding:0; vertical-align:top; font-size:15px;}
.m_select.select_data .select2-container {padding-left:0;}
.m_select.select_data .select2-container--default .select2-selection--single {height:35px;}
.m_select.select_data .select2-container--default .select2-selection--single .select2-selection__arrow {top:7px;}
.m_select.select_data .select2-container--default .select2-selection--single .select2-selection__rendered {padding:4px 5px; line-height:25px;}

.table_title {font-size:20px; font-weight:700;}

.tab_panel {position:relative;}
.tab_panel .panel_top {position:relative;}
.tab_panel .panel_top span {display:inline-block; margin-left:20px; font-size:16px; position:relative; padding-left:10px; vertical-align:bottom; padding-bottom:10px;}
.tab_panel .panel_top span:before {content:""; display:block; width:3px; height:3px; border-radius:50%; background:#000; position:absolute; left:0; top:10px;}

/* 패널 탭 - 공통요소 */
.panel_top ul.panel_tab {border:none;}
.panel_top ul.panel_tab li a {border:none; padding:0; display:block; height:50px; border-radius:10px 45px 0 0; background:none;}
.panel_top ul.panel_tab li a > strong {display:inline-block; position:relative; top:0; height:50px; padding:0 90px; border-radius:10px 45px 0 0; background:#ababab; color:#fff; line-height:50px; 
    font-size:22px; font-weight:400; transition:0.3s;}
.panel_top ul.panel_tab li a > strong:hover {background:#fff; color:#000; font-weight:700;}
.panel_top ul.panel_tab li.active a > strong {top:-10px; height:60px; padding:0 100px; border-radius:10px 45px 0 0; background:#fff; color:#000; line-height:60px; font-size:24px; font-weight:700;}
.panel_top ul.panel_tab li.active > a:hover,
.panel_top ul.panel_tab li.active > a:focus {border:none;}

/* 탭 콘텐츠 영역 */
.tab_panel .panel_con {background:#fff; padding:55px 30px 30px; border-radius:0 10px 10px 10px; position:relative;}
.panel_con .tab_meta_area .btn_group {top:37px;}
.panel_con .tab_meta_area .btn_group .inp_check {margin:4px 4px 0 0;}
.panel_con .tab_meta_area .input_box {width:580px;}
.panel_con .tab_meta_area .input_box > label {display:inline-block; margin:0 20px 5px 0; font-size:18px; color:#0078ff; font-weight:400;}
.panel_con .tab_meta_area .input_box .rule_name {display:inline-block; position:relative; height:32px;}
.panel_con .tab_meta_area .input_box .rule_name.active {border-bottom:1px solid #787b80;} 
.panel_con .tab_meta_area .input_box .rule_name input {width:415px; height:30px; border:0; font-size:22px; font-weight:700;}
.panel_con .tab_meta_area .input_box .rule_name .btn_icon.icon_edit {width:30px; height:30px; line-height:30px;}

.panel_con .btn_group {position:absolute; right:30px; top:15px; height:30px; line-height:30px; background:none; border:none; padding:0; transition:0.2s; color:#000; font-size:15px; margin:0;}
.panel_con .btn_group.group_set {top:40px; height:auto;}
.panel_con .btn_group .m_check {vertical-align:middle;}
.panel_con .btn_group .m_check > input[type=checkbox] + label:before {top:1px;}
.panel_con .btn_group .m_check .cehck_label {margin-right:25px; padding-left:27px; font-size:15px; font-weight:400;}
.panel_con .btn_group .m_btn {margin:0 1px;}
.btn_icon.icon_edit {width:35px; height:35px; padding:0; background-color:#fff; line-height:33px; font-size:22px; text-align:center; vertical-align:middle; transition:0.2s;}

.panel_con .set_area {margin-top:60px;}
.panel_con .set_area .top_title_ctrl {margin-bottom:18px; padding-bottom:0;}
.panel_con .set_area .btn_group {top:-13px; right:0;} 
.panel_con .set_area .btn_group .n_btn_icon {margin-left:8px;}

.set_area .table_list_area .list_wrap .list_item.w_table {width:600px;}
.set_area .table_list_area .list_wrap .list_item.w_colume {width:calc(100% - 640px);}

/* 검색 */
.data_title_ctrl {position:relative; padding:12px 0;}
.data_title_ctrl h3 {margin:0;}
.data_title_ctrl h3 i.fa-table {margin-right:10px; color:#b1bed6; font-size:15px;}
.data_title_ctrl h3 .colum_name {color:#007aff; font-size:20px;}

.data_title_ctrl .search_item {position:absolute; top:0; right:0; display:inline-block; height:35px; padding:0; vertical-align:top; margin-right:5px;}
.data_title_ctrl .search_item input.search-box {transition:0.6s; width:0; height:35px; border-radius:0; border:none; border-bottom:1px solid transparent; background:#fff; font-size:15px; color:#000; margin:0; 
    padding:0; line-height:33px; vertical-align:top;}
.data_title_ctrl .search_item label {color:#000; font-size:18px; width:35px; height:35px; border-radius:18px; border:1px solid #d4d4d4; margin:0; text-align:center; line-height:33px; background:#fff; transition:0.2s;}
.data_title_ctrl .search_item label i {position:relative; top:-2px;}
.data_title_ctrl .search_item label:hover {border-color:#0078ff; background:#0078ff; color:#fff;}

.data_title_ctrl .search_item.focus input.search-box {border-color:#0078ff; width:300px; margin-right:10px;}
/*.data_title_ctrl .search_item.focus label {border-color:#0078ff; background:#0078ff; color:#fff;}*/

.data_title_ctrl .search_submit,
.data_title_ctrl #search-submit {position:absolute; left:-5000px;}
.data_title_ctrl .search-icon {position:relative; left:17px; cursor:pointer;}

.m_btn.icon_table_upload {font-size:15px;}
.m_btn.icon_table_upload i {margin-right:10px;}

.table_list_area.type_row .list_wrap {display:flex; gap:40px;}
.table_list_area.type_row .list_wrap .list_item .list_area {min-width:400px;}

.td_switch.switch_option {margin-left:0;}
.td_switch.switch_option + .switch_option {margin-left:10px;}
.td_switch.switch_option.m_switch > input[type=checkbox] + label {width:100%; padding-left:0; padding-right:37px;}
.td_switch.switch_option.m_switch > input[type=checkbox] + label:before {left:inherit; right:0;}
.td_switch.switch_option.m_switch > input[type=checkbox] + label:after {left:inherit; right:15px;}
.td_switch.switch_option.m_switch > input[type=checkbox]:checked + label:after {right:2px;}

.tab_result_area .result_title {display:inline-block; margin-right:70px; font-size:22px; font-weight:700;}
.result_item.count_case {display:inline-block; width:calc(100% - 200px);}
.result_item.count_case .result_info {display:flex; justify-content:space-between; align-items:center; padding:6px 50px; background-color:#06289c; border-radius:35px;}
.result_item.count_case .result_info h4 {color:#bdd9ff; font-size:18px; font-weight:500;}
.result_item.count_case .result_info h5.count_title {display:inline-block; margin-right:46px; color:#bdd9ff; font-size:18px;}
.result_item.count_case .result_info h5.count_title i {margin-right:5px;}
.result_item.count_case .result_info .count_box {display:inline-block; margin:0; color:#bdd9ff; font-size:18px;}
.result_item.count_case .result_info .count_box .count {color:#fff; font-size:22px;}
.result_item.count_case .result_info .count_box .count_percent {color:#fff;}
.result_item.count_case .result_info a.btn_result_check {width:190px; height:30px; line-height:30px; border-radius:15px; background-color:#fff; color:#06289c; text-align:center;}
.result_item.count_case .result_info a.btn_result_check:hover {background-color:#3578ff; color:#fff; transition:0.2s;}

.tab_result_area .result_table_area {margin-top:45px;}
.tab_result_area .result_table_area .data_title_ctrl {padding:20px 0 10px;}
.tab_result_area .result_table_area input.inp_title {width:100%; height:30px;}
.tab_result_area .result_table_area table td .num_box {margin:0; padding:0; text-align:right; list-style:none;}
.tab_result_area .result_table_area table td .num_box .num {position:relative; margin-bottom:6px;}
.tab_result_area .result_table_area table td .num_box .num:last-child {margin-bottom:0;}
.tab_result_area .result_table_area table td .num_box .num i {position:absolute; top:3px; left:0; color:#6096ff;}
.tab_result_area .result_table_area table td .num_box .num span {margin-left:10px;}
.n_btn_icon.icon_delete {font-size:16px;}

/* wizard 버튼 */
.wizard_ctrl.wizard_profile {text-align:center;}
.wizard_ctrl.wizard_profile a.btn_wizard_next {display:inline-block; position:relative; width:300px; padding:15px 95px 15px 30px; border-radius:50px; font-size:18px; background-color:#003880; color:#fff;
   text-align:center; box-shadow:0 0 15px rgba(0,0,0,0.2);}
.wizard_ctrl.wizard_profile a:before {display:block; content:""; width:59px; height:1px; position:absolute; top:50%; background-color:#003880;}
.wizard_ctrl.wizard_profile a:after {display:block; content:""; width:1px; height:10px; margin-top:-9px; position:absolute; top:50%; background-color:#003880;}
.wizard_ctrl.wizard_profile a.btn_wizard_next:before {right:33px;}
.wizard_ctrl.wizard_profile a.btn_wizard_next:after {right:38px; transform:rotate(-45deg);}
.wizard_ctrl.wizard_profile a:hover:before,
.wizard_ctrl.wizard_profile a:hover:after,
.wizard_ctrl.wizard_profile a.btn_wizard_next:before,
.wizard_ctrl.wizard_profile a.btn_wizard_next:after {background-color:#fff;}


/* ******************************** 결과 조회 화면(상세) ******************************** */
.con_analysis_result .data_qna > li .ans .num.highlight_blue {font-size:20px; font-weight:700;}

.function_ctrl_area {position:relative; margin-bottom:16px; text-align:right;}
.function_ctrl_area .m_select.select_data {margin:0 18px 0 10px;}
.function_ctrl_area .search_item.function_search {display:inline-block; position:relative; top:0; height:35px; margin-right:5px; padding:0; vertical-align:top;}
.function_ctrl_area .m_btn.icon_table_upload {vertical-align:top;}

.data_detail_wrap {display:flex; justify-content:space-between;}
.data_detail_wrap .detail_result_area {flex:1; padding:0 35px;}
.data_detail_wrap .detail_result_area.structural {width:calc(100% - 791px); padding:0 25px 0 35px;}
.data_detail_wrap .detail_result_area.type_border.structural {width:791px; padding:0 35px 0 10px;}
.detail_result_area.structural.type_border {padding-left:15px; border-right:1px solid #e0e1e2;}
.detail_result_area.structural.type_border .detail_item:nth-child(1) {margin-bottom:60px;}
.detail_result_area.structural .detail_item .small_title {margin:0 0 24px;}
.detail_result_area.structural .result_item.count_case {width:100%;}

.structural_diagnosis.type_error {display:flex; justify-content:space-between; margin-top:60px;}
.structural_diagnosis.type_error .sd_piechart {position:relative; width:500px; height:360px;}
.structural_diagnosis.type_error .sd_piechart > span {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:10; margin-top:5px; text-align:center;}

.structural_syntax {margin:0 0 0 20px; width:220px;}
.structural_syntax p.sd_detail_total {font-size:18px; font-weight:700; margin:0 0 20px; padding-left:34px;}
.structural_syntax p.sd_detail_total span {color:#6f6f6f; font-weight:400; display:inline-block; margin:0 8px; vertical-align:top;}
.structural_syntax .detail_msg_list {padding:0; margin:0;}
.structural_syntax .detail_msg_list li {padding:0; margin:0 0 20px; list-style:none; display:inline-block;}
.structural_syntax .detail_msg_list li span {width:190px; height:35px; line-height:35px; background:#edf0f3; border-radius:18px; display:block; margin:0 0 5px; text-align:center; font-weight:500;}
.structural_syntax .detail_msg_list li strong {display:inline-block; margin-left:15px; font-size:24px; font-weight:700; vertical-align:bottom;}
.structural_syntax .detail_msg_list li strong:after {content:"/"; display:inline-block; margin:0 5px; font-size:18px; font-weight:400; vertical-align:bottom;}
.structural_syntax .detail_msg_list li small {display:inline-block; font-size:18px; vertical-align:bottom;}

/* 진단 상세 결과 */
.category_name.name_mysql {background-color:#0040c2;}

.m_btn.icon_result_upload {position:absolute; top:20px; right:20px;}

.diagnosis_result .sd_barchart {width:100%; height:370px;}
.diagnosis_result .sd_barchart canvas {width:100% !important;}

/* ******************************** 규칙 관리 ******************************** */
/* ********** 분석 규칙 *********** */
.panel_con .set_area.set_rule .btn_group {top:0;}

.data_title_ctrl.rule_ctrl .search_item.focus input.search-box {width:180px;}

.tab_rule_area .table_list_area .list_wrap .list_item.w_table {width:400px;}
.tab_rule_area .table_list_area .list_wrap .list_item.w_colume {width:calc(100% - 440px);}

.keyword_group.type_keyword .keyword_item {background-color:#e8e8e8;}

/* 일괄 설정 패널 */
.right_panel.panel_batch_set {width:1350px;}
.right_panel.panel_batch_set .rp_con {gap:40px;}
.right_panel.panel_batch_set .rp_left {width:58%;}
.right_panel.panel_batch_set .rp_right {width:42%;}

.panel_batch_set .data_title_ctrl .n_btn_icon {position:absolute; top:11px; right:0;}
.panel_batch_set .form_title {margin:0; font-size:20px; font-weight:700;}
.panel_batch_set .form_area {position:relative; padding:0 0 30px;}
.panel_batch_set .form_area .form_sub_title {font-size:18px; font-weight:700;}
.panel_batch_set .form_area .form_item {margin-top:26px;}
.panel_batch_set .form_area .form_item .item_title {display:inline-block; margin-right:18px; font-size:16px;}
.panel_batch_set .form_area .form_item .form_group {display:inline-block; width:49%; padding-left:10px;}
.panel_batch_set .form_area .form_item .form_group label.form_label {width:82px; text-align:left; font-weight:500;}
.panel_batch_set .form_area .form-control-border {padding:0;}
.panel_batch_set .form_area .form-control-border.reference_value {width:350px;}
.panel_batch_set .form_area .form_item .btn_group {display:inline-block;}
.panel_batch_set .form_area .form_item .btn_group .m_btn {margin:2px; padding:0 12px;}
.panel_batch_set .form_area .m_btn.btn_domain {position:absolute; top:-5px; right:0; border:0; color:#292de4; font-size:15px; text-decoration:underline; text-underline-offset:10px;}
.panel_batch_set .form_area .m_btn.btn_domain:hover {color:#0078ff;}

.panel_batch_set .option_item {padding-left:10px;}
.panel_batch_set .option_item .vaild_value {width:400px;}
.panel_batch_set .option_item .select2.select2-container {max-width:300px;}
.panel_batch_set .option_item .m_select .select2-container--default .select2-selection--single .select2-selection__arrow {top:4px;}

.panel_batch_set .colum_set_area {display:none; padding:50px 0 0;}
.panel_batch_set .colum_set_area.active {display:block;}
.panel_batch_set .colum_set_area .list_wrap {display:flex; gap:15px;}
.panel_batch_set .colum_set_area .list_wrap .list_area {flex:1;}
.panel_batch_set .colum_set_area .list_wrap .list_area .data_title_ctrl {padding:10px 0 12px;}
.panel_batch_set .colum_set_area .list_wrap .list_area .table_title {margin:15px 0 0; font-size:16px; font-weight:500;}
.panel_batch_set .colum_set_area .list_wrap .list_area .table_scroll {height:355px;}

.btn_check_view {position:absolute; bottom:-20px; right:0; padding:0 30px; font-size:15px;}
.btn_check_view i.fa-chevron-down {margin-right:12px;}

.panel_batch_set .switch_option {display:block; margin:20px 0; padding-left:10px;}
.panel_batch_set .switch_option.m_switch > input[type=checkbox] + label {width:100%; padding-left:0; padding-right:37px;}
.panel_batch_set .switch_option.m_switch > input[type=checkbox] + label:before {left:inherit; right:0;}
.panel_batch_set .switch_option.m_switch > input[type=checkbox] + label:after {left:inherit; right:15px;}
.panel_batch_set .switch_option.m_switch > input[type=checkbox]:checked + label:after {right:2px;}


/* ********** 중복 검증 규칙 ********** */



/* ******************************** 분석 리포트 ******************************** */
.category_name.name_external_data {background-color:#5cb018;}
.con_analysis_result .data_qna > li .ans.num strong.highlight_blue {margin-right:8px; font-size:20px; font-weight:700;}
.con_analysis_result .data_qna > li .ans.num > span {margin-left:8px;}
.con_analysis_result .data_item .info_txt.analysis {position:absolute; right:0; bottom:10px; margin:0;}

.tab_panel .panel_top span.info_txt.analysis {position:absolute; top:0; left:730px;}
.tab_panel .panel_top span.info_txt.analysis:before {display:none;}


/* ********** 테이블 목록 ********** */
.p_panel .pp_top strong.title_list {cursor:pointer;}
.p_panel .pp_top strong.title_list i.fas {transform:rotate(0deg); transition:0.3s;}
.p_panel .pp_top strong.title_list.active i.fas {transform:rotate(180deg); transition:0.3s;}
.p_panel .pp_con.table_analysis {min-height:10px; padding:10px 30px 0; transition:0.4s;}
.p_panel .pp_con.table_analysis .search_item.focus input.search-box {width:300px;}
.p_panel .pp_con.table_analysis .list_area {height:0;}

.p_panel .pp_con.table_analysis.active {min-height:530px; padding:55px 30px 30px; transition:0.3s;}
.p_panel .pp_con.table_analysis.active .list_area {height:auto;}

.list_analysis .data_title_ctrl .search_item {top:0;}
.list_analysis .m_rangeSlider {position:unset; padding:0 45px;}
.list_analysis .m_rangeSlider .rate_text {top:36px; width:100%; text-align:center;}
.list_analysis .m_rangeSlider > .irs {width:100%; top:-9px;}

/* ********** 구조 진단 결과 ********** */
.btn_table_list i.fas {margin-right:8px;}

.section_result .small_title.color_blue {display:inline-block; margin-right:10px; color:#0078ff; font-size:18px;}
.section_result.syntactic .m_btn.btn_view {position:absolute; top:-30px; right:0; width:190px;}
.m_btn.btn_table_change {height:22px; padding:0 9px; line-height:18px; background-color:#5faaff; border:1px solid #5faaff; color:#fff; font-size:13px;}
.m_btn.btn_table_change i.fas {transform:rotate(0deg); transition:0.2s;}
.m_btn.btn_table_change.active i.fas {transform:rotate(180deg); transition:0.2s;}

.more_tooltip {opacity:0; position:absolute; top:0; left:270px; width:300px; z-index:1;}
.more_tooltip.active {opacity:1; transition:0.2s;}
.more_tooltip.active:before {content:""; position:absolute; top:27px; left:-10px; width:0; height:0; border-right:10px solid #e9f3ff; border-bottom:9px solid transparent; border-top:10px solid transparent;}
/* .m_btn.btn_table_change:hover + .more_tooltip {opacity:1; transition:0.2s;}
.m_btn.btn_table_change:hover + .more_tooltip:before {content:""; position:absolute; top:27px; left:-10px; width:0; height:0; border-right:10px solid #e9f3ff; border-bottom:9px solid #fff; border-top:10px solid #fff;} */
.more_tooltip .btn_item {max-width:300px; padding:20px; border-radius:10px; background-color:#e9f3ff; box-shadow:0 10px 30px 10px rgba(0,0,0,0.1);}
.more_tooltip .btn_item ul.item_list {max-height:180px; overflow-y:auto; padding:0 20px;}
.more_tooltip .btn_item .table_info {margin-bottom:10px; font-size:15px;}
.more_tooltip .btn_item .table_info.active,
.more_tooltip .btn_item .table_info:hover {color:#0078ff;}
.more_tooltip .btn_item .table_info::marker {font-size:10px;}
.more_tooltip .btn_item .table_info:hover::marker,
.more_tooltip .btn_item .table_info.active::marker {color:#0078ff;}
.more_tooltip .btn_item .table_info.active {color:#0078ff;}

.section_result.syntactic .download_area {position:relative; height:40px; margin:20px 0; line-height:40px;}
.section_result.syntactic .download_area .small_title {display:inline-block; margin:0; font-size:24px;}
.section_result.syntactic .download_area .icon_img_down {position:absolute; top:10px; right:10px;}

.chart_data_box {position:absolute; top:50%; left:50%; z-index:99999; min-height:unset; transform:translate(-50%, -50%);}
.chart_data_box .pie_chart_data .highlight_pink {display:block;}

/* ********** 통계적 다양성 결과 ********** */
.data_result_area.report_detail {display:flex; justify-content:space-between; margin-top:60px;}
.data_result_area.report_detail .toast_chart {flex:1; position:relative; width:50%; height:500px; margin-right:80px;}
.data_result_area.report_detail .toast_chart > span {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:10; margin-top:5px; text-align:center;}
.data_result_area.report_detail .result_data_box {flex:1;}
.data_result_area.report_detail > div:not(.result_data_box) { margin-right: 80px; flex: 1; }




/* ******************************** 사용자 조회 ******************************** */
.right {float:right;}
span.txt_color {color:#000;}
ul.ctrl_area.picker_item {margin:0 20px;}

.bootstrap-select > select {left:auto !important;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width:140px;}
.select_table.bootstrap-select .dropdown-menu .inner {max-height:300px !important;}
.select_table.bootstrap-select .dropdown-menu li a {height:30px; line-height:30px; font-size:14px; font-weight:500;}
.select_table.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {color:#3b63eb;}

.usage_area {padding:25px 50px 0 30px; margin:0;}
.usage_area li {list-style:none; padding:0; margin:0 0 35px; position:relative;}
.usage_area li:last-child {margin-bottom:0;}
.usage_area li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.usage_area li > label {float:left; width:200px; font-size:18px;}
.usage_area li .step_con {float:right;width:calc(100% - 200px);font-size:15px;}
.usage_area li .step_con .radio {margin-bottom:10px;}
.usage_area li .step_con .radio:last-child {margin-bottom:0;}
.usage_area li .step_con .radio label input[type=radio]:checked + i + span {color:#4b74e0;}
.usage_area li .step_con .radio label small {display:inline-block; margin-left:15px; font-size:13px; color:#8c8c8c;}
.usage_area li .step_con .radio.radio-inline {margin-bottom:0;}

.datepicker-dropdown {border:0; border-top:3px solid #3b63eb; border-radius:15px; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.datepicker-panel>ul[data-view=months]>li.highlighted,
.datepicker-panel>ul[data-view=months]>li:hover, 
.datepicker-panel>ul[data-view=years]>li:hover {background-color:#007aff; border-radius:50%; color:#fff;}
.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover {color:#fff;}

input.month_input {width:150px; background:url(../images/al/calendar_icon_2.png) no-repeat left center;}
input.month_input:disabled {background:#f0f0f0 url(../images/common/datepicker_disabled.png) no-repeat right center;}

/* 포인트 설정 */
.usage_con ul.point_setting {padding:0;}
.usage_con ul.point_setting li {margin-bottom:10px;}
.usage_con ul.point_setting li > label {font-size:15px; width:180px;}
.usage_con ul.point_setting li .i_tooltip {transition:0.2s; color:#bcbcbc;}
.usage_con ul.point_setting li .i_tooltip:hover {color:#000;}
.usage_con ul.point_setting li .i_tooltip .i_tooltip_div {background:rgba(0,0,0,0.6);}
.usage_area li .usage_con {position:relative;}
.usage_con ul.point_setting li .i_tooltip .i_tooltip_div:after {border-color:rgba(0,0,0,0.6) transparent transparent transparent;}

#pointSetting.usage_con .point_board {color:#000; background:#fff;}
#pointSetting.usage_con .point_board .point_status_top {margin-top:52px;}
#pointSetting.usage_con .point_board h3.status_title_sm {display:inline-block; width:150px; margin:0; padding-top:5px; color:#fff; font-size:24px; font-weight:300; vertical-align:middle;}
#pointSetting.usage_con .point_board h4.status_title {padding:0; font-size:20px; font-weight:400;}
#pointSetting.usage_con .point_board h4.status_title small {color:#646464; font-size:14px; display:inline-block; font-weight:normal; margin-left:20px;}
#pointSetting.usage_con .point_board h5.status_title_sm {display:inline-block; margin:0; padding-top:5px; font-size:24px; vertical-align:middle;}
#pointSetting.usage_con .point_board .s_data {display:inline-block; float:right; margin:0; padding-top:5px; color:#000; font-size:24px; vertical-align:middle;}
#pointSetting.usage_con .point_board .s_data strong {color:#007aff; font-size:32px;}
#pointSetting.usage_con .point_board .point_info_box {margin-top:40px;}
#pointSetting.usage_con .point_board .point_info_box:after {content:""; display:block; clear:both;}
#pointSetting.usage_con .point_board .point_info.left {width:55%; padding-right:70px;}
#pointSetting.usage_con .point_board .point_info.left .highlight_blue {font-size:20px; font-weight:400;}
#pointSetting.usage_con .point_board .point_info.right {width:45%; padding-left:70px;}
#pointSetting.usage_con .point_board .div_priceInfo:before {content:""; display:inline-block; width:5px; height:5px; margin-bottom:5px; border-radius:5px; background-color:#000;}

#pointSetting.usage_con .point_board .item_data {margin-bottom:25px;}
#pointSetting.usage_con .point_board .check_box .sp_rightCheckSpan {display:block; margin-top:15px; margin-bottom:15px; font-size:20px; line-height:30px;}
#pointSetting.usage_con .point_board .check_box .sp_rightCheckSpan strong {color:#007aff; font-size:26px;}

#pointSetting.usage_con .point_board .status_con {position:absolute; top:14px; right:20px; vertical-align:middle;}
#pointSetting.usage_con .point_board .status_con:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#pointSetting.usage_con .point_board .status_con p {color:#fff; font-size:40px; line-height:40px; font-weight:bold; letter-spacing:-1px;}
#pointSetting.usage_con .point_board .status_con p img {vertical-align:middle;}
#pointSetting.usage_con .point_board .status_con p span {display:inline-block; color:#fff; font-size:20px; font-weight:300; vertical-align:middle;}
#pointSetting.usage_con .point_board .status_con .status_table {width:100%; font-size:14px; color:#646464;}
#pointSetting.usage_con .point_board .status_con .status_table thead {}
#pointSetting.usage_con .point_board .status_con .status_table thead tr th {text-align:center; border-bottom:1px solid #d9d9d9; padding:5px 10px;}
#pointSetting.usage_con .point_board .status_con .status_table tbody {}
#pointSetting.usage_con .point_board .status_con .status_table tbody tr th {text-align:center; padding:5px 10px;}
#pointSetting.usage_con .point_board .status_con .status_table tbody tr td {text-align:right; padding:5px 10px; color:#000;}

.usage_con .point_board .point_status_bottom {position:relative;}
.usage_con .point_board .point_status_bottom .point_box {position:absolute; top:0; right:0; width:667px; padding:22px 0 16px 50px; border-radius:80px 10px 10px 0; background-color:#007aff;}
.usage_con .point_board .point_status_bottom p {display:inline-block; margin-bottom:0; color:#4b74e0; vertical-align:middle;}
.usage_con .point_board .point_status_bottom .info_txt {position:absolute; top:54px; right:0; font-size:14px;}
.usage_con .point_board p.status_info {color:#ed1c24; font-size:16px; letter-spacing:-1px; margin:7px 0 0 15px; font-weight:500;}
.usage_con .point_board p.status_info img {vertical-align:baseline;}

/* 기본 요금 변경 패널 */
.right_panel.panel_point {width:550px;}
.right_panel.panel_point .rp_con {padding:0 85px 100px 40px;}
.right_panel.panel_point .panel_wizard_ctrl {right:85px;}

.panel_point .form_area label.form_label {width:100%; text-align:left;}
.panel_point .form_area .btn_item {text-align:right;}
.panel_point .form_area .btn_item .m_btn {width:100px; padding:0; border-radius:20px; font-size:15px;} 
.panel_point .form_area .btn_item .m_btn span.plus {margin-right:5px;}
.panel_point .form_area .plus_fee {display:block; margin:32px 0;}
.panel_point .form_area .add_item {margin:32px 0;}
.panel_point .form_area .add_item .price {margin-right:5px; color:#000;}
.panel_point .form_area .data_final {margin-right:5px; font-size:16px; text-align:right;}
.panel_point .form_area .data_final .finalFee {margin-right:8px; color:#007aff; font-size:20px; font-weight:700;}
.panel_point .form_area .form-control-border {padding:0 0 0 10px; font-size:16px; text-align:right;}
.panel_point .form_area .form-control-border.free_num {width:calc(100% - 20px);}





@media all and (max-width:1640px) {
    /* top 영역 */
    .n_qc_area .n_qc_top .m_inner {padding:75px 30px;}
    .n_qc_top .n_top_db {left:30px;}
    .n_qc_top .top_function {right:30px;}
    .n_qc_top .select_area {left:30px;}
    .n_qc_area.con_analysis_result .m_btn.modal-open,
    .n_qc_area.con_analysis_result .m_btn.btnDownload {position:absolute; right:30px;}
    
    /* 본문영역 */
    .n_qc_area .n_qc_con {padding:60px 30px;}
    .n_qc_con span.total_num {left:30px;}
    .n_qc_step_area .qc_step_body .step_title .sub_info {right:30px;}
    
    
    .nt_select_lst_area {max-width:1400px;}
    
    /* 분석 리포트 - 분석 결과 탭 상세 */
    .error_msg_list > li {font-size:18px;}
    .error_msg_list > li .title {padding:6px 20px;}
    
}



/* ******************************** 팝업 ******************************** */
.layerCon .popContents .flow_nqc.pop_pf .x_content_pop {min-height:495px;}
.theme_smartALQC .layerCon .popContents .pop_pf .x_title_pop .title {font-weight:600; text-align:left;}
.content_pop_profile .qc_table thead tr th, .content_pop_profile .qc_table tbody tr td {font-size:14px;}
.highlight_color {color:#0078ff;}

/* 데이터 관리 - 메타 데이터 관리 */
.tab_panel.type_popup .panel_top {border-bottom:1px solid #bcbcbc;}
.tab_panel.type_popup .panel_top strong {padding:0 60px;}
.tab_panel.type_popup .panel_top ul.panel_tab li a {height:35px; border-radius:10px 40px 0 0;}
.tab_panel.type_popup .panel_top ul.panel_tab li a > strong {padding:0 50px; text-align:center; font-size:18px; height:35px; line-height:35px; border:1px solid transparent;}
.tab_panel.type_popup .panel_top ul.panel_tab li.active a > strong {border:1px solid #bcbcbc; border-bottom:0; top:-9px; font-size:20px; height:45px; line-height:45px; padding:0 60px;}
.tab_panel.type_popup .panel_top ul.panel_tab li a > strong:hover {border:1px solid #bcbcbc; border-bottom:0;}



.inner_title {font-size:18px; font-weight:600;}
#div_layer_popup .content_pop_profile .form_area {overflow:hidden;}
#div_layer_popup .content_pop_profile .form_area .form_item + .form_item {margin-top:20px;}
#div_layer_popup .content_pop_profile .form_area label.form_label {font-size:18px; text-align:left;}
.content_pop_profile.data_regist .popup_area {display:flex; justify-content:space-between;}
.content_pop_profile.data_regist .popup_area > div {width:48.5%;}
.content_pop_profile.data_regist .popup_area .section_jstree .inner_title {margin-top:5px;}

.content_pop_profile.data_regist .tab_panel .panel_con {padding:30px 5px 0;}

.content_pop_profile .popup_area .table_list_area.table_grid {margin-top:33px;}

.content_pop_profile .popup_area .db_info {background:#f4f8ff; border-radius:0; width:calc(100% - 100px); display:inline-block; padding:20px 35px;}
.content_pop_profile .popup_area .db_info .info_list {font-size:16px; margin-bottom:25px; font-weight:500;}
.content_pop_profile .popup_area .db_info .info_list:last-of-type {margin-bottom:0;}
.content_pop_profile .popup_area .db_info .info_list span {color:#646464; width:150px; display:inline-block;}
.content_pop_profile .popup_area .db_info .info_list strong {color:#0040c2; font-weight:500;}

.content_pop_profile .popup_area .select_search .category_search {width:calc(100% - 169px); margin-left:15px; display:inline-block;}
.content_pop_profile .category_search .category_search_input {width:calc(100% - 40px);}
.content_pop_profile .category_search button.category_search_btn {width:35px; height:35px; border-radius:18px; font-size:18px; background:#fff; border:1px solid #d4d4d4; transition:0.2s; color:#000; padding:0; text-align:center; line-height:33px;}
.content_pop_profile .category_search button.category_search_btn:hover {background:#0078ff; color:#fff;}
.content_pop_profile .category_search button.category_search_btn i {position:relative; top:-2px;}

.content_pop_profile .cloud_type {color:#fff; display:inline-block; min-width:48px; width:70px; padding:0 10px; line-height:20px; text-align:center; background:#666; font-size:13px;}
.content_pop_profile .cloud_type.miso {background:#0040c2;}
.content_pop_profile .cloud_type.aws {background:#ff8b24;}
.content_pop_profile .cloud_type.ncloud {background: linear-gradient(135deg,  rgba(35,192,156,1) 0%,rgba(0,219,89,1) 100%);}
.content_pop_profile .cloud_type.mysql {background:#0040c2;}
.content_pop_profile .cloud_type.oracle {background:#d13030;}
.content_pop_profile .cloud_type.mssql {background:#0040c2;}
.content_pop_profile .cloud_type.sap_hana {background:#ff8b24;}
.content_pop_profile .cloud_type.vertica {background: linear-gradient(135deg,  rgba(35,192,156,1) 0%,rgba(0,219,89,1) 100%);}
.content_pop_profile .cloud_type.postgre {background:#ff8b24;}
.content_pop_profile .cloud_type.mariadb {background:#ff8b24;}

/* 버튼 */
.profile_page_btn {margin:50px 20px 44px; text-align:right;}
.profile_page_btn > span {display:inline-block;}
.profile_page_btn button.btn {display:inline-block; vertical-align:middle; min-width:100px; height:50px; padding:0 30px; margin:0 5px; position:relative; color:#000; font-size:18px; 
    font-weight:400; border:1px solid #e2e3e7; border-radius:25px; background:#fff; box-shadow:0 20px 30px rgba(0,0,0,0.2); transition:all ease 0.2s; text-align:center; line-height:50px;}
.profile_page_btn button.btn.active {background-color:#000; color:#fff;}
.profile_page_btn button.btn:hover {background-color:#007aff; color:#fff;}
.profile_page_btn button.btn.btn_blue:hover {border-color:#0078ff; background-color:#fff; color:#0078ff;}

.content_pop_profile .down_area {text-align:right;}
.content_pop_profile .down_area .btn_download {padding-right:0;}

.content_pop_profile .upload_localdata {width:calc(100% - 140px); display:inline-block; margin:0;}
.content_pop_profile .m_dropzone .dropzone .dz-message {padding:20px 0 30px;}
.content_pop_profile .upload_localdata .m_dropzone .dropzone .dz-message .msg.msg3 {color:#007aff; font-size:15px; margin:30px 0;}
.content_pop_profile .upload_localdata .m_dropzone .dropzone .dz-message .msg.msg3:before {content:"\ef1b"; font-family:"icofont"; font-size:18px; color:#000; display:inline-block; padding-right:8px;}
.content_pop_profile .panel_con .upload_localdata .m_dropzone .dropzone.dz-started {min-height:340px; padding-left:60%;}
.content_pop_profile .panel_con .upload_localdata .m_dropzone .dropzone.dz-started .dz-message {width:60%;}

.content_pop_profile .data_route {border-bottom:1px solid #787b80; padding:5px 0; display:inline-block; width:calc(100% - 140px);}
.content_pop_profile .data_route .fa-folder-open {color:#3b62eb; font-size:18px;}
.content_pop_profile .pa_right .jstree_area {background:#f4f8ff; border-radius:0;}
.content_pop_profile .popup_area .pa_right.section_jstree .category_search {position:relative;}
.content_pop_profile .popup_area .pa_right.section_jstree .category_search .category_search_input {width:100%; padding-right:40px;}
.content_pop_profile .popup_area .pa_right.section_jstree .category_search .category_search_btn {position:absolute; right:0; top:-15px;}

#div_layer_popup .content_pop_profile.pop_sm .form_area .form_label {font-size:16px; font-weight:500;}

/* DatePicker */
.content_pop_profile.pop_sm .m_date {height:auto; border:0; background:none; margin:0; padding-right:0;}
.content_pop_profile.pop_sm .m_date > input[type=text] {background:none; background:#fff; border-bottom:1px solid #787b80; padding:0 0 5px 0; width:100%; font-size:16px; 
    font-weight:500;}
.content_pop_profile.pop_sm .m_date > input[type=text]::placeholder {color:#c4c4c4; font-size:16px; font-weight:400;}
.content_pop_profile.pop_sm .m_date > input[type=text]:focus-visible {outline:none;}
.content_pop_profile.pop_sm .m_date label.daterange_picker {position:absolute; top:50%; transform:translateY(-50%); right:5px; width:20px; height:20px; font-size:0; background:url(../images/al/calendar_icon_2.png) no-repeat center center; z-index:1;}
.content_pop_profile.pop_sm .daterangepicker.dropdown-menu {max-width:none; width:auto;}

.daterangepicker td.active, .daterangepicker td.active:hover {background-color:#3653bd;}

.content_pop_profile.pop_sm .list_con {text-align:left; margin-top:30px;}
.content_pop_profile.pop_sm .list_con + .list_con {margin-top:5px;}

.content_pop_profile.pop_sm .list_area table th {font-size:16px;}
.content_pop_profile.pop_sm .list_area table td {font-size:15px;}

/* 규칙 불러오기 */
.content_pop_profile.pop_sm .list_area table.type_pop_rule th {padding:10px 20px;}
.content_pop_profile.pop_sm .list_area table.type_pop_rule td {padding:10px 20px;}

.search_item.category_search {display:inline-block; position:absolute; top:-50px; right:0; height:35px; padding:0; vertical-align:top;}
.search_item.category_search input.search-box {transition:0.6s; width:0; height:35px; border-radius:0; border:none; border-bottom:1px solid transparent; background:#fff; font-size:15px; color:#000; margin:0; 
    padding:0; line-height:33px; vertical-align:top;}
.search_item.category_search label {color:#000; font-size:18px; width:35px; height:35px; border-radius:18px; border:1px solid #d4d4d4; margin:0; text-align:center; line-height:33px; background:#fff; transition:0.2s;}
.search_item.category_search label i {position:relative; top:-2px;}
.search_item.category_search label:hover {border-color:#0078ff; background:#0078ff; color:#fff;}

.search_item.category_search.focus input.search-box {border-color:#0078ff; width:350px; margin-right:10px;}
.search_item.category_search.focus label {border-color:#0078ff; background:#0078ff; color:#fff;}

.search_item.category_search #search-submit {position:absolute; left:-5000px;}
.search_item.category_search .search-icon {position:relative; left:17px; cursor:pointer;}
.search_item.category_search #btn_refresh {margin-right:0;}

.content_pop_profile .top_function .n_btn_icon {vertical-align:top;}

/* 규칙관리 */
.content_pop_profile .list_btn_ctrl {text-align:right; margin-bottom:10px;}
.content_pop_profile button.viewDetailRule:before {display:inline-block; content:"\efc2"; font-size:18px; color:#000; font-family:"Icofont"; height:35px; vertical-align:top; line-height:35px;}
.content_pop_profile button.viewDetailRule:hover:before {color:#fff;}
.content_pop_profile button.viewDeleteRule:before {display:inline-block; content:"\ef9a"; font-size:18px; color:#000; font-family:"Icofont"; height:35px; vertical-align:top; line-height:35px;}
.content_pop_profile button.viewDeleteRule:hover:before {color:#fff;}

.content_pop_profile .category_search.type_sm {text-align:right;}
.content_pop_profile .category_search.type_sm .category_search_input {width:35%;}

/* 테스트 */
.btn.btn_white:hover {background-color:red !important; border-color:green;}
/* 슬라이드 팝업 */
/* .section_result #chartContainer > div {display:none;} */

/* 데이터 재추출 */
.content_pop_profile.pop_redata textarea.form-control-border {border:1px solid #d4d4d4; width:100%;}
#div_layer_popup .content_pop_profile.pop_redata .form_area label.form_label {float:none; vertical-align:middle;}
#div_layer_popup .content_pop_profile.pop_redata .form_area .form_item .list_con {display:inline-block; width:calc(100% - 104px); text-align:right; margin-top:10px;}


/* 예약 팝업 */
.theme_smartALQC .layerCon .popContents .pop_pf.pop_reservation .x_title_pop .title {margin-bottom:10px;}
.theme_smartALQC .layerCon .popContents .pop_pf.pop_reservation .x_title_pop p {font-size:16px; font-weight:500;}
.theme_smartALQC .layerCon .popContents .pop_pf.pop_reservation .form_area {margin-top:45px;}
.pop_pf.pop_reservation .reservation_item {margin-top:40px;}
.pop_pf.pop_reservation .reservation_item span {font-size:16px; font-weight:500;}
.pop_pf.pop_reservation .reservation_item .btn_wrap {margin-top:10px;}
.pop_pf.pop_reservation .reservation_item .btn_time {font-size:15px; background:#a5f47a; border-radius:5px; width:60px; height:30px; line-height:30px; text-align:center;
    border:0; padding:0; display:inline-block; margin-right:6px;}
    .pop_pf.pop_reservation .reservation_item .btn_time:hover {background:#3653bd; color:#fff;}
.pop_pf.pop_reservation .reservation_item .btn_time.active {background:#3653bd; color:#fff;}
.pop_pf.pop_reservation .profile_page_btn {margin-top:70px;}





/**
------------------------------------------------------------
 * @프로그램명 : DB 데이터 관리 스타일시트
 * @작성일 : 2024. 06. 04.
 * @작성자 : 엄윤섭
------------------------------------------------------------
*/

.right_panel h3.rp_title i {font-size:18px; color:#b1bed6; margin-right:15px;}


.form_control {display:block; width:100%; padding:0 10px; font-size:15px; font-weight:400; line-height:28px; color:000; background-color:#fff; border:1px solid #d4d4d4; 
    -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
    font-family:'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;}

.form_control[type=file] {overflow:hidden}
.form_control[type=file]:not(:disabled):not([readonly]) {cursor:pointer}

textarea.form_control {height:150px;}
textarea.form_control:focus {outline:none;}

/* 추가 form_control 스타일 */
.form_control:focus {box-shadow:none !important}
.form_control:not(:disabled,:read-only):hover,
.form_control:not(:disabled,:read-only):focus {border:1px solid #0078ff;}
.form_control[disabled], .form_control[readonly], fieldset[disabled] .form_control {background-color:#e9edf1; opacity:1; color:#a09f9f;}

select.form_control {padding-right:30px; height:30px; transition:0.2s;
    --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a8a8a8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); 
  background-color:#fff; 
  background-image:var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); 
  background-repeat:no-repeat; 
  background-position:right 6px center; 
  background-size:16px 12px; 
}
select.form_control:hover,
select.form_control:focus,
.dropdown.bootstrap-select.form_control:hover {border-color:#0078ff;}


/*======================================
            Profiling Panel
========================================*/
.p_panel {position:relative;}

/* 상단 영역 */
.p_panel .pp_top strong {background:#fff; display:inline-block; min-width:300px; height:45px; border-radius:10px 45px 0 0; line-height:45px; text-align:center; color:#000; font-size:22px; font-weight:700;
    box-shadow:3px -5px 10px rgba(0,0,0,0.05); padding-top:7px;}

.p_panel .pp_con {background:#fff; padding:55px 30px 30px; border-radius:0 10px 10px 10px; position:relative;}
.p_panel .pp_con .small_title {margin:0 0 30px; font-size:20px; font-weight:700; position:relative;}

/* 검색영역 */
.p_panel .pp_con .search_item label {color:#000; font-size:18px; width:35px; height:35px; border-radius:18px; border:1px solid #d4d4d4; margin:0; text-align:center; line-height:33px; background:#fff; transition:0.2s;}
.p_panel .pp_con .search_item label i {position:relative; top:-2px;}
.p_panel .pp_con .search_item label:hover {border-color:#0078ff; background:#0078ff; color:#fff;}
.p_panel .pp_con .search_item input.search-box {transition:0.6s; width:0; height:35px; border-radius:0; border:none; border-bottom:1px solid transparent; background:#fff; font-size:15px; color:#000; margin:0; 
    padding:0; line-height:33px; vertical-align:top;}
/*.p_panel .ppcon .search_item.focus label {border-color:#0078ff; background:#0078ff; color:#fff;}*/

/* 버튼 영역 */
.p_panel .pp_con .btn_area {margin:50px 0 0; padding:0 0 25px; text-align:center; position:relative;}
.p_panel .pp_con .btn_area .ba_info {text-align:right;}
.p_panel .pp_con .btn_area .ba_info span {font-size:13px; color:#0054ff; text-align:right; margin:0 0 15px;}
.p_panel .pp_con .btn_area .m_btn {padding:0 30px; height:50px; line-height:100%; font-size:18px; border-radius:28px; font-weight:400; box-shadow:0 20px 40px rgba(0,0,0,0.25); border:none;}
.p_panel .pp_con .btn_area .m_btn.btn_black {padding:0 50px;}




/* ******************************** DB 데이터 관리 - 초기 화면 ******************************** */
.db_data_wrap .db_data_select_info {width:100%; height:calc(100vh - 400px); position:relative;}
.db_data_wrap .db_data_select_info h3 {margin:0; padding:200px 0 0; font-size:32px; line-height:34px; background:url(../images/profiling/db_data_select_info.png) no-repeat center top; text-align:center;
   display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}


/* ******************************** DB 데이터 관리 - 신규 추가 화면 ******************************** */
/* 공통요소 */
.p_panel.p_data_management .pp_con .small_title {margin-bottom:10px; min-height:35px;}

/* 좌측 기본정보 및 대상테이블 영역 */
.pp_con .db_data_info {border:none; background-color:#f5fbff; box-shadow:0 3px 5px rgba(0,0,0,0.1); margin:0 0 30px; border-radius:10px; padding:20px 30px;}
.pp_con .db_data_info .ddi_form .form_item {position:relative; display:inline-block;}
.pp_con .db_data_info .ddi_form .form_item + .form_item {margin-left:35px;}
.pp_con .db_data_info .ddi_form .form_item .form_label {float:left; line-height:20px; font-size:16px; margin:5px 0; text-align:right; padding-right:20px;}
.pp_con .db_data_info .ddi_form .form_item input.form-control-border {padding-right:30px; width:290px;}
.pp_con .db_data_info .ddi_form .form_item input.form-control-border:read-only {border-color:transparent !important;}
.pp_con .db_data_info .ddi_form .form_item select.form-control-border {min-width:290px;}
.pp_con .db_data_info .ddi_form .form_item button.edit_input {position:absolute; right:0; top:0; font-size:20px; width:30px; height:30px; text-align:center; line-height:30px;}
.pp_con .db_data_info .ddi_form .form_item + .form_item {margin-top:0;}


.db_data_area {display:flex; justify-content:space-between;}

/* 좌측 대상 테이블 */
/* .p_panel.p_data_management .pp_con .search_item {position:relative; right:0; top:0px; margin-top:14px; text-align:right;}
.p_panel.p_data_management .pp_con .search_item.focus input.search-box {border-color:#000; width:300px; margin-right:10px;}
.p_panel.p_data_management .pp_con .search_item.focus input.search-box:hover {border-color:#0078ff;}
.p_panel.p_data_management .pp_con .search_item.focus label {color:#000; border:1px solid #d4d4d4; background:#fff;}
.p_panel.p_data_management .pp_con .search_item.focus label:hover {border-color:#0078ff; background:#0078ff; color:#fff;} */


.db_data_area .db_data_table {width:470px; padding-right:30px; position:relative; z-index:1;}
.p_panel .pp_con .db_data_area .db_data_table .search_item {top:-2px;}
.db_data_area .db_data_table h5.selected_title {font-size:15px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 0 10px; height:26px; line-height:26px;}
.db_data_area .db_data_table table {table-layout:fixed; }
.db_data_area .db_data_table button.btn_destination_table {padding:0; background:none; border:none; color:#000; font-size:15px; transition:0.2s; display:block; width:100%; text-align:left;
   overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.db_data_area .db_data_table button.btn_destination_table:hover,
.db_data_area .db_data_table button.btn_destination_table.active {color:#0078ff;}


/* **************** 테이블 상세 정보 **************** */
.db_data_area .db_table_info {width:calc(100% - 470px); position:relative; z-index:2; background:#fff;}
/* 타이틀 */
.db_data_area .db_table_info h4.small_title button.n_btn_icon {margin-left:20px; position:relative; top:-2px;}
.db_data_area .db_table_info h4.small_title button.n_btn_icon.active {border-color:#0078ff; background:#0078ff; color:#fff;}

/* 조회 대상 없음 */
.db_data_area .db_table_info .db_ti_none {border:1px solid #d4d4d4; border-radius:10px; height:536px; position:relative;}
.db_data_area .db_table_info .db_ti_none span {font-size:18px; color:#000; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

/* 테이블 상세 내용 */
.db_data_area .db_table_info .column_lst {width:280px; padding-right:30px;}
.db_data_area .db_table_info .column_lst h5.selected_title {font-size:15px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 0 10px; height:26px; line-height:26px;}

.db_data_area .db_table_info .column_lst table {table-layout:fixed;}
.db_data_area .db_table_info .column_lst button.btn_column_table {padding:0; background:none; border:none; color:#000; font-size:15px; transition:0.2s; display:block; width:100%; text-align:left;
   overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.db_data_area .db_table_info .column_lst button.btn_column_table:hover,
.db_data_area .db_table_info .column_lst button.btn_column_table.active {color:#0078ff;}


/* 하단 검사 건수 제한 */
.db_data_area .db_table_info .column_lst .dti_footer {margin:20px 0 0;}
.db_data_area .db_table_info .column_lst .dti_footer .bootstrap_toggle {}
.db_data_area .db_table_info .column_lst .dti_footer .dti_num {float:right; width:calc(100% - 140px); position:relative;}
.db_data_area .db_table_info .column_lst .dti_footer .dti_num input {width:100%; padding-right:20px; text-align:right;}
.db_data_area .db_table_info .column_lst .dti_footer .dti_num span {display:inline-block; line-height:30px; position:absolute; right:0; top:0;}

/* 추출 조건 설정 */
.db_data_area .db_table_info .condition_info {width:calc(100% - 280px);}
.db_data_area .db_table_info .condition_info .dti_view h5.data_view_title {font-size:15px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 0 10px; height:26px; line-height:26px;}
.db_data_area .db_table_info .condition_info .dti_view pre {margin:0; padding:40px; height:500px; background-color:#f5f5f5; border-color:#d5d5d5; border-radius:0;}


.db_data_area .db_table_info .condition_info .ci_radio {text-align:right; margin:0 0 10px; height:26px;}

.db_data_area .db_table_info .condition_info span.sec_tooltip {display:inline-block; vertical-align:middle; margin:-9px 0 0 5px; font-size:18px;}
.db_data_area .db_table_info .condition_info .ci_radio .tooltip > .tooltip-inner {padding:5px 8px 3px;}


/* 테이블 상세 정보 확장 */
.db_data_area.dti_expand .db_data_info,
.db_data_area.dti_expand .db_data_table {width:0; height:0; padding-right:0; overflow:hidden;}
.db_data_area.dti_expand .db_table_info {width:100%;}




/*======================================
         query_builder
========================================*/
/**/
.filtertype_box .form-control-feedback {margin-top:3px; height:24px; color:#bfbfbf; line-height:24px; font-size:15px}
.filtertype_box .form-control-feedback.left {border-right:1px solid #ccc; left:8px;}
.filtertype_box .form-control-feedback.right {border-left:1px solid #ccc; right:13px; margin-right:-9px; font-size:15px !important;}

.filtertype_box .form-control.has-feedback-left {padding-left:45px}
.filtertype_box .form-control.has-feedback-right {padding-right:45px}

.filtertype_box .form-group + .form-group {margin-top:10px}
.filtertype_box .form-group:after {content:""; display:block; clear:both; float:none; width:100%; height:0;}

.filtertype_box .form-group.has-feedback span {display:block !important;}

.filtertype_box .input-group-btn .btn {margin-bottom:0;}

/* ******************* filtertype_box ******************* */
.filtertype_box {display:inline-block; width:auto; min-width:160px; height:30px; line-height:30px; border:1px solid #d9d9d9; background:#fff; font-size:12px; 
   border-radius:3px; color:#333; position:relative; padding:0 10px 0 30px; font-weight:bold; transition:0.2s; text-overflow:ellipsis; white-space:nowrap;}
.tooltiptext .filtertype_box {width:100%; min-width:auto; white-space:nowrap; text-overflow:ellipsis;}
.filtertype_box:before {content:""; position:absolute; left:0; top:0; width:24px; height:28px; display:inline-block; background:#fff; border-right:1px solid #d9d9d9;
   line-height:28px; text-align:center; font-family:'Font Awesome 5 Free'; font-weight:900; color:#333;}
.filtertype_box > div {width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#div_ConnColumn .filtertype_box {min-width:auto; overflow:hidden;}
   
/* 파일타입 형제 선택 버튼 */
.filtertype_box .select_siblings_item {height:28px; overflow:visible;}
.filtertype_box .select_siblings_item button.select_siblings_btn {margin:0; padding:0 10px 0 0; border:none; outline:0; background:none; width:100%; text-align:left; position:relative;}
.filtertype_box .select_siblings_item button.select_siblings_btn:after {display:none;}
.filtertype_box .select_siblings_item button.select_siblings_btn i {position:absolute; right:0; top:0; line-height:30px;}
.filtertype_box .select_siblings_item button.select_siblings_btn div {max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.filtertype_box .select_siblings_item.open ul.dropdown-menu {display:block;}
.filtertype_box .select_siblings_item ul.dropdown-menu {margin-left:-30px; width:200px; max-height:300px; overflow-y:auto; overflow-x:hidden; box-shadow:5px 5px 10px rgba(0,0,0,0.3);  min-height:200px;}
.filtertype_box .select_siblings_item ul.dropdown-menu li.siblings_search {padding:5px; margin-bottom:0;}
.filtertype_box .select_siblings_item ul.dropdown-menu li.siblings_search .form-group.has-feedback {margin-bottom:0; position:relative;}
.filtertype_box .select_siblings_item ul.dropdown-menu li.siblings_search .form-group.has-feedback .form-control.has-feedback-left {padding-left:30px; padding-right:7px; width:100% !important;}
.filtertype_box .select_siblings_item ul.dropdown-menu li.siblings_search .form-group.has-feedback .form-control-feedback.left {left:0; margin:0; height:30px; line-height:30px; border-right:0; position:absolute; left:-1px; top:2px;}
.filtertype_box .select_siblings_item ul.dropdown-menu>li {margin-bottom:3px; padding:0 5px;}
.filtertype_box .select_siblings_item ul.dropdown-menu>li>a {padding:0; height:30px;}
.filtertype_box .select_siblings_item ul.dropdown-menu>li>a .filtertype_box:hover {border:1px solid #c6ec2f !important; background:#c6ec2f !important;}

.filtertype_box .select_siblings_item ul.dropdown-menu li .filtertype_box {width:100% !important; min-width:100% !important; overflow:hidden;}





/* 연관정보 영역 */
.related_info_ul {margin:0 auto; width:calc(100% - 60px); min-width:613px; position:relative; border-radius:5px; padding:0 12px 0 12px; border:1px solid #fff;
   background:rgba(255, 255, 255, 0.9); overflow:hidden; height:0;}
.related_info_ul.active {padding:12px 12px 6px 12px; overflow:visible; border-color:#d4d4d4; margin:30px auto 0; height:auto;}
.related_info_ul:after {content:""; display:block; width:100%; height:0; float:none; clear:both;}
.related_info_ul.user_defined {}
.related_info_ul.user_defined .filtertype_box.filtertype_table {width:100%;}
.related_info_ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.related_info_ul > li {padding:0; margin:0; list-style:none; float:left;}
.related_info_ul li.related_filter {width:200px;}
.related_info_ul li.related_filter .filtertype_box {width:100%; min-width:auto; white-space:nowrap; text-overflow:ellipsis; margin-bottom:5px;}
.related_info_ul li.related_filter .filtertype_box.sel_table_item {margin-bottom:0px;}
.related_info_ul li.related_filter .filtertype_box.sel_col_item {margin-bottom:0px;}
.related_info_ul li.related_btn {width:90px;}
.related_info_ul li.related_btn div.related_btn_area {margin:0 0 0 3px;display:inline-block;width:100px;height:35px; margin-bottom:0 !important;}

.related_info_ul li.related_btn div.related_btn_area > div {outline:0; border-radius:3px; width:30px; height:30px; display:inline-block; transition:0.2s; border:1px solid #d6d6d6; background:#fff; color:#000; 
   margin:0; padding:0; vertical-align:top; text-align:center; font-size:14px; line-height:30px; transition:0.2s; margin-right:-1px;}
.related_info_ul li.related_btn div.related_btn_area > div:hover {color:#fff; border-color:#5b95ff; background:#5b95ff;}

.related_info_ul li.related_btn div.related_btn_area div.relation_add {}
.related_info_ul li.related_btn div.related_btn_area div.item_add {}
.related_info_ul li.related_btn div.related_btn_area div.related_remove {background:#fff; border-color:#c06565; color:#c06565;}
.related_info_ul li.related_btn div.related_btn_area div.related_remove:hover {background:#c06565; border-color:#c06565; color:#fff;}

.related_info_ul li.related_btn div.related_btn_area div.item_remove {background:#fff; border-color:#c06565; color:#c06565;}
.related_info_ul li.related_btn div.related_btn_area div.item_remove:hover {background:#c06565; border-color:#c06565; color:#fff;}


.related_info_ul li.related_visual {width:92px; text-align:center; padding:0 6px;}
.related_info_ul .btn.dropdown-toggle:after {display:inline-block; margin-left:.255em; vertical-align:.255em; content:""; border:none; width:16px; height:12px; 
    --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23404040' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); 
    background-color:transparent; background-image:var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat:no-repeat; background-position:center center; background-size:16px 12px; 
    position:relative; top:0; vertical-align:middle;}
.related_info_ul .caret {border:none; vertical-align:middle;}
.related_info_ul li.related_visual .dropdown.set_select_btn {display:block; margin-bottom:5px;}
.related_info_ul li.related_visual .dropdown.set_select_btn .btn {padding:0 5px 0 10px; margin:0; border-color:#d6d6d6; height:30px; border-radius:3px;}
.related_info_ul li.related_visual .dropdown.set_select_btn .btn:hover,
.related_info_ul li.related_visual .dropdown.set_select_btn .btn:focus,
.related_info_ul li.related_visual .dropdown.set_select_btn .btn:active {border-color:#0078ff; background:#fff;}
.related_info_ul li.related_visual .dropdown.set_select_btn .btn img {display:inline-block; margin-right:1px; width:34px; vertical-align:middle; margin-left:0;}
.related_info_ul li.related_visual .dropdown.set_select_btn .dropdown-menu img {margin-right:8px;}
.related_info_ul li.related_visual img.related_arrow {width:76px; height:30px; display:block; margin:0 0 5px; padding:0;}

.filtertype_box.unselected {height:62px;width:202px; color:#bbb; font-weight:normal; padding:0px;}
.filtertype_box.unselected:before {display:none;}
.filtertype_box.unselected > li {line-height:5px;}

.item_detail_panel .filtertype_box {line-height:28px;}
/* 유형별 색상 */
.filtertype_box.filtertype_general {background:#eef9ff; border-color:#8ac4e6; min-width:200px;}
.filtertype_box.filtertype_code {background:#fff2ea; border-color:#deb59e; min-width:200px;}
.filtertype_box.filtertype_custom {background:#f7ebff; border-color:#be99d9; min-width:200px;}
.filtertype_box.filtertype_table {background:#efecec; border-color:#ccc; width:160px;}
.rule-filter-container .filtertype_box.filtertype_table, .rule-value-container .filtertype_box.filtertype_table {min-width:200px; margin-bottom:-9px;}
.custom_box .filtertype_box.filtertype_table {width:200px;}
.ui-draggable-dragging .filtertype_box.filtertype_table {width:200px; margin-bottom:-5px; overflow:hidden;}

.filtertype_box.filtertype_table.color_0 {background:#e6e6e6;}
.filtertype_box.filtertype_table.color_1 {background:#dee6ff;}
.filtertype_box.filtertype_table.color_2 {background:#d3f5ff;}
.filtertype_box.filtertype_table.color_3 {background:#ffe4e9;}
.filtertype_box.filtertype_table.color_4 {background:#fff7e3;}
.filtertype_box.filtertype_table.color_5 {background:#d3ffd3;}
.filtertype_box.filtertype_table.color_6 {background:#c4fffa;}
.filtertype_box.filtertype_table.color_7 {background:#ffe0fd;}
.filtertype_box.filtertype_table.color_8 {background:#b2d3f9;}
.filtertype_box.filtertype_table.color_9 {background:#fde4d9;}
.filtertype_box.filtertype_general:bedore {border-color:#8ac4e6;}
.filtertype_box.filtertype_code:bedore {border-color:#deb59e;}
.filtertype_box.filtertype_custom:bedore {border-color:#be99d9;}
.filtertype_box.filtertype_table:bedore {border-color:#ccc;}
/* 아이콘 유형 */
.filtertype_box.icon_type_txt:before {content:"\f031";}
.filtertype_box.icon_type_num:before {content:"#";}
.filtertype_box.icon_type_date:before {content:"\f073";}
.filtertype_box.icon_type_custom:before {content:"@";}
.filtertype_box.icon_type_undefined:before {content:"\f128";}
.filtertype_box.icon_type_S:before {content:"\f031";}
.filtertype_box.icon_type_I:before {content:"#";}
.filtertype_box.icon_type_D:before {content:"\f073";}
.filtertype_box.icon_type_table:before {content:"\f84c";}
.filtertype_box.icon_type_code:before {content:"</>";}
.filtertype_box.icon_type_code_value:before {content:"\21AD";}
/* 셀렉트 포함일 경우 */
.filtertype_box.include_selection {padding-right:63px;}
.filtertype_box.include_selection select.form-control {position:absolute; right:2px; top:1px; width:53px; height:26px; padding:0 3px;}
/* 버튼 포함일 경우 */
.filtertype_box.include_btn {padding-right:40px;}
.filtertype_box.include_btn .add_btn {position:absolute; right:2px; top:2px; width:20px; height:24px; border:0; outline:0; background:none; transition:0.2s; 
   line-height:24px; font-size:18px; color:#333; padding:0;}
.filtertype_box.include_btn .add_btn:hover {color:#f59d44;}

.filter_btn {outline:0; border-radius:3px; width:30px; height:30px; display:inline-block; transition:0.2s; border:1px solid #d6d6d6; background:#fff; color:#000; 
   margin:0; padding:0; vertical-align:top; text-align:center; font-size:14px; line-height:30px; transition:0.2s;}
.filter_btn:hover {color:#fff; border-color:#5b95ff; background:#5b95ff;}
.filter_btn:first-child {margin-left:5px;}
.filter_btn.filter_sort_btn {font-size:18px;}
.filter_btn.filter_sort_btn.activated {background:#5b95ff; border-color:#5b95ff; color:#ffffff;}

.filter_btn.filter_code_btn.activated {background:#5b95ff; border-color:#5b95ff; color:#ffffff;}

.filter_btn.filter_delete_btn {background:#fff; border-color:#c06565; color:#c06565;}
.filter_btn.filter_delete_btn:hover {background:#c06565; border-color:#c06565; color:#fff;}

.filter_btn.filter_view_btn {}

.filter_btn.filter_position_btn {}





/* 추출 조건 미설정 안내문구 */
.db_data_wrap .query_none {border:1px solid #d4d4d4; border-radius:10px; height:500px; position:relative;}
.db_data_wrap .query_none span {font-size:18px; color:#000; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}


/* 토글버튼 */
.db_data_wrap div.toggle {width:120px !important; font-size:0; height:10px !important; border-radius:10px !important; border:none !important; min-height:20px; margin:3px 20px 0 0;}
.db_data_wrap div.toggle-group label.toggle-on {font-size:12px; font-weight:400; text-align:left; padding:0 18px; background-color:#007aff; border-radius:0px; line-height:20px; height:20px; color:#fff; margin:0; border:none;}
.db_data_wrap div.toggle-group label.toggle-off {font-size:12px; font-weight:400; text-align:right; padding:0 18px; background-color:#c3c3c3 !important; color:#FFFFFF !important; border-radius:0px; line-height:20px; height:20px; margin:0;  border:none;}
.db_data_wrap div.toggle-group span.toggle-handle {border-radius:7px; min-width:14px; border:none; width:14px; height:14px; padding:0; right:9px; top:3px;}
.db_data_wrap div.toggle.off div.toggle-group span.toggle-handle {right:-11px;}
.db_data_wrap div.toggle.off span.toggle-handle:hover {background:#fff; border:none;}

/* layout */
.query_builder {font-size:14px; border:1px solid #d4d4d4; border-radius:10px; overflow:auto;}
.query-builder .rules-group-header {position:relative;}
.query-builder .rules-group-header .error-container {position:absolute; left:113px; top:3px;}


.query_builder .condition_type {display:inline-flex;}
.query_builder .condition_type label {display:inline-block; width:30px; height:30px; position:relative; color:#000; border:1px solid #000; transition:0.2s; text-align:center; line-height:28px; font-size:14px;}
.query_builder .condition_type label.active {background-color:#000; color:#fff;}
.query_builder .condition_type label + label {margin-left:-1px;} 
.query_builder .condition_type label input[type="radio"] {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; white-space:nowrap;}

.query_builder .rules-group-header .group-conditions input[type="radio"].andor {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; white-space:nowrap;}

.query_builder > .rules-group-container .rule-container,
.query_builder > .rules-group-container .group-container,
.query_builder > .rules-group-container .rules-group-container {}

.query_builder.query-builder .rules-group-container {padding:20px; background:transparent; border:none; display:inline-block; width:100%; min-width:602px;}
.query_builder.query-builder .rules-group-container .rules-group-container {padding:20px 0 0 0; /* width:calc(100% + 31px); */}
/* .query_builder.query-builder .rules-group-container .rules-group-container .rules-group-container {width:calc(100% + 22px);}
.query_builder.query-builder .rules-group-container .rules-group-container .rules-group-container .rules-group-container {width:calc(100% + 23px);} */
 
.query_builder.query-builder .rule-container {border:none; background-color:#f5fbff; box-shadow:0 3px 5px rgba(0,0,0,0.1); white-space:nowrap; display:inline-block; padding:10px 40px 10px 15px; position:relative;
   width:100%; min-width:580px;}
.query_builder.query-builder .rule-container + .rule-container {margin-top:1px;}
.query_builder.query-builder .rule-container .error-container {position:absolute; left:0; top:15px;}
.query_builder.query-builder .rule-container .rule-actions {position:absolute; right:8px; top:12px;}


/* 버튼 */
.query_builder .group-conditions .btn {padding:1px 14px; font-size:14px; background:#fff; min-width:50px; color:#007aff; border-color:#007aff; font-weight:500;}
.query_builder .group-conditions .btn.active {background-color:#007aff; color:#fff; border-color:#007aff;}
.query_builder .group-conditions .btn.disabled {opacity:1; color:#c8c8c8; border-color:#c8c8c8; pointer-events:none;}
.query_builder .group-conditions .btn.disabled.active {background-color:#c8c8c8; color:#fff; border-color:#c8c8c8;}

.query_builder .group-actions {padding-right:5px;}
.query_builder .group-actions .btn.btn-skyblue {padding:1px 14px; color:#000; font-size:14px; background:#fff; min-width:70px; border-color:#000; font-weight:400; border-radius:3px !important; vertical-align:middle;}
.query_builder .group-actions .btn[data-add="rule"],
.query_builder .group-actions .btn[data-add="group"] {background-color:#0049b7; color:#fff; margin-right:5px; border-color:#0049b7;}
.query_builder .group-actions .btn[data-add="rule"] i, 
.query_builder .group-actions .btn[data-add="group"] i {float:right; display:inline-block; line-height:13px; height:21px; margin:0;}
.query_builder .group-actions .btn[data-add="rule"] i:before,
.query_builder .group-actions .btn[data-add="group"] i:before {font-size:10px; font-family:"icofont"; content:"\efc2"; font-weight:400; color:#fff;}

.query_builder .group-actions .btn[data-delete] {width:25px; height:25px; border:none; padding:0; text-align:center; line-height:25px; background:none; font-size:0; min-width:25px; margin-right:3px;}
.query_builder .group-actions .btn[data-delete] i {display:inline-block; line-height:25px; height:25px; margin:0;}
.query_builder .group-actions .btn[data-delete] i:before {font-size:14px; font-family:"Font Awesome 5 Free"; content:"\f2ed"; color:#000;}

.query_builder .rule-actions .btn[data-delete] {width:25px; height:25px; border:none; padding:0; text-align:center; line-height:25px; background:none; font-size:0; min-width:25px; margin-right:0;}
.query_builder .rule-actions .btn[data-delete] i {display:inline-block; line-height:25px; height:25px; margin:0;}
.query_builder .rule-actions .btn[data-delete] i:before {font-size:14px; font-family:"Font Awesome 5 Free"; content:"\f2ed"; color:#000;}

/* 라인 */
.query-builder .rules-list {padding-left:23px;}
.query-builder .rules-list > *::before, .query-builder .rules-list > *::after {content:''; position:absolute; left:-10px; width:10px; height:calc(50% + 4px); border-color:#d4d4d4; border-style:solid;}
.query-builder .rules-list > *::before {top:-2px; border-width:0 0 1px 1px; height:36px;}
.query-builder .rules-list > *::after {top:24px; border-width:0 0 0 1px; height:calc(100% - 26px);}
.query-builder .rules-list > .rule-container + .rule-container:before {top:-12px; height:calc(50% + 14px);}
.query-builder .rules-list > .rule-container:after {top:18px; height:calc(50% + 14px);}
}





/* 예약 실행 관리 */
.n_qc_area.reservation_area ul.ctrl_area.picker_item {position:absolute; right:0; bottom:10px;}
/* .n_qc_area.reservation_area .schedule_area {width:100%; padding:20px 16px; display:inline-block; border-radius:10px; margin-right:40px;} */
.n_qc_area.reservation_area .list_area {width:calc(100% - 464px); display:inline-block; vertical-align:top;}

#dashSchedule .fc-state-default {background:#fff; border-color:#fff; box-shadow:none; padding:0;}
#dashScheduleCalendar .fc-toolbar.fc-header-toolbar{margin-bottom:10px;}
#dashScheduleCalendar .fc-toolbar h2{line-height:20px;font-size:17px;}
#dashScheduleCalendar .fc-toolbar .fc-right{float:inherit;}
#dashScheduleCalendar .fc-toolbar .fc-button-group button{padding:0;background-color:transparent;border-color:transparent;box-shadow:none;}
#dashScheduleCalendar .fc-toolbar .fc-button-group button .fc-icon{height:23px;line-height:20px;margin:0;vertical-align:inherit;top:0;}
#dashScheduleCalendar .fc-view-container{border-top:1px solid #c5c8d0;}
#dashScheduleCalendar.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:inherit;}
#dashScheduleCalendar .fc-basic-view .fc-body .fc-row{min-height:inherit;height:initial !important;}
#dashScheduleCalendar .fc-row .fc-content-skeleton{margin:0;min-height:35px;}
#dashScheduleCalendar.fc td,
#dashScheduleCalendar.fc th{text-align:center;border-width:0;}
#dashScheduleCalendar.fc th{padding:1px 0; font-weight:normal; font-size:14px; border-top:1px solid #676767; border-bottom:1px solid #676767;}
#dashScheduleCalendar.fc .fc-daygrid-day-frame:hover {background:#e7f7ff;}
#dashScheduleCalendar.fc .fc-day-today .fc-daygrid-day-frame:hover .fc-daygrid-day-number {color:#000;}

#dashScheduleCalendar .fc-row table {border-color:transparent;}
#dashScheduleCalendar .fc .fc-scrollgrid table {border-bottom-style:hidden;}
#dashScheduleCalendar .fc-day-grid-event{width:3px;height:3px;padding:0;margin:4px auto 6px;border-radius:3px;border-color:transparent;text-indent:-9999px;}
#dashScheduleCalendar.fc-unthemed td.fc-today{position:relative;color:#000;background-color:transparent;}
#dashScheduleCalendar.fc-unthemed td.fc-today:before{display:block;content:'';width:100%;height:100%; position:absolute; background-color:#f3f8ff; z-index:-1;}
#dashScheduleCalendar .fc-scroller{height:inherit !important;}
#dashScheduleCalendar .fc-highlight {background:#3653bd; opacity:1; border-radius:5px;} 
#dashScheduleCalendar .fc-day-top:hover {background:#f3f8ff; opacity:1;}


#dashScheduleCalendar.fc .fc-toolbar {justify-content:center;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk {margin-left:0; margin-right:5px;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk:nth-child(2) {display:none;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk:last-child {margin-right:0; position:relative;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk .fc-button-group {float:none; position:absolute; left:-45px; display:block; bottom:-27px;}
#dashScheduleCalendar.fc .fc-toolbar-title {font-size:24px; font-weight:500; position:relative;}
/* #dashScheduleCalendar.fc .fc-toolbar-title:before {content:""; display:inline-block; width:40px; height:20px; position:absolute; left:0; top:0;
    background:url(../images/al/calendar_icon_2.png) no-repeat center center;} */
#dashScheduleCalendar.fc .fc-toolbar-title + .fc--button.fc-button.fc-button-primary {display:none;}
#dashScheduleCalendar.fc table {font-size:13px;}
#dashScheduleCalendar.fc table .fc-daygrid-day-top {font-size:14px; display:block; padding-left:3px; font-weight:400; text-align:left;}
#dashScheduleCalendar.fc table thead {border-bottom-style:hidden;}
#dashScheduleCalendar.fc table tbody tr {border-bottom:1px solid #e2e3e7;}
#dashScheduleCalendar.fc table tbody tr .fc-day {}

#dashScheduleCalendar.fc .fc-toolbar.fc-header-toolbar {display:block; margin:0 auto 15px;}
#dashScheduleCalendar.fc .fc-daygrid-day-number {font-size:14px;}
#dashScheduleCalendar.fc .fc-daygrid-day.fc-day-today {background-color:#3653bd; border-radius:5px;}
#dashScheduleCalendar.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number,
#dashScheduleCalendar.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-events .fc-daygrid-event-harness .fc-event-time {color:#fff;}

#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk .fc-button {background:transparent; border:none; transition:0.2s; color:#adadad; padding:0;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk .fc-button:hover {color:#000;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk .fc-button:focus,
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk .fc-button:active {outline:none; box-shadow:none;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk .fc-next-button.fc-button {position:absolute; bottom:-27px; right:-45px;}

#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk .fc-today-button {width:70px; height:20px; line-height:20px; border:none; background:#4f4e56; color:#fff; transition:0.2s; 
    padding:0 12px; border-radius:10px; position:absolute; top:46px; right:25px;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk .fc-today-button:hover {background:#003880; color:#fff;}
#dashScheduleCalendar.fc-direction-ltr .fc-toolbar>*>:not(:first-child) {margin-left:0;}
#dashScheduleCalendar.fc .fc-daygrid-day-frame {padding-bottom:17px; padding-top:7px;}
#dashScheduleCalendar.fc .fc-daygrid-day-bottom {position:absolute; top:64px; left:5px; font-size:13px; margin:0; z-index:10;}
#dashScheduleCalendar.fc .fc-daygrid-more-link {padding:1px;}
#dashScheduleCalendar .fc-direction-ltr .fc-daygrid-more-link {float:none;}
.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child) {display:none;}
.fc-daygrid-event-dot, .fc-direction-ltr .fc-daygrid-event .fc-event-time, .fc-daygrid-dot-event .fc-event-title {color:#000; display:inline-block; font-weight:400; vertical-align:middle;} 
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {background:transparent; border:0;}

#dashScheduleCalendar.fc .fc-daygrid-day-events .fc-daygrid-event-harness {position:absolute; top:0;}
#dashScheduleCalendar.fc .fc-daygrid-day-events .fc-daygrid-event-harness:nth-of-type(2) {margin-top:15px !important;}
#dashScheduleCalendar.fc .fc-daygrid-day-events .fc-daygrid-event-harness:nth-of-type(3) {margin-top:30px !important;}
#dashScheduleCalendar.fc .fc-daygrid-day-events .fc-daygrid-event-harness:nth-of-type(4) {margin-top:45px !important; visibility:visible !important;}
/* #dashScheduleCalendar.fc .fc-daygrid-event-harness-abs {visibility:visible !important; display:inline-block;} */

/* .fc-daygrid-event-dot {position:relative; left:-6px; bottom:6px; margin:0;} */
.fc .fc-popover .fc-daygrid-event-harness .fc-daygrid-event-dot {position:static;}

.fc .fc-popover .fc-daygrid-event-harness .fc-event .fc-event-time, 
.fc .fc-popover .fc-daygrid-event-harness .fc-event .fc-event-title {display:inline-block;}

.fc-direction-ltr .fc-daygrid-event .fc-event-time {margin-left:4px;}

#dashScheduleCalendar.fc th.fc-day-sun a {color:#da2e00;}

.fc-theme-standard .fc-scrollgrid {border:0;}

#dashScheduleCalendar.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {left:3px; right:auto; top:24px;}

#dashScheduleCalendar.fc .fc-popover-body .fc-daygrid-event-harness {position:relative; margin:0;}

.bg_success{background-color:#05adec;}
.bg_completed{background-color:#65e200;}
.bg_failed{background-color:#ff7d5f;}

.n_qc_area.reservation_area .schedule_info {padding:0;margin:0; text-align:right; margin-bottom:-28px;}
.n_qc_area.reservation_area .schedule_info > li {display:inline-block;padding-right:10px;font-size:13px;}
.n_qc_area.reservation_area .schedule_info > li > i {display:inline-block;width:8px;height:8px;border-radius:4px;}

.n_qc_area.reservation_area .schedule_area .history_area {background:#3653bd; border-radius:5px; padding:20px;}
.n_qc_area.reservation_area .schedule_area .history_area h5 {color:#fff; font-size:18px; font-weight:400; margin:0;}
.n_qc_area.reservation_area .schedule_area .history_area .history_list {padding:0; list-style:none; margin:10px 0; position:relative; margin-left:20px;}
.n_qc_area.reservation_area .schedule_area .history_area .history_list:before {content:""; display:block; width:1px; position:absolute; background-color:#cacccf; bottom:0; 
    left:5px; height:calc(100% - 20px); bottom:10px;}
.n_qc_area.reservation_area .schedule_area .history_area .history_list li {position:relative; margin-bottom:10px;}
.n_qc_area.reservation_area .schedule_area .history_area .history_list li:before {content:""; display:block; width:10px; height:10px; position:absolute; border-radius:50%;
    top:50%; transform:translateY(-50%);}
.n_qc_area.reservation_area .schedule_area .history_area .history_list li.success:before {background:#5dd2ff;}
.n_qc_area.reservation_area .schedule_area .history_area .history_list li.completed:before {background:#3cff15;}
.n_qc_area.reservation_area .schedule_area .history_area .history_list li.failed:before {background:#ff7d5f;}
.n_qc_area.reservation_area .schedule_area .history_area .history_list li .category {color:#fff; font-size:16px; font-weight:400; padding-left:20px;}
.n_qc_area.reservation_area .schedule_area .history_area .history_list li .text {font-size:14px; margin-left:25px;}
.n_qc_area.reservation_area .schedule_area .history_area .history_list li.success .text {color:#5dd2ff;}
.n_qc_area.reservation_area .schedule_area .history_area .history_list li.completed .text {color:#3cff15;}
.n_qc_area.reservation_area .schedule_area .history_area .history_list li.failed .text {color:#ff7d5f;}

.n_qc_area.reservation_area .data_title_ctrl .title_btn_area {float:right;}
.n_qc_area.reservation_area .data_title_ctrl .title_btn_area p {font-size:14px; color:#666666; display:inline-block; margin-right:25px;}
.n_qc_area.reservation_area .data_title_ctrl .title_btn_area .m_btn {position:static;}

/* 예약 실행 관리 - 우측 패널 */
.right_panel.panel_reservation .rp_con {height:100%;}
.reservation_list_area {height:100%; overflow-y:auto;}
.reservation_list_area .reservation_card_list {list-style:none; padding:0; margin:0;}
.reservation_list_area .reservation_card_list li {border:1px solid #bdbdbd; border-radius:10px; padding:20px; position:relative; margin-bottom:15px;}
.reservation_list_area .reservation_card_list li:last-child {margin-bottom:0;}
.reservation_list_area .reservation_card_list li .list_title {font-size:14px; border-radius:5px; height:30px; line-height:30px; width:110px; color:#fff; display:inline-block;
    text-align:center;}
.reservation_list_area .reservation_card_list li .list_title.type_blue {background:#004ae1;}
.reservation_list_area .reservation_card_list li .list_title.type_green {background:#15b485;}

.reservation_list_area .reservation_card_list li .btn_wrap {position:absolute; top:15px; right:15px;}
.reservation_list_area .reservation_card_list li .btn_icon.icon_delete:before {content:'\f2ed'; display:inline-block; font-size:14px; font-family:'Font Awesome 5 Free'; font-weight:600;}

.reservation_list_area .reservation_card_list li .sign_info {padding:15px;}
.reservation_list_area .reservation_card_list li .sign_info > div {margin-bottom:10px;}
.reservation_list_area .reservation_card_list li .sign_info > div:last-child {margin-bottom:0;}
.reservation_list_area .reservation_card_list li .sign_info .info_title {font-size:14px; color:#666; width:100px; margin-right:35px;}
.reservation_list_area .reservation_card_list li .sign_info .info_title i {padding-right:7px;}

.reservation_list_area .reservation_card_list li .sign_info .table_nm strong {font-size:16px; color:#000; font-weight:500;}
.reservation_list_area .reservation_card_list li .sign_info .reser_time strong {font-size:15px; color:#004ae1; font-weight:400;}

.reservation_list_area .reservation_card_list li .created_nm {font-size:15px; color:#666; padding-left:15px; margin:0;}

.reservation_list_area .reservation_card_list li .btn_connect {font-size:14px; position:absolute; right:15px; bottom:20px;}
.reservation_list_area .reservation_card_list li .btn_connect i {margin-right:5px; font-size:18px;}
.reservation_list_area .reservation_card_list li .btn_connect.success {color:#1ec248;}
.reservation_list_area .reservation_card_list li .btn_connect.fail {color:#ff0042;}
.reservation_list_area .reservation_card_list li .btn_connect.connection {color:#000;}

.right_panel.panel_reservation .panel_wizard_ctrl {position:static; text-align:right; margin-bottom:40px; margin-right:60px;}


/* 예약 팝업 */
.theme_smartALQC .layerCon .popContents .pop_pf.pop_reservation .x_title_pop .title {margin-bottom:10px;}
.theme_smartALQC .layerCon .popContents .pop_pf.pop_reservation .x_title_pop p {font-size:16px; font-weight:500;}
.theme_smartALQC .layerCon .popContents .pop_pf.pop_reservation .form_area {margin-top:45px;}
.pop_pf.pop_reservation .reservation_item {margin-top:40px;}
.pop_pf.pop_reservation .reservation_item span {font-size:16px; font-weight:500;}
.pop_pf.pop_reservation .reservation_item .btn_wrap {margin-top:10px;}
.pop_pf.pop_reservation .reservation_item .btn_time {font-size:15px; background:#a5f47a; border-radius:5px; width:60px; height:30px; line-height:30px; text-align:center;
    border:0; padding:0; display:inline-block; margin-right:6px;}
.pop_pf.pop_reservation .reservation_item .btn_time.active {background:#3653bd; color:#fff;}
.pop_pf.pop_reservation .profile_page_btn {margin-top:70px;}


/* 실행일 예약 설정 팝업 */
.theme_smartALQC #div_layer_popup .layerCon .popContents .pop_pf.pop_reservation .form_area {margin-top:30px;}
.pop_pf.pop_reservation .day_condition {display:flex; justify-content:space-between; align-items:center;}
.pop_pf.pop_reservation .day_condition .txt_day {font-size:22px; font-weight:500;}

.pop_pf.pop_reservation .day_condition .btn_connect {font-size:14px; margin-right:35px;}
.pop_pf.pop_reservation .day_condition .btn_connect i {margin-right:3px; font-size:18px;}
.pop_pf.pop_reservation .day_condition .btn_connect.success {color:#1ec248;}
.pop_pf.pop_reservation .day_condition .btn_connect.fail {color:#ff0042;}
.pop_pf.pop_reservation .day_condition .btn_connect.connection {color:#000;}
.pop_pf.pop_reservation .reservation_item .form_label {width:60px; padding-right:10px;}
.pop_pf.pop_reservation .reservation_item .toggle_area {float:left; width:calc(100% - 60px); margin-top:4px;}
.pop_pf.pop_reservation .reservation_item .toggle_area .btn_time {margin:5px;}

.pop_pf.pop_reservation .reservation_item .toggle_area .m_switch > input[type=checkbox] + label {padding-left:0;}
.pop_pf.pop_reservation .reservation_item .toggle_area .m_switch > input[type=checkbox] + label:before {width:60px; height:25px; border-radius:13px; position:static; 
    margin-top:0; box-shadow:inset 3px 3px 5px rgba(0,0,0,0.2); border:0; background:url(../images/profiling/reservation_toggle_bg1.png) no-repeat 0 -7px;}
.pop_pf.pop_reservation .reservation_item .toggle_area .m_switch > input[type=checkbox] + label:after {width:19px; height:19px; margin-top:0; transform:translateY(-50%);
    box-shadow:2px 2px 0 rgba(0,0,0,0.2);}
.pop_pf.pop_reservation .reservation_item .toggle_area .m_switch > input[type=checkbox]:checked + label:after {left:38px;}
.pop_pf.pop_reservation .reservation_item .toggle_area .m_switch > input[type=checkbox]:checked + label:before {background:url(../images/profiling/reservation_toggle_bg2.png) no-repeat -11px -10px;}
.pop_pf.pop_reservation .reservation_item .btn_wrap.time_night {display:none;}
.pop_pf.pop_reservation .reservation_item .btn_wrap.time_night.active {display:block;}
.pop_pf.pop_reservation .reservation_item .btn_wrap.time_morning {display:block;}
.pop_pf.pop_reservation .reservation_item .btn_wrap.time_morning.active {display:none;}
.pop_pf.pop_reservation .reservation_item .btn_area {text-align:right; margin-bottom:10px;}


/******* 예약 실행 관리 팝업(관리자) *******/
/* Day 백그라운드 */
.scheduler_default_cell {background-color:#f3f7fd !important;}
.scheduler_default_cell.scheduler_default_cell_business {background-color:#fff !important;}
/* 좌측 */
.scheduler_default_rowheader, 
.scheduler_default_corner {background-color:#e5e8ff !important;}
/* 코너 */
.scheduler_default_corner {background-color:#e8f0ff !important; border-top:2px solid #395a9f !important;}
.scheduler_default_corner .scheduler_default_corner_inner + div {display:none !important;}
/* 상단 */
.scheduler_default_timeheadergroup, 
.scheduler_default_timeheadercol {background-color:#e8f0ff !important;}
.scheduler_default_timeheader_scroll {border-top:2px solid #395a9f !important;}





/*======================================
                유틸 메뉴
========================================*/
.search_box.notice {position:absolute; bottom:10px; margin:0;}

.n_qc_area.util_area .m_btn.btn_red {color:#fff; border-color:#ef3e3e; background:#ef3e3e;}
.n_qc_area.util_area .m_btn.btn_red:hover {border-color:#0078ff; background:#0078ff; }
.n_qc_area.util_area .m_btn.btn_blue:hover {color:#0078ff; background:#fff;}

.search_box.notice {position:absolute; bottom:10px; margin:0;}
.n_qc_area.util_area .n_qc_con .step_area_ul .table_txt {margin-right:5px;}
.n_qc_area.util_area .n_qc_con .step_area_ul .m_radio + .m_radio {margin-left:20px;}
.n_qc_area.util_area .n_qc_con .step_area_ul .m_switch {vertical-align:middle;}

.n_qc_area.util_area .memberJoin_summary {font-size:16px; font-weight:400; text-align:left; margin-bottom:10px;}
.n_qc_area.util_area .step_area_ul {padding:0; margin:0; border-bottom:0;}
.n_qc_area.util_area .step_area_ul li > label {width:110px; font-size:16px; text-align:right; margin-right:50px; margin-bottom:0;}
.n_qc_area.util_area .step_area_ul li .step_con {width:calc(100% - 164px); display:inline-block; vertical-align:middle; font-size:16px;}

.n_qc_area.util_area .white_area {padding:30px;}
.n_qc_area.util_area .step_area_ul li {list-style:none; padding:0; margin:0; position:relative; line-height:30px;}
.n_qc_area.util_area .step_area_ul > li + li {margin-top:20px;}
.n_qc_area.util_area .n_qc_con .form-control-border {border-bottom:1px solid #dfe4e5; height:30px; font-size:15px; padding-left:15px; }
.n_qc_area.util_area .n_qc_con .form-control-border::placeholder {color:#a4a4a4; font-size:15px;}
.n_qc_area.util_area .n_qc_con .form-control-border:focus {border-bottom:1px solid #0078ff; box-shadow:0 5px 5px rgba(0,0,0,0.1); outline:none;}

.n_qc_area.util_area .n_qc_con .select2-container--default .select2-selection--single, .n_qc_area.util_area .select2-container--default .select2-selection--multiple {border:0; 
    border-radius:0; border-bottom:1px solid #dfe4e5; height:30px; font-size:15px; padding-left:15px; line-height:30px;}
.n_qc_area.util_area .n_qc_con .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:30px; color:#000; padding-left:0;}
.n_qc_area.util_area .n_qc_con .select2-container--default .select2-selection--single .select2-selection__arrow:after {display:inline-block; vertical-align:top; content:"\ea99"; width:100%; height:100%; color:#0078ff; font-family:"icofont"; font-size:18px;}
.n_qc_area.util_area .n_qc_con .select2-container--default .select2-selection--single .select2-selection__arrow b {display:none;}
.n_qc_area.util_area .n_qc_con .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {content:"\eaa1";}

.n_qc_area.util_area .n_qc_con input.date_input {background:url(../images/al/calendar_icon_2.png) no-repeat left 25px center; width:200px; padding-left:55px; padding-right:25px;}

.n_qc_area.util_area li.editor_wrap {margin:30px 0;}
.n_qc_area.util_area .editor_area {width:calc(100% - 164px); display:inline-block; vertical-align:middle;}
.n_qc_area.util_area .editor_area .tx-canvas {border:1px solid #dfe4e5; border-radius:3px;}
.n_qc_area.util_area .editor_area .tx-sidebar-boundary, .n_qc_area.util_area .editor_area .tx-sidebar {display:none;}
.n_qc_area.util_area .editor_area .tx-toolbar-basic li.tx-list {height:22px;}

.n_qc_area.util_area .step_con .m_btn.btn_upload {border-radius:8px; width:200px; height:35px; line-height:35px;}

.n_qc_area.util_area .step_area_ul li.upload_wrap .step_con {vertical-align:text-top; float:none;}

/* 파일 업로드 */
.insert {display:block; width:100%; margin:0; position:relative; height:auto; line-height:normal;}
.insert label {cursor:pointer; display:inline-block; color:#fff; font-weight:400; font-size:15px; border-radius:8px; padding:0 70px; height:35px; line-height:35px; 
    border:none; margin-left:-1px; background-color:#000; float:left; transition:all 0.2s ease-in; margin-bottom:0;}
.insert label:hover {background-color:#0078ff;}
.insert input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.insert .file_list {display:inline-block; height:auto; overflow:auto; width:calc(100% - 190px); float:right;}
.insert .file_list .filebox {display:inline-block; margin:3px 10px 3px 0; padding:0 8px; border-radius:2px; line-height:28px; background:none;}
.insert .file_list .filebox p {font-size:15px; margin:0; display:inline-block; line-height:28px; position:relative; top:-2px; vertical-align:middle; padding-right:10px;}
.insert .file_list .filebox .delete {background:url(../images/al/icon_close_small.png) no-repeat right center; display:inline-block; width:10px; height:11px; 
    vertical-align:middle; transition:0.2s; cursor:pointer;}
.insert span {display:inline-block; vertical-align:middle; font-size:15px; color:#0078ff; margin:5px 0 0 10px;}

.util_btn_area  {text-align:right; margin-top:25px;}
.util_btn_area .m_btn {color:#000; background:#fff; font-size:18px; border-radius:25px; padding:0 30px; height:50px; line-height:50px; font-weight:400; border:0;
    box-shadow:0 20px 40px rgba(0,0,0,0.25); border:1px solid #eaeaea; transition:0.2s;}
.util_btn_area .m_btn.btn_black {color:#fff; background:#000; border:1px solid #000;}
.util_btn_area .m_btn:hover {border:1px solid #0078ff; color:#0078ff;}
.util_btn_area .m_btn.btn_black:hover {background:#0078ff; border:1px solid #0078ff; color:#fff;}

/* 공지사항 */
.n_qc_area.util_area .notice_title {font-size:32px; font-weight:600; margin-top:0; margin:10px 0 15px 0; color:#000; max-width:70%;}
.n_qc_area.util_area .notice_top_area {margin-bottom:25px; position:relative; padding:0 30px;}
.n_qc_area.util_area .notice_top_area .tenant_nm {color:#888;}
.n_qc_area.util_area .notice_top_area .tenant_nm span {color:#0078ff; margin-left:10px;}
.n_qc_area.util_area .notice_top_area .update_date {color:#888; font-size:15px;}

.board_detail {border-top:1px solid #395a9f;}

.board_detail .board_info {padding:10px 50px 10px 30px; font-size:16px; border-bottom:1px solid #9db8ea; line-height:1; background:#e8f0ff;}
.board_detail .board_info:after {content:""; display:block; width:100%; height:0px; clear:both; float:none;}
.board_detail .board_info span.info_item {display:inline-block; margin:0 65px 0 0; vertical-align:middle; color:#000;}
.board_detail .board_info span.info_item strong {margin-right:20px;}
.n_qc_area.util_area .notice_top_area a.file_item {color:#0078ff; position:absolute; right:30px; top:50%; transform:translateY(-50%);}
.n_qc_area.util_area .notice_top_area a.file_item:before {content:"\eedb"; font-family:"Icofont"; display:inline-block; margin:0 15px 0 0; font-size:24px; vertical-align:middle;}
.n_qc_area.util_area .notice_top_area a.file_item span {display:inline-block; vertical-align:middle;}
.n_qc_area.util_area .board_detail .editor_area {width:100%;}

/* 태그 */
.board_detail ul.board_tag {padding:0; margin:18px 0 0; overflow:hidden;}
.board_detail ul.board_tag li {padding:0; margin:0 6px 0 0; float:left; display:inline-block; list-style:none; height:23px; line-height:22px; color:#565656; font-size:12px; padding:0 10px; min-width:80px; text-align:center;
    background:#ebebeb; border-radius:12px;}

.board_detail .editor_area {padding:50px 30px; font-size:18px; color:#000;}
.board_detail .editor_area p {margin:0 0 10px;}
/* 이전글, 다음글 */
.board_detail ul.quick_link {padding:0; margin:0;}
.board_detail ul.quick_link li {border-top:1px solid #dfe4e5; list-style:none; padding:15px 30px; margin:0; overflow:hidden;}
.board_detail ul.quick_link li strong {font-weight:700; float:left; width:150px;}
.board_detail ul.quick_link li a {float:left; width:calc(100% - 150px); transition:0.2s; color:#000;}
.board_detail ul.quick_link li a:hover {color:#0078ff;}

.n_qc_area.util_area .m_radio {height:30px;}
.n_qc_area.util_area .step_area_ul li.type_row {height:auto;}
.n_qc_area.util_area .select {border:0; border-bottom:1px solid #dfe4e5; height:30px; line-height:30px; position:relative; top:2px; background:url(../images/al/icon_arrow.png) no-repeat right center;
     -webkit-appearance: none; width:140px; padding-left:20px;}

.n_qc_area.util_area .page_lst {text-align:right;}

.n_qc_area.util_area .n_qc_con .list_area table tbody tr td .m_btn {border-radius:18px; font-size:15px;}


/* 회원 정보 상세 */
.n_qc_area.util_area .member_view_table {width:100%; border-top:2px solid #151515; border-bottom:2px solid #151515;}
.n_qc_area.util_area .member_view_table tbody tr {}
.n_qc_area.util_area .member_view_table tbody tr.table_division {border-bottom:1px solid #151515;}
.n_qc_area.util_area .member_view_table tbody tr th {font-size:18px; padding:20px 30px;}
.n_qc_area.util_area .member_view_table tbody tr td {font-size:16px; padding:15px 0;}
.n_qc_area.util_area .member_view_table tbody tr td .correction_mail {margin-left:25px;}

/* 회원 정보 수정 */
.n_qc_area.util_area .step_area_ul .type_address .address_num {width:140px;}
.n_qc_area.util_area .step_area_ul .type_address .address_nm {width:360px;}
.n_qc_area.util_area .step_area_ul .type_address .address_detail {width:360px;}


/* 회원관리 */
.n_qc_top.type_multi .search_item.focus input.search-box {width:200px;}

.n_qc_area.util_area ul.explain {border-bottom:3px solid #151515;}
.n_qc_area.util_area ul.explain > li:last-child {text-align:left;}

/* 회원 정보 수정 완료 */
.n_qc_area.finish_area {height:calc(100vh - 70px); background:#fff;}
.n_qc_area.finish_area .contents {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.n_qc_area.finish_area .member_reault.edit {background-position:center top; padding-top:190px;}

/* 본인 확인 */
.n_qc_area.member_area .white_area {max-width:600px; margin:auto;}
.n_qc_area.member_area .memberJoin_summary {max-width:600px; margin:0 auto 20px; text-align:center;}
.n_qc_area.util_area .step_area_ul li .password_wrap {position:relative;}
.n_qc_area.member_area .n_qc_con .step_area_ul li .password_wrap .form-control-border {width:100%; padding-right:50px;}
.n_qc_area.member_area .n_qc_con .step_area_ul li .explain {display:block; line-height:1; margin-top:8px; text-align:right;}
.n_qc_area.util_area .step_area_ul li .btn_show_pwd {display:block; width:50px; height:50px; border:0; position:absolute; right:0; top:50%; transform:translateY(-50%);
    background:url(../images/loginQC/icon_pw1.png) no-repeat center;}
.n_qc_area.util_area .step_area_ul li input[type=text] + button.btn_show_pwd {background:url(../images/loginQC/icon_pw2.png) no-repeat center;}
.n_qc_area.member_area .util_btn_area {max-width:600px; margin:25px auto 0;}

/* 회원 탈퇴 */
.membership_section .notice_list {padding:0; margin:0; list-style:none;}
.membership_section .color_red {color:#e00c0c;}
.membership_section .notice_list li {margin:0 0 5px; color:#303030; font-weight:400; font-size:15px;}
.membership_section .notice_txt {color:#303030; font-weight:600; font-size:15px;}

.membership_section .notice_detail_area {margin-top:25px; padding:20px 30px; background:#f5f5f5;}
.membership_section .notice_detail_area h3.notice_title {margin-bottom:20px; font-size:15px; font-weight:600;}
.notice_detail_area .desc_box {padding:10px; background:#fff; border:1px solid #ccc;}
.notice_detail_area .desc_box h4.title {margin-bottom:10px; font-size:14px; font-weight:700;}
.notice_detail_area .desc_list {margin-bottom:35px; padding:0; list-style:none;}
.notice_detail_area .desc_list li {margin-bottom:5px; font-size:14px; font-weight:400;}
.notice_detail_area .info_txt {font-weight:500; font-size:13px;}
.notice_detail_area .info_txt:before {content:""; display:inline-block; margin-right:5px; width:15px; height:15px; vertical-align:top; background:url("http://localhost:8080/publish/project/healthDpUser/resources/css/../images/icon/icon_desc.png")no-repeat center;}
.membership_section .checkradio_item {margin:20px 0 0; text-align:left; font-size:15px;}

.membership_section .desc_box .radio_item {margin:0 0 35px;}
.membership_section .desc_box .m_radio > input[type=radio] + label {margin-right:20px; color:#4c4c4c; font-size:16px;}
.membership_section .m_checkradio > input[type=checkbox] + label, .m_checkradio > input[type=radio] + label {width:auto;}

.membership_section .desc_box .textarea_item {padding:0 30px; text-align:right;}
.membership_section .desc_box .textarea_item .m_textarea {margin:10px 0; background-color:#ededed;}
.membership_section .desc_box .textarea_item .m_textarea:placeholder {color:#888;}
.membership_section .desc_box .textarea_item .m_textarea:focus {background-color:#fff; border-color:#c7c7c7;}

.sub_section.membership_section .page_title {margin-bottom:20px; font-size:22px; font-weight:600;}
.sub_section.membership_section .notice_detail_area .info_txt:before {vertical-align:middle;}

.sub_section.cart_complete.member .result_cart p.main_txt {padding-bottom:30px; position:relative;}
.sub_section.cart_complete.member .result_cart p.main_txt:after {content:""; display:block; width:30px; height:2px; background:#0b75df; position:absolute; bottom:0; left:50%; tranform:translateX(-50%);}
.sub_section.cart_complete .result_cart p {font-size:24px;}
.sub_section.cart_complete .result_cart p.sub_txt {font-size:15px; padding-top:30px;}
.sub_section.cart_complete .result_cart {margin:60px auto; width:800px; padding:40px 0;}
.sub_section.cart_complete.member .btn_area .btn_l {height:60px; line-height:60px; width:520px; border-radius:30px; font-size:18px;}
.sub_section.cart_complete .result_cart p strong {color:#0b75df;}




/* 팝업 */
.pop_alqc.pop_util .switchery {margin:5px 0;}
.pop_alqc.pop_util .form_area label.form_label {text-align:right; font-weight:600;}
.form_area .form_inline50 {margin-top:15px;}
.form_area .form_inline50 .form_item {display:inline-block; width:calc(50% - 30px); vertical-align:middle; margin-right:30px;}
.form_area .form_inline50 .form_item + .form_item {margin-right:0;} 
#div_layer_popup .form_area .form_inline50 .form_item + .form_item {margin-top:0;}
.pop_alqc.pop_util .form-control-border:disabled {background:none; color:#999;}
.pop_alqc.pop_util .m_radio {vertical-align:middle;}
.pop_alqc.pop_util .m_radio + .m_radio {margin-left:10px;}

/* 메소드 관리 */
.n_qc_area.section_method p.table_cnt_info {margin:20px 0 10px 0;}
.n_qc_area.section_method .n_qc_con .span_test {color:#06289c; background:#fff; font-size:20px; font-weight:500; display:block; border-radius:10px; padding:8px 70px;
    box-shadow:0 10px 10px rgba(0,0,0,0.05); position:relative; z-index:2;}
.n_qc_area.section_method .method_top {position:absolute; left:0; bottom:-40px; }
.n_qc_area.section_method .method_top > div {display:inline-block; vertical-align:middle; margin-right:15px;}
.n_qc_area.section_method .method_top > div:last-child {margin-right:0;}
.n_qc_area.section_method .method_top .name_area {background-color:#06289c; border-color:#06289c; box-shadow:0 10px 10px rgba(0,0,0,0.25); width:160px; height:80px; 
    padding:14px 20px; border-radius:10px;}
.n_qc_area.section_method .method_top .name_area .inner_wrap {display:flex; justify-content:space-between; align-items:center; color:#fff;}
.n_qc_area.section_method .method_top .name_area .left_wrap {text-align:center;}
.n_qc_area.section_method .method_top .name_area strong {font-size:18px;}
.n_qc_area.section_method .method_top .name_area .info_num {font-size:16px; font-weight:300; margin-top:4px; display:block;}
.n_qc_area.section_method .method_top .name_area .num_txt {display:block; background:#fff; color:#3b51e0; font-size:18px; display:inline-block; width:40px; height:40px;
    border-radius:50%; text-align:center; line-height:40px; font-weight:600;}

.n_qc_area.section_method .method_top .summary_list {padding:0; margin:0; display:inline-block; vertical-align:middle;}
.n_qc_area.section_method .method_top .summary_area {display:inline-block; vertical-align:middle; margin-right:15px; background:#fff; border-radius:10px; 
    box-shadow:0 5px 10px rgba(0,0,0,0.15); width:280px; height:50px; line-height:50px; font-size:16px; padding:0 10px;}
.n_qc_area.section_method .method_top .summary_area .connect_num {padding-left:25px; position:relative;}
.n_qc_area.section_method .method_top .summary_area .connect_num:before {content:""; width:12px; height:12px; border-radius:50%; display:block; background:#3b51e0;
     position:absolute; left:0; top:50%; transform:translateY(-50%);}
.n_qc_area.section_method .method_top .summary_area.fail .connect_num:before {background:#ff6458;}
.n_qc_area.section_method .method_top .summary_area .num_txt {float:right; font-weight:500;}
.n_qc_area.section_method .method_top .summary_area .num_txt span {color:#3b51e0;}
.n_qc_area.section_method .method_top .summary_area.fail .num_txt {color:#ff6458;}

.n_qc_area.section_method .n_qc_con .method_card {list-style:none; position:relative; margin-bottom:15px;}
.n_qc_area.section_method .n_qc_con .method_card .toggle_sub {position:absolute; left:10px; top:5px; padding:0; border:0; background-color:transparent; margin:0; z-index:3;}
.n_qc_area.section_method .n_qc_con .method_card .toggle_sub:before { display: inline-block; content: '\ea67'; color: #3b63eb; font-size: 26px; font-family: 'IcoFont'; transition: all ease 0.1s; }

.n_qc_area.section_method .n_qc_con .method_card .data_method_item {margin-left:35px; position: relative; border-radius:10px; margin-top:-10px;
     border:2px solid #fff; box-shadow:none;}
.n_qc_area.section_method .n_qc_con .method_card .title_area {background:#e3eefd; padding:25px 30px; border-radius:10px; position:relative; width:330px;}
.n_qc_area.section_method .n_qc_con .method_card .title_area .edit_icon {position:absolute; top:25px; right:20px;}
.n_qc_area.section_method .n_qc_con .method_card .title_area .subject_title {font-size:22px; color:#000; font-weight:600; letter-spacing:-1px; margin-bottom:60px; max-width:240px;}
.n_qc_area.section_method .n_qc_con .method_card .item_subject_text {font-size:16px; font-weight:500; margin-bottom:5px;}
.n_qc_area.section_method .n_qc_con .method_card .title_area .subject_area + .subject_area {margin-top:20px;}
.n_qc_area.section_method .n_qc_con .method_card .title_area .subject_area .subject_box {margin-bottom:10px;}
.n_qc_area.section_method .n_qc_con .method_card .title_area .subject_area .subject_box:last-of-type {margin-bottom:0;}
.n_qc_area.section_method .n_qc_con .method_card .title_area .methodTag_left {text-align: center; font-size:16px; color:#fff; width: 120px; 
    background-color:#3b63eb; border-radius:15px 0 0 15px; padding: 5px 7px; align-items: center; justify-content: center; 
    display: flex; height: 28px; }
.n_qc_area.section_method .n_qc_con .method_card .title_area .methodTag_right {display: flex; align-items: center; justify-content: center; width:80px; text-align: center;
     font-size:16px; border-radius:0 15px 15px 0; padding: 5px 7px; height: 28px; border:1px solid #3b63eb; background:#fff;}
.n_qc_area.section_method .n_qc_con .method_card .title_area .subject_box.bg_green .methodTag_left {background:#1abcab;}
.n_qc_area.section_method .n_qc_con .method_card .title_area .subject_box.bg_orange .methodTag_left {background:#f7b239;}
.n_qc_area.section_method .n_qc_con .method_card .title_area .subject_box.bg_red .methodTag_left {background:#ff6458;}
.n_qc_area.section_method .n_qc_con .method_card .title_area .subject_box.bg_green .methodTag_right {border-color:#1abcab;}
.n_qc_area.section_method .n_qc_con .method_card .title_area .subject_box.bg_orange .methodTag_right {border-color:#f7b239;}
.n_qc_area.section_method .n_qc_con .method_card .title_area .subject_box.bg_red .methodTag_right {border-color:#ff6458;}


.n_qc_area.section_method .n_qc_con .method_card .loglist_area {background:#fff; padding:25px 20px; width:calc(100% - 330px);}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .showicon_wrap {display:inline-block; vertical-align:middle;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .showicon_wrap .icon_condition {display:inline-block; margin-right:25px;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .showicon_wrap .icon_condition button {width:25px; height:25px; padding:0; font-size:16px; border-radius:50%;
    border:none; color:#fff;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .icon_condition.type_green button {background:#1abcab;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .icon_condition.type_orange button {background:#f7b239;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .icon_condition.type_red button {background:#ff6458;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .icon_condition button:disabled {background:#b6b6b6;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .reload_methodLog {width:25px; height:25px; line-height:25px; font-size:16px; margin-left:30px;}
.n_qc_area.section_method .list_area table th {line-height:1;}
.n_qc_area.section_method .list_area table th, .n_qc_area.section_method .list_area table td {text-align:center;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .log_table tbody tr td.div_targetSeq.error {color:#ff1200;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .log_table tbody tr td .log_state {border-radius:13px; width:120px; height:25px; line-height:25px; color:#fff;
    display:inline-block;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .log_table tbody tr td .log_state.state_e {background:#ff6458;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .log_table tbody tr td .log_state.state_w {background:#f7b239;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .log_table tbody tr td .log_state.state_r {background:#1abcab;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .log_table tbody tr td .log_state.state_b {background:#000000;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .log_table tbody tr td .log_state.state_b strong {font-size:14px; padding-right:6px;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .log_table tbody tr td .log_state.state_b .running {color:#1abcab;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .log_table tbody tr td .log_state.state_b .warning {color:#f7b239;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .log_table tbody tr td .span_showLog i {font-weight:400;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .log_table tbody tr td .span_showLog.error i {font-weight:600; color:#ff6458;}
.n_qc_area.section_method .n_qc_con .method_card .loglist_area .log_table tbody.no_data tr td {color:#999; padding:50px 0;}

/* 메소드 관리 - 에러메세지 팝업 */
.pop_alqc.pop_method .area_title {font-size:16px; font-weight:500; color:#000; width:100px; display:inline-block; vertical-align:middle; padding-left:10px;}
.pop_alqc.pop_method .area_inner {border-top:1px solid #bababa; border-bottom:1px solid #bababa; padding:15px 3px; display:inline-block; width:calc(100% - 104px); vertical-align:middle;}
.pop_alqc.pop_method .logging_area .area_inner {max-height:370px; overflow-y:auto;}
.pop_alqc.pop_method .solution_area .area_inner {padding:15px 10px;}

/* .pop_alqc.pop_method .logging_area .errprmsg_wrap {position:relative;}
.pop_alqc.pop_method .logging_area .errprmsg_wrap:before {content:""; display:block; height:calc(100% - 16px); width:1px; background:#cdcdcd; left:4px; top:7px; 
    position:absolute;} */
.pop_alqc.pop_method .logging_area .errprmsg_wrap .log_txt {margin-bottom:15px; position:relative;}
.pop_alqc.pop_method .logging_area .errprmsg_wrap .log_txt:last-of-type {margin-bottom:0;}
.pop_alqc.pop_method .logging_area .errprmsg_wrap .log_txt:before {content:""; display:block; background:#cdcdcd; width:1px; height:calc(100% + 15px); position:absolute;
    left:4px; top:5px;}
.pop_alqc.pop_method .logging_area .errprmsg_wrap .log_txt:last-of-type:before {display:none;}
.pop_alqc.pop_method .logging_area .errprmsg_wrap .log_txt strong {font-size:16px; color:#589bff; font-weight:500; width:80px; display:inline-block; vertical-align:top;
    padding-left:25px; line-height:1; position:relative;}
.pop_alqc.pop_method .logging_area .errprmsg_wrap .log_txt strong:before {content:""; display:block; width:10px; height:10px; border-radius:50%; background:#589bff;
    position:absolute; left:0; top:50%; transform:translateY(-50%);}
.pop_alqc.pop_method .logging_area .errprmsg_wrap .log_txt.error strong:before {background:#ff6458;}
.pop_alqc.pop_method .logging_area .errprmsg_wrap .log_txt span {font-size:15px; color:#000; display:inline-block; width:calc(100% - 84px); vertical-align:super;}
.pop_alqc.pop_method .logging_area .errprmsg_wrap .log_txt.error strong, .pop_alqc.pop_method .logging_area .errprmsg_wrap .log_txt.error span {color:#ff6458;}

.pop_alqc.pop_method .solution_area {margin-top:30px;}
.pop_alqc.pop_method .solution_area .span_errorReason {font-size:16px; color:#001eb6; font-weight:500; margin-bottom:10px; display:block;}
.pop_alqc.pop_method .solution_area .span_solution {font-size:15px; color:#000; padding:0;}


/* 스토리지 관리 */
.n_qc_area.section_storage .n_qc_con .tab_panel .panel_con {overflow:hidden;}
.n_qc_area.section_storage .data_title_ctrl .search_item {top:4px; margin:0;}
.n_qc_area.section_storage .cloud_type {color:#fff; display:inline-block; min-width:48px; padding:0 10px; line-height:20px; text-align:center; width:auto;
    background:#666; font-size:13px;}
.n_qc_area.section_storage .cloud_type.miso {background:#0040c2;}
.n_qc_area.section_storage .cloud_type.aws {background:#ff8b24;}
.n_qc_area.section_storage .cloud_type.ncloud {background:#30c877;}
.n_qc_area.section_storage .cloud_type.mysql {background:#0040c2;}
.n_qc_area.section_storage .cloud_type.oracle {background:#d13030;}
.n_qc_area.section_storage .n_qc_con .btn_detail {font-size:14px; border:1px solid #a8a8a8; border-radius:10px; padding:0 15px; display:inline-block; height:20px; line-height:17px;}
.n_qc_area.section_storage .n_qc_con #table_storage_list .m_select {width:100%; text-align:center;}
.n_qc_area.section_storage .n_qc_con #table_storage_list .m_select .select2-container--default .select2-selection--single, 
.n_qc_area.section_storage .n_qc_con #table_storage_list .m_select .select2-container--default .select2-selection--multiple {border:0;}
.n_qc_area.section_storage .n_qc_con #table_storage_list .m_select .select2-container--default .select2-selection--single .select2-selection__arrow:after {content:""; background:url(../images/icon/icon_storage_arrow.png) no-repeat center; width:12px; height:9px;}
.n_qc_area.section_storage .n_qc_con #table_storage_list .m_select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {transform:rotate(180deg);}

.pop_alqc.pop_util .btn_datapre {border-radius:13px; height:25px; line-height:25px; font-size:15px;}
.pop_alqc.pop_util .btn_datapre:before {content:""; background:url(../images/icon/icon_preview.png) no-repeat center; width:23px; height:15px; display:inline-block; margin-right:7px;}
.pop_alqc.pop_util #ul_storageInfo {margin-top:25px;}







/*======================================
            관리자 메뉴
========================================*/
.menu_icon_btn .m_btn.active {background:#000; color:#fff;}

.n_qc_area .data_list_area .icon_btn {display:inline-flex; vertical-align:top; min-width:30px; height:30px; padding:0; margin:0; position:relative; font-size:0; text-align:center; border:1px solid #d4d4d4; 
   border-radius:15px; outline:0; background-color:transparent; background-repeat:no-repeat; background-position:center center; overflow:hidden; transition:0.2s;}
.n_qc_area .data_list_area .icon_btn:before {display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; line-height:30px; color:#001f42; font-family:"IcoFont"; font-size:initial; transition:0.2s;}
.n_qc_area .data_list_area .icon_btn:hover {background:#0078ff; color:#fff; border-color:#0078ff;}
.n_qc_area .data_list_area .icon_btn:hover:before {color:#fff;}
.n_qc_area .data_list_area .tui-grid-scrollbar-right-top, .n_qc_area #div_url_List .tui-grid-scrollbar-right-top {height:38px !important;}

.n_qc_area #div_authList .tui-grid-scrollbar-right-top {height:33px !important;}

.theme_smartALQC .view_menu_wrap .btn-success {background:#000; border-radius:15px; border:0; cursor:default; border:1px solid #000;}
.theme_smartALQC .view_menu_wrap .btn-success:hover {background:#000;}
.theme_smartALQC .view_menu_wrap .btn-danger {color:#000; background:#fff; border:1px solid #000; cursor:default;}
.theme_smartALQC .view_menu_wrap .btn-danger:hover {color:#000; background:#fff; border:1px solid #000;}




/* ******************************************* file-explorer 추가 스타일 ******************************************* */
/* 전체 높이 */
#div_fileExplorerNoMsg {text-align:center; height:391px; min-height:291px; padding:175px 0px; border:1px solid #d9d9d9;}
.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap {height:391px; min-height:291px;}
.fe_fileexplorer_wrap .fe_fileexplorer_statusbar_wrap {border-top:none; background: #f2f1f1;}
/* 스크롤 영역 */
.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap {height:293px; min-height:193px;}

/* 이동버튼 */
.fe_fileexplorer_wrap .fe_fileexplorer_navtools {position:absolute; left:0; top:49px; padding:0 15px 0 7px;}
.fe_fileexplorer_wrap .fe_fileexplorer_navtools button {overflow:hidden; width:20px; height:20px; border-radius:3px; transition:0.2s; image-rendering:auto; margin-right:8px;}
.fe_fileexplorer_wrap .fe_fileexplorer_navtools button:not(.fe_fileexplorer_disabled):hover {background-color:#fff;}
.fe_fileexplorer_wrap .fe_fileexplorer_navtools button:last-child {margin-right:0;}
.fe_fileexplorer_wrap .fe_fileexplorer_navtools:after {content:""; display:block; width:1px; height:13px; position:absolute; right:0; top:4px; background:#c9c9c9;}

/* 로케이션 */
.fe_fileexplorer_wrap .fe_fileexplorer_path_icon_inner {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); width:24px; height:24px; margin-left:2px; margin-right:4px; background-position:-72px -96px; image-rendering:auto;}
.fe_fileexplorer_wrap .fe_fileexplorer_path_wrap {border:none; color:#fff; padding:0 12px; margin-right:0; width:calc(100% - 290px); flex:none;}

.fe_fileexplorer_wrap .fe_fileexplorer_navtool_back {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); width:20px; background-position:2px -2px;}
.fe_fileexplorer_wrap .fe_fileexplorer_navtool_forward {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); width:20px; background-position:-17px -2px;}
.fe_fileexplorer_wrap .fe_fileexplorer_navtool_history {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); width:20px; background-position:-63px -1px;}
.fe_fileexplorer_wrap .fe_fileexplorer_navtool_up {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); width:20px; background-position:-40px -1px;}

.fe_fileexplorer_wrap .fe_fileexplorer_navtool_back:not(.fe_fileexplorer_disabled):hover, 
.fe_fileexplorer_wrap .fe_fileexplorer_navtool_back:not(.fe_fileexplorer_disabled):focus {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); width:20px; background-position:2px -2px;}
.fe_fileexplorer_wrap .fe_fileexplorer_navtool_forward:not(.fe_fileexplorer_disabled):hover, 
.fe_fileexplorer_wrap .fe_fileexplorer_navtool_forward:not(.fe_fileexplorer_disabled):focus {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); width:20px; background-position:-17px -2px;}
.fe_fileexplorer_wrap .fe_fileexplorer_navtool_history:not(.fe_fileexplorer_disabled):hover, 
.fe_fileexplorer_wrap .fe_fileexplorer_navtool_history:not(.fe_fileexplorer_disabled):focus {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); width:20px; background-position:-63px -1px;}
.fe_fileexplorer_wrap .fe_fileexplorer_navtool_up:not(.fe_fileexplorer_disabled):hover, 
.fe_fileexplorer_wrap .fe_fileexplorer_navtool_up:not(.fe_fileexplorer_disabled):focus {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); width:20px; background-position:-40px -1px;}

.fe_fileexplorer_wrap .fe_fileexplorer_path_segments_wrap button {font-size:14px;}


/* 툴 영역 */
.fe_fileexplorer_wrap .fe_fileexplorer_navtools button.fe_fileexplorer_disabled {opacity:0.3; cursor:default;}
.fe_fileexplorer_wrap .fe_fileexplorer_disabled {opacity:0.3; cursor:default;}

.fe_fileexplorer_wrap .fe_fileexplorer_body_wrap_outer {margin-top:0;}
.fe_fileexplorer_wrap .fe_fileexplorer_body_wrap {display:block;}

.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools {display:block; padding-left:142px; height:30px; background:#f2f1f1; border-bottom:1px solid #e2e2e2; padding-top:5px;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools .fe_fileexplorer_folder_tool_separator {margin:0 12px 0 4px; border-top:none; display:inline-block; position:relative; vertical-align:top;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools .fe_fileexplorer_folder_tool_separator:before {content:""; display:block; width:1px; height:13px; position:absolute; left:0; top:4px; background:#c9c9c9;}

.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button {margin-bottom:0; border:none; padding:0; width:20px; height:20px; border-radius:3px; transition:0.2s; margin:0 8px 0 0;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button:last-child {margin-right:0;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button::before {display:block; width:20px; height:20px; content:''; background-repeat:no-repeat; image-rendering:auto;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button:not(.fe_fileexplorer_disabled):hover, 
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button:not(.fe_fileexplorer_disabled):focus {border:none; background-color:#fff;}

.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools_scroll_wrap {padding:0; border:none;}

.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_new_folder::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-25px -147px;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_new_file::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-2px -147px;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_upload::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-98px -147px}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_download::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-98px -123px}

.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_copy::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-27px -122px}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_paste::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-50px -146px;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_cut::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-50px -122px;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_delete::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-74px -122px;}

.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_item_checkboxes::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-72px -144px;}
.fe_fileexplorer_wrap .fe_fileexplorer_show_item_checkboxes .fe_fileexplorer_folder_tool_item_checkboxes::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-0px -120px;}

.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_folder {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-48px -48px; image-rendering:auto;}
.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:1px -47px; image-rendering:auto;}
.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext)::after {bottom:10px; left:5px; font-size:10px; padding:0 3px; width:28px; height:14px; line-height:14px; letter-spacing:0;}

.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap:focus .fe_fileexplorer_popup_item_icon_back {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-96px -48px;}
.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap:focus .fe_fileexplorer_popup_item_icon_forward {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-24px -96px;}
.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_icon_check {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-0px -96px;}
.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_icon_folder {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-96px -96px;}



/* 추가 아이콘 */
/* .fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_filter::before {background-image:url('../images/file_explorer/filter_icon.png'); background-size:20px 24px; background-position:unset;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_view::before {background-image:url('../images/file_explorer/hamburger_list_menu_more_navigation_icon.png'); background-size:24px 24px; background-position:unset;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_setting::before {background-image:url('../images/file_explorer/cog_gear_general_machine_office_icon.png'); background-size:24px 24px; background-position:unset;} */


.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button.fe_fileexplorer_folder_tool_setting {width:32px;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button.fe_fileexplorer_folder_tool_setting::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-98px -73px; width:32px;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button.fe_fileexplorer_folder_tool_view_tile::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-65px -25px;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button.fe_fileexplorer_folder_tool_view_list::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-88px -25px;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button.fe_fileexplorer_folder_tool_view_detail::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:-110px -25px;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button.fe_fileexplorer_folder_tool_filter {width:32px;}
.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button.fe_fileexplorer_folder_tool_filter::before {background-image:url('../images/file_explorer/fileexplorer_sprites.png'); background-position:4px -25px; width:32px;}

/* 필터 */
.fe_fileexplorer_popup_wrap {border:none; background-color:#fff; min-width:11em; max-width:17em; z-index:100; box-shadow:0 7px 10px rgba(0, 0, 0, 0.1); font-size:14px;}

.fe_fileexplorer_filter_popup_wrap {min-width:150px;}
.fe_fileexplorer_filter_popup_wrap .fe_fileexplorer_popup_item_wrap:focus .fe_fileexplorer_popup_item_icon_forward {font-family:'Font Awesome 5 Free'; font-weight:900;}
.fe_fileexplorer_filter_popup_wrap .fe_fileexplorer_popup_item_wrap:focus .fe_fileexplorer_popup_item_icon_forward::before {content:"\f0c9";}
.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap .fe_fileexplorer_popup_item_icon_select {background-image:url('../images/file_explorer/circle_dot_record_round_icon_blue.png'); background-size:5px 5px; background-position:15px center; background-repeat:no-repeat; text-align:center; margin:0;}
.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap .fe_fileexplorer_popup_item_icon_choose {margin:0;}
.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap:focus .fe_fileexplorer_popup_item_icon_choose {background-image:url('../images/file_explorer/circle_dot_record_round_icon_blue.png'); background-size:5px 5px; background-position:15px center; background-repeat:no-repeat; margin:0;}
.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_text {font-size:14px;}

/* 보기 */
.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap.selected {font-weight:900;}
.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap .fe_fileexplorer_popup_item_icon_tile {background-image:url('../images/file_explorer/sorting_tile_grid_index_layout_icon.png'); background-size:20px 20px; background-position:center; background-repeat:no-repeat; text-align:center;}
.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap .fe_fileexplorer_popup_item_icon_list {background-image:url('../images/file_explorer/ic_fluent_apps_list_detail_icon.png'); background-size:20px 20px; background-position:center; background-repeat:no-repeat;}
.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap .fe_fileexplorer_popup_item_icon_detail {background-image:url('../images/file_explorer/hamburger_list_menu_more_navigation_icon.png'); background-size:20px 20px; background-position:center; background-repeat:no-repeat;}

/* 이미지 */
.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap .fe_fileexplorer_path_opts {
   background-image:url('../images/file_explorer/fileexplorer_sprites.png'); width:18px; background-position:-88px 2px; image-rendering:auto;}
.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap.fe_fileexplorer_path_segment_wrap_down .fe_fileexplorer_path_opts {
    background-image: url("../images/file_explorer/fileexplorer_sprites.png"); background-position:-112px 2px;}

.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap:hover {border:1px solid #2d57ad; background-color:#0c3383;}
.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap:hover .fe_fileexplorer_path_opts {border-left:none}
.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap:focus, 
.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap.fe_fileexplorer_path_segment_wrap_focus {border:1px solid #2d57ad; background-color:#0c3383;}
.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap:focus .fe_fileexplorer_path_opts, .fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap.fe_fileexplorer_path_segment_wrap_focus .fe_fileexplorer_path_opts {border-left:none;}


/* 검색 영역 */
#div_fileExplorerQCStorage, #div_fileExplorerObjectStorage {position:relative;}
.fe_fileexplorer_searchbar_wrap {display:flex; align-items:center; overflow:hidden; border:none; margin-right:5px; position:absolute; top:10px; right:30px; z-index:999; width:250px; margin-right:0;}
.fe_fileexplorer_searchbar_wrap form {width:100%;}
.fe_fileexplorer_searchbar_wrap input {border:none; font-weight:500; font-size:13px; padding:0 10px 0 30px; border:none; border-bottom:1px solid #526da6; height:25px; line-height:25px; background-color:#0c3383; width:100%;
   color:#fff; font-size:14px;}
.fe_fileexplorer_searchbar_wrap input[type="text"]::placeholder {color:#526da6; font-weight:400; opacity:1;}
.fe_fileexplorer_wrap .fe_fileexplorer_toolbar {width:100%; background:#0c3383; margin:0; height:45px; position:relative; z-index:10; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.fe_fileexplorer_searchbutton {font-size:15px; padding:0; position:relative;}
.fe_fileexplorer_searchbutton button {font-family:'icofont'; font-weight:700; background:none; border:none; position:absolute; left:0; top:0; width:30px; height:25px; line-height:25px; color:#fff; font-size:13px;
   text-align:left; padding:0;}
.fe_fileexplorer_searchbutton button::after {content:"\ed11"; cursor:pointer; margin-left:2px;}

.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap .fe_fileexplorer_item_date {display:none;}
.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap .fe_fileexplorer_item_size {display:none;}

/* 콘텐트 영역 */
.fe_fileexplorer_wrap .fe_fileexplorer_items_wrap {padding:15px 10px;}

/* 카드형 보기 */
.fe_fileexplorer_wrap .fe_fileexplorer_item_wrap {width:86px; margin-left:0;}
.fe_fileexplorer_wrap .fe_fileexplorer_item_text {font-size:14px; -webkit-line-clamp:3; word-break:break-all;}

/* 목록형 보기 */
.fe_fileexplorer_items_scroll_wrap.items_list .fe_fileexplorer_items_wrap {display:flex;}
.fe_fileexplorer_items_scroll_wrap.items_list .fe_fileexplorer_items_wrap .fe_fileexplorer_item_wrap_inner {display:flex;}
.fe_fileexplorer_items_scroll_wrap.items_list .fe_fileexplorer_items_wrap .fe_fileexplorer_item_wrap {width:32%; margin-left:2%;}
.fe_fileexplorer_items_scroll_wrap.items_list .fe_fileexplorer_items_wrap .fe_fileexplorer_item_wrap:nth-child(3n - 2) {margin-left:0%;}

.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_list .fe_fileexplorer_item_icon {width:25px; height:25px; margin:0px 10px;}
.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_list .fe_fileexplorer_item_icon_folder {background-image:url('../images/file_explorer/fileexplorer_folder_small.png'); background-position:center center; width:25px; height:25px;}

.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_list .fe_fileexplorer_item_icon_file {background-image:url('../images/file_explorer/fileexplorer_file_small.png'); background-position:center center; width:25px; height:25px;}
.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_list .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext)::after {width:21px; font-size:6px; bottom:4px; left:-1px; font-weight:100;
   letter-spacing:0.5px; height:11px; line-height:12px;}

.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_list .fe_fileexplorer_item_text {width:calc(100% - 45px); text-align:left; -webkit-line-clamp:1; margin-top:0; height:25px; line-height:25px;}

.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_list .fe_fileexplorer_item_date {font-size:14px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;
   margin-top:4px; height:24px; line-height:24px; color:#a4a4a4; width:125px; margin-left:10px; display:none;}
.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_list .fe_fileexplorer_textarea {text-align:left;}


/* 자세히 보기 */
.fe_fileexplorer_items_scroll_wrap.items_detail .fe_fileexplorer_items_wrap {display:block;}
.fe_fileexplorer_items_scroll_wrap.items_detail .fe_fileexplorer_items_wrap .fe_fileexplorer_item_wrap_inner {display:flex;}
.fe_fileexplorer_items_scroll_wrap.items_detail .fe_fileexplorer_items_wrap .fe_fileexplorer_item_wrap {width:100%;}
.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_detail .fe_fileexplorer_item_icon {width:25px; height:25px; margin:0px 10px;}

.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_detail .fe_fileexplorer_item_icon_folder {background-image:url('../images/file_explorer/fileexplorer_folder_small.png'); background-position:center center; width:25px; height:25px;}

.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_detail .fe_fileexplorer_item_icon_file {background-image:url('../images/file_explorer/fileexplorer_file_small.png'); background-position:center center; width:25px; height:25px;}
.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_detail .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext)::after {width:21px; font-size:6px; bottom:4px; left:-1px; font-weight:100;
   letter-spacing:0.5px; height:11px; line-height:12px;}
.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_detail .fe_fileexplorer_textarea {text-align:left;}

.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_detail .fe_fileexplorer_item_text {width:calc(100% - 315px); text-align:left; -webkit-line-clamp:1; margin-top:0; height:25px; line-height:25px;}

.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_detail .fe_fileexplorer_item_date {font-size:14px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;
   margin-top:4px; height:24px; line-height:24px; color:#a4a4a4; width:125px; margin-left:10px;}
.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap.items_detail .fe_fileexplorer_item_size {font-size:14px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;
   margin-top:4px; height:24px; line-height:24px; color:#a4a4a4; width:125px; margin-left:10px; text-align:right;}
   
.fe_fileexplorer_wrap textarea:focus {outline-width:0px;}


/** 240821 캐릭터 적용 css 추가 **/
.character_intro_section {background:url(../images/home/bg_character_intro.png) no-repeat left bottom; height:calc(100vh - 110px); background-size:100%;}
.n_intro.character_intro {width:1500px;}
.n_intro.character_intro .intro_tit {width:54%; margin-right:4%; display:inline-block; vertical-align:top; padding-right:0; margin-top:70px;}
.n_intro.character_intro .intro_link {width:41%; display:inline-block; vertical-align:top;}
.n_intro.character_intro .intro_link > div {display:block;}
.n_intro.character_intro div.intro_tit h2 {font-size:26px; font-weight:300;}
.n_intro.character_intro div.intro_tit h2:after {display:none;}
.n_intro.character_intro div.intro_tit h2 strong {color:#000;}
.n_intro.character_intro div.intro_tit p {font-size:18px; margin-top:15px; line-height:26px;}
.n_intro.character_intro div.intro_tit p strong {color:#000; font-size:18px;}
.n_intro.character_intro div.intro_tit .intro_txt_wrap {padding-left:320px; position:relative;}
.n_intro.character_intro div.intro_tit .intro_txt_wrap:before {content:""; background:url(../images/logo/logo_mdq_new.png) no-repeat center; position:absolute;
    left:0; top:0; display:block; width:291px; height:166px; background-size:100%;}
.n_intro.character_intro div.intro_tit .intro_txt_wrap .txt_box {background:#000; color:#fff; border-radius:15px; padding:0 27px; display:inline-block; margin-top:5px;}
.n_intro.character_intro div.intro_tit span {display:block; color:#000; font-size:16px; margin-top:120px;}
.n_intro.character_intro div.intro_tit span:after {background:url(../images/home/arrow_gray.png) no-repeat center; width:105px; margin-left:35px;}
.n_intro.character_intro ul.intro_link li a strong {line-height:1em; margin-bottom:10px;}
.n_intro.character_intro ul.intro_link li:nth-child(2) {margin-left:0;}

.n_intro.character_intro ul.intro_link li a {transition:0.3s;}
.n_intro.character_intro ul.intro_link li a:after {position:relative; transition:0.3s; }
.n_intro.character_intro ul.intro_link li:nth-child(1) a:hover:after {content:""; background:url(../images/home/intro_character1.png) no-repeat center; 
    width:111px; height:132px; display:block; position:absolute; left:180px; top:-94px;}
.n_intro.character_intro ul.intro_link li:nth-child(2) a:hover:after {content:""; background:url(../images/home/intro_character2.png) no-repeat center; 
    width:124px; height:169px; display:block; position:absolute; left:-91px; top:-8px;}


@media all and (max-width:1500px) {
    .n_intro.character_intro {width:1400px;}
    .n_intro.character_intro ul.intro_link li {width:550px;}
    .n_intro.character_intro ul.intro_link li a {padding:35px 40px;}
    .n_intro.character_intro div.intro_tit p {font-size:17px;}
    .n_intro.character_intro div.intro_tit .intro_txt_wrap {padding-left:310px;}
    .n_intro.character_intro div.intro_tit .intro_txt_wrap:before {background-size:95%; width:280px;}
}

@media all and (max-width:1400px) {
    .n_intro.character_intro {width:1280px;}
    .n_intro.character_intro .intro_tit {width:52%; padding:0 20px;}
    .n_intro div.intro_tit h2 strong {font-size:44px;}
    .n_intro.character_intro div.intro_tit .intro_txt_wrap {padding-left:240px;}
    .n_intro.character_intro div.intro_tit .intro_txt_wrap:before {width:225px;}
    .n_intro.character_intro div.intro_tit p {font-size:16px;}
    .n_intro.character_intro div.intro_tit .intro_txt_wrap .txt_box {padding:0 20px;}
    
}

@media all and (max-width:1280px) {
    .n_intro.character_intro {width:100%;}
    .n_intro.character_intro .intro_tit {display:none;}
    .n_intro.character_intro .intro_link {width:100%;}
    .n_intro.character_intro ul.intro_link li {display:block; margin:auto;}
    .n_intro.character_intro ul.intro_link li:nth-child(2) {margin-left:auto;}
}

@media all and (max-width:768px) {
    .n_intro.character_intro {width:90%;}
    .n_intro.character_intro ul.intro_link li {width:calc(500px - 10%);}
    .n_intro.character_intro ul.intro_link li a {padding:30px;}
    .n_intro ul.intro_link li a small {font-size:15px;}
    .n_intro ul.intro_link li a strong {font-size:30px;}
    .n_intro ul.intro_link li a span {font-size:16px; height:30px; line-height:30px; padding:0 15px; margin-bottom:20px;}
    .n_intro.character_intro ul.intro_link li:nth-child(1) a:hover:after {left:120px;}
    .n_intro.character_intro ul.intro_link li:nth-child(2) a:hover:after {left:83px; top:-113px; transform:rotate(90deg);}
    .n_intro ul.intro_link li a:before {background-size:80%; top:-94px; right:25px;}
    
}

@media all and (max-width:500px) {
    .n_intro.character_intro ul.intro_link li {width:100%;}
    .n_intro.character_intro ul.intro_link li a {padding:20px;}
    .n_intro ul.intro_link li:nth-child(1) a:before, .n_intro ul.intro_link li:nth-child(2) a:before {width:145px;} {width:145px;}
    .n_intro ul.intro_link li a:before {background-size:90%; right:0; top:-95px;} 
    .n_intro ul.intro_link li a strong {font-size:26px;}
    .n_intro ul.intro_link li a span {font-size:15px; margin-bottom:15px;}
    .n_intro ul.intro_link li a small {font-size:14px;}
    .n_intro.character_intro ul.intro_link li a:hover:after {background-size:65%; left:0;}
    .n_intro.character_intro ul.intro_link li:nth-child(1) a:hover:after {top:-84px; background-size:65%;}
    .n_intro.character_intro ul.intro_link li:nth-child(2) a:hover:after {top:-104px; background-size:65%;}
}


/* 로딩바 */
.loading_area {width:100%; height:100vh; position:fixed; z-index:999999; background:rgba(0,0,0,0.5); left:0; top:0; display:none;}
.loading_area.active {display:block; animation:loadingFadeIn2 0.5s 1;}
.loading_area .load_wrap {position:absolute; top:50%; left:calc(50% - 85px); transform:translate(-50%, -50%);}
.loading_area .load_wrap .load_character {display:block; width:300px; height:300px; position:relative; transform:scale(0.6); transform-origin:left;}
.loading_area .load_wrap .load_character > img {position:absolute;}
.loading_area .load_wrap .load_character .img_load1 {left:0; top:0; width:100%;}
.loading_area .load_wrap .load_character .img_load2 {left:32px; top:67px; width:35%; transform:rotate(87deg); transform-origin:bottom; 
	animation:loadingAx 0.7s 0s linear infinite;}
.loading_area .load_wrap .load_character .img_load_arm {left:60px; top:171px; width:35%; transform:rotate(15deg); transform-origin:left top;
	animation:loadingArm 0.7s 0s linear infinite;} 	
	
.loading_area .load_wrap .load_character .img_load3 {left:62px; top:63px; width:75%; transform:rotate(2deg); transform-origin:center left;
	animation:loadingArm2 0.7s 0s linear infinite;}	
	
@keyframes loadingArm2 {
  0% {left:62px; top:63px; transform:rotate(2deg);}
  50% {left:78px; top:47px; transform:rotate(45deg);}
  100% {left:62px; top:63px; transform:rotate(2deg);}
}

	
.loading_area .load_wrap .load_bar {width:300px; height:10px; background:#e3e3e3; border-radius:5px; position:absolute; left:170px; bottom:51px;}
.loading_area .load_wrap .load_bar .progress_bar {background: linear-gradient(90deg, rgba(104,36,20,1) 0%, rgba(148,73,47,1) 100%); border-radius:5px; height:10px; width:35%; animation:loadingBar 5s 0s linear infinite;}

.loading_area .loading_txt {color:#fff; font-size:16px; letter-spacing:5px; font-weight:300; position:absolute; left:calc(50% + 150px); transform:translateX(-50%); 
	top:150px;}

/* 캐릭터 단독 로딩 */
.loading_area.loading2 .load_bar {display:none;}
.loading_area.loading2 .load_wrap {left:50%;}
.loading_area.loading2 .load_wrap .load_character {transform-origin:center;}
.loading_area.loading2 .loading_txt {position:absolute; left:50%; transform:translateX(-50%); bottom:0; top:auto;}
 
@keyframes loadingFadeIn2 {
  0% {opacity:0;}
  100% {opacity:1;}
}

@keyframes loadingBar {
    0% {width:0;}
    100% {width:100%;}
}

@keyframes loadingArm {
    0% {transform:rotate(15deg);}
    50% {transform:rotate(-18deg);}
    100% {transform:rotate(15deg);}
}

@keyframes loadingAx {
    0% {transform:rotate(87deg); }
    50% {transform:rotate(36deg); left:77px; top:44px;}
    100% {transform:rotate(87deg); }
}


/* DB 데이터 관리 */
.db_data_wrap .db_data_select_info .db_no_data {text-align:center; padding-top:10px;}

/* 스토리지 관리 */
.n_qc_area .n_qc_con.storage #div_leftBodyStorageArea {left:15px;}
.n_qc_area .n_qc_con.storage #div_leftBodyStorageArea #ul_logo {margin:0; padding:0; position:absolute; bottom:5px; }
.n_qc_area .n_qc_con.storage #div_leftBodyStorageArea #ul_logo .active {margin:0;}

/* Null */
.section_null {text-align:center; margin:50px auto; max-width:700px;}
.section_null p {font-size:18px; color:#727272; margin-bottom:20px;}

/* 본인확인 */
.member_img {max-width:600px; margin:auto; padding-left:45px;}


/* 팝업 - 공통 Alert */
#div_alertDialog.modal-content {min-width:600px !important;}
#div_alertDialog .layerCon {padding:0 65px 40px 85px; position:relative; overflow:hidden;}
#div_alertDialog .layerCon:before {content:""; background:url(../images/home/alert_character.png) no-repeat center; left:-30px; bottom:-43px; position:absolute;
    width:115px; height:210px;}
#div_alertDialog .layerCon .msg {background:#eaeaea; border-radius:20px; padding:25px 30px; position:relative;}
#div_alertDialog .layerCon .msg:after {content:""; position:absolute; background:url(../images/home/alert_arrow.png) no-repeat center; bottom:-31px; left:23px; width:42px; height:34px;}
#div_alertDialog .layerCon .msg p {font-size:20px; padding:0; word-break:normal;}
#div_alertDialog .layerCon .btnArea {margin-top:35px;}


/* 플로팅 배너 */
.floating_banner {position:relative; z-index:11; position:fixed; right:20px; bottom:10px;}
.floating_banner .wrap_button {padding:0; margin:0; border:0; background:none; transition:0.3s; display:block;}
.floating_banner .wrap_button:hover {margin-bottom:6px;}
.floating_banner .wrap_button:after {content:""; background:url(../images/home/btn_floating.png) no-repeat center; display:block; width:146px; height:121px; transition:0.2s;}
.floating_banner .wrap_button:hover:after {background:url(../images/home/btn_floating_hover.png) no-repeat center;}
.floating_banner .floating_content { position:relative; display:none;}
.floating_banner .floating_content.active {display:block;}
.floating_banner .floating_content .btn_close {width:15px; height:15px; border-radius:50%; background:#c1c1c1; display:block; border:0; padding:0; line-height:15px;
    position:absolute; margin:0; right:15px; transition:0.2s;}
.floating_banner .floating_content .btn_close:hover {background:#3478f6;}
.floating_banner .floating_content .btn_close:before {content:"\eee1"; font-family:"Icofont"; font-size:12px; color:#fff;}
.floating_banner .floating_content .bg_floating {background:url(../images/home/floating_con.png) no-repeat center; width:248px; height:354px;}
.floating_banner .floating_content .floating_message {font-size:18px; font-weight:600; text-align:center; position:absolute; left:50%; transform:translateX(-50%); top:45px; color:#000;}

/* Intro 화면 내 가이드 버튼 추가 */
.n_intro.character_intro .m_icon.icon_guide_character {width:230px; height:50px; line-height:50px; vertical-align:middle; font-size:22px; border:0; background-color:#fff; padding-left:100px;
	border-radius:25px;	border:1px solid #dedede; font-family: futura-pt, sans-serif; font-weigth:300; letter-spacing:-0.5px; position:absolute; display: block; margin-top: 50px;}
.n_intro.character_intro .m_icon.icon_guide_character:before {content:""; display:inline-block; width:76px; height:78px; background:url(../images/icon/icon_guide_character.png) no-repeat center;
	position:absolute; bottom:0; left:20px;}
.n_intro.character_intro .m_icon.icon_guide_character:after {content:""; background:url(../images/icon/icon_guide_character2.png) no-repeat center; position:absolute; right:18px; top:50%; transform:translateY(-50%);
	width:30px; height:30px; transition:0.2s;}
.n_intro.character_intro .m_icon.icon_guide_character:hover:after {background:url(../images/icon/icon_guide_character2_hover.png) no-repeat center;}



/*** 250414 mdq 인트로 css 추가 ***/
.mdq_intro_section {background:url("../images/loginMDQ/bg_intro.png") no-repeat left bottom; height:calc(100% + 50px); background-size:100%;
	font-family:'Pretendard', '프리텐다드', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;}
.n_intro.mdq_intro {width:1600px; margin-top:0; height:100vh;}
.n_intro.mdq_intro .intro_tit {width:54%;  padding-right:0; position:relative; top:50%; transform:translateY(-50%); margin-top:-50px;}
.n_intro.mdq_intro .intro_link {width:41%; display:inline-block; vertical-align:top;}
.n_intro.mdq_intro .intro_link > div {display:block;}
.n_intro.mdq_intro div.intro_tit .mdq_title {font-size:34px; font-weight:800; color:#000; position:relative; padding-top:160px; margin-top:0;}
.n_intro.mdq_intro div.intro_tit .mdq_title:before {content:""; background:url(../images/loginMDQ/intro_logo.png) no-repeat; display:block; width:459px; height:151px; position:absolute;
	top:0; left:0;}
.n_intro.mdq_intro div.intro_tit .mdq_title:after {display:none;}
.n_intro.mdq_intro div.intro_tit p {font-size:18px; margin-top:15px; line-height:26px; word-break:keep-all;  font-weight:300; letter-spacing:-0.5px;}
.n_intro.mdq_intro div.intro_tit p:nth-child(1) {margin-top:40px;}
.n_intro.mdq_intro div.intro_tit p strong {color:#000; font-size:18px; font-weight:700;}
.n_intro.mdq_intro div.intro_tit .intro_txt_wrap {}
.n_intro.mdq_intro div.intro_tit .intro_txt_wrap:before {}
.n_intro.mdq_intro div.intro_tit .intro_txt_wrap .txt_box {background:#000; color:#fff; border-radius:15px; padding:0 27px; display:inline-block; margin-top:5px;}
.n_intro.mdq_intro .tag_area {margin-top:20px; max-width:540px;}
.n_intro.mdq_intro .tag_area span {font-size:15px; color:#000799; background:#e4efff; border-radius:14px; padding:3px 20px; margin-top:0; margin-top:10px; 
	margin-right:7px; letter-spacing:-0.25px;}
.n_intro.mdq_intro .tag_area span:after {display:none;}
.n_intro.mdq_intro div.intro_tit .arrow_service {display:block; color:#000; font-size:16px; position:absolute; right:130px; bottom:15px;}
.n_intro.mdq_intro div.intro_tit .arrow_service:after {background:url("../images/loginMDQ/arrow_black.png") no-repeat center; width:105px; position:absolute; bottom:35px; right:0;}


.mdq_intro_section ul.intro_link {padding:0; list-style:none; width:45%; position:absolute; right:0; top:0; height:100vh;}
.mdq_intro_section ul.intro_link li {transition:0.2s; position:relative;}
.mdq_intro_section ul.intro_link li a {color:#fff; width:100%; transition:0.2s; height:100%; padding:60px 80px; display:inline-block;}
.mdq_intro_section ul.intro_link li .list_wrap {position:relative; top:50%; transform:translateY(-50%);}
.mdq_intro_section ul.intro_link.list_col3 li {height:33.3333%;}
.mdq_intro_section ul.intro_link.list_col2 li {height:50%;}

.mdq_intro_section ul.intro_link li.list_ai {background:#3e4cd6 url("../images/loginMDQ/intro_img1.png") no-repeat 500px center;}
.mdq_intro_section ul.intro_link li.list_dq {background:#19b2ef url("../images/loginMDQ/intro_img2.png") no-repeat 500px center;}
.mdq_intro_section ul.intro_link li.list_gq {background:#1989f0 url("../images/loginMDQ/intro_img3.png") no-repeat 500px center;}

.mdq_intro_section ul.intro_link li.list_ai:hover {background:#2332c8 url("../images/loginMDQ/intro_img1.png") no-repeat 500px center;}
.mdq_intro_section ul.intro_link li.list_dq:hover {background:#1597cb url("../images/loginMDQ/intro_img2.png") no-repeat 500px center;}
.mdq_intro_section ul.intro_link li.list_gq:hover {background:#1271c9 url("../images/loginMDQ/intro_img3.png") no-repeat 500px center;}

.mdq_intro_section ul.intro_link li.list_ai:before {content:""; background:url("../images/loginMDQ/list_character1.png") no-repeat; position:absolute; 
	left:-64px; top:40%; transform:translateY(-50%); width:132px; height:175px; opacity:0; visibility:hidden; transition:opacity 0.2s ease, visibility 0.2s ease;}
.mdq_intro_section ul.intro_link li.list_dq:before {content:""; background:url("../images/loginMDQ/list_character2.png") no-repeat; position:absolute; 
	left:-69px; top:40%; transform:translateY(-50%); width:137px; height:185px; opacity:0; visibility:hidden; transition:opacity 0.3s ease, visibility 0.3s ease;}
.mdq_intro_section ul.intro_link li.list_gq:before {content:""; background:url("../images/loginMDQ/list_character3.png") no-repeat; position:absolute; 
	left:-68px; top:40%; transform:translateY(-50%); width:132px; height:190px; opacity:0; visibility:hidden; transition:opacity 0.3s ease, visibility 0.3s ease;}
	
.mdq_intro_section ul.intro_link li.list_ai:hover:before {content:""; background:url("../images/loginMDQ/list_character1.png") no-repeat; position:absolute; 
	left:-64px; top:40%; transform:translateY(-50%); width:132px; height:177px; opacity:1; visibility:visible;}
.mdq_intro_section ul.intro_link li.list_dq:hover:before {content:""; background:url("../images/loginMDQ/list_character2.png") no-repeat; position:absolute; 
	left:-69px; top:40%; transform:translateY(-50%); width:137px; height:185px; opacity:1; visibility:visible;}
.mdq_intro_section ul.intro_link li.list_gq:hover:before {content:""; background:url("../images/loginMDQ/list_character3.png") no-repeat; position:absolute; 
	left:-68px; top:40%; transform:translateY(-50%); width:131px; height:190px; opacity:1; visibility:visible;}

.mdq_intro_section ul.intro_link li a .list_title {margin:0; font-size:40px; font-weight:600; text-shadow:0 5px 0px rgb(0, 0, 0, 0.15); letter-spacing:0;}
.mdq_intro_section ul.intro_link li a .list_sub_txt {font-size:18px; border:1px solid #fff; border-radius:15px; padding:0 20px; font-weight:400; margin:15px 0; display:inline-block;}
.mdq_intro_section ul.intro_link li a p {font-size:16px; font-weight:200; max-width:370px; word-break:keep-all; letter-spacing:-0.25px;}

.mdq_intro_section .m_icon.icon_guide_character {width:230px; height:50px; line-height:50px; vertical-align:middle; font-size:22px; border:0; background-color:#fff; padding-left:100px;
	border-radius:25px;	border:1px solid #dedede; font-family: futura-pt, sans-serif; font-weigth:300; letter-spacing:-0.5px; position:relative; margin-top:65px;}
.mdq_intro_section .m_icon.icon_guide_character:hover {text-decoration:underline;}
.mdq_intro_section .m_icon.icon_guide_character:before {content:""; display:inline-block; width:76px; height:78px; background:url(../images/loginMDQ/icon_guide_character2.png) no-repeat center;
	position:absolute; bottom:-5px; left:20px;}
.mdq_intro_section .m_icon.icon_guide_character:after {content:""; background:url(../images/icon/icon_guide_character2.png) no-repeat center; position:absolute; right:18px; top:50%; transform:translateY(-50%);
	width:30px; height:30px; transition:0.2s;}
.mdq_intro_section .m_icon.icon_guide_character:hover:after {background:url(../images/icon/icon_guide_character2_hover.png) no-repeat center;}
.mdq_intro_section .m_icon.icon_guide_character span {display:inline-block; padding:0; padding-right:60px; margin-left:0; font-size:22px; color:#000; margin-top:0;}
.mdq_intro_section .m_icon.icon_guide_character span:after {display:none;}

@media all and (max-width:1600px) {
	.n_intro.mdq_intro {width:1400px;}
	.mdq_intro_section ul.intro_link {width:50%;}
}

@media all and (max-width:1400px) {
	.n_intro.mdq_intro {width:100%;}
	.n_intro.mdq_intro .intro_tit {width:48%;}
	.n_intro.mdq_intro div.intro_tit .mdq_title {font-size:30px;}
	.n_intro.mdq_intro div.intro_tit p, .n_intro.mdq_intro div.intro_tit p strong {font-size:17px;}
	.mdq_intro_section ul.intro_link li.list_ai,
	.mdq_intro_section ul.intro_link li.list_dq,
	.mdq_intro_section ul.intro_link li.list_gq,
	.mdq_intro_section ul.intro_link li.list_ai:hover,
	.mdq_intro_section ul.intro_link li.list_dq:hover,
	.mdq_intro_section ul.intro_link li.list_gq:hover {background-position:460px center; background-size:25%;}
	.mdq_intro_section ul.intro_link li a {padding:60px;}
	.n_intro.mdq_intro div.intro_tit .arrow_service {right:10px;}
}

@media all and (max-width:1280px) {
	.n_intro.mdq_intro .intro_tit {width:60%;} 
	.n_intro.mdq_intro div.intro_tit .arrow_service {right:50px;}
	.n_intro.mdq_intro div.intro_tit .mdq_title {padding-top:130px;}
	.n_intro.mdq_intro div.intro_tit .mdq_title:before {background-size:80%;}
	.mdq_intro_section ul.intro_link {width:40%;}
	.mdq_intro_section ul.intro_link li.list_ai, 
	.mdq_intro_section ul.intro_link li.list_dq, 
	.mdq_intro_section ul.intro_link li.list_gq, 
	.mdq_intro_section ul.intro_link li.list_ai:hover, 
	.mdq_intro_section ul.intro_link li.list_dq:hover, 
	.mdq_intro_section ul.intro_link li.list_gq:hover {background-image:none;}
	.mdq_intro_section ul.intro_link li a {padding:50px;}
}

@media all and (max-width:1024px) {
	.mdq_intro_section {height:auto;}
	.n_intro.mdq_intro {height:auto; margin-top:100px;}
	.n_intro.mdq_intro .intro_tit {width:100%; margin:auto; transform:translateY(0); padding-left:0; text-align:center; max-width:760px;}
	.n_intro.mdq_intro div.intro_tit .mdq_title {padding-top:140px;}
	.n_intro.mdq_intro div.intro_tit .mdq_title:before {left:50%; transform:translateX(-50%); width:380px; background-size:380px;}
	.mdq_intro_section ul.intro_link {position:static; height:auto; margin:auto; margin-top:70px; width:100%;}
	.n_intro.mdq_intro .tag_area {margin:auto;}
	.n_intro.mdq_intro div.intro_tit .arrow_service {display:none;}
	.mdq_intro_section .m_icon.icon_guide_character {margin-top:50px;}
	.mdq_intro_section ul.intro_link.list_col2 li, .mdq_intro_section ul.intro_link.list_col3 li {height:auto;}
	.mdq_intro_section ul.intro_link li:hover:before {display:none;}
	.mdq_intro_section ul.intro_link li a {max-width:480px; margin:auto; display:block; padding:30px 10px;}
	.mdq_intro_section ul.intro_link li .list_wrap {position:static; transform:translateY(0);}
}

@media all and (max-width:768px) {
	.n_intro.mdq_intro .intro_tit {padding:0 10px;}
	.n_intro.mdq_intro div.intro_tit p:nth-child(1) {margin-top:25px;}
	.n_intro.mdq_intro div.intro_tit .mdq_title {font-size:28px;}
	.n_intro.mdq_intro div.intro_tit .mdq_title:before {background-size:350px; background-position:center;}
	.n_intro.mdq_intro .tag_area {max-width:500px;}
	.n_intro.mdq_intro .tag_area span {font-size:14px; padding:3px 15px; margin-right:5px;}
	.mdq_intro_section ul.intro_link li a .list_title {font-size:38px; }
	.mdq_intro_section ul.intro_link li a .list_sub_txt {font-size:17px;}
	.mdq_intro_section ul.intro_link li a p {font-size:15px;}
	
}

@media all and (max-width:500px) {
	.n_intro.mdq_intro {margin-top:80px;}
	.n_intro.mdq_intro div.intro_tit .mdq_title {font-size:22px;}
	.n_intro.mdq_intro div.intro_tit .mdq_title:before {background-size:280px; width:100%;}
	.n_intro.mdq_intro div.intro_tit p {margin-top:10px; line-height:24px;}
	.n_intro.mdq_intro div.intro_tit p, .n_intro.mdq_intro div.intro_tit p strong {font-size:15px;}
	.n_intro.mdq_intro .tag_area {max-width:310px;}
	.mdq_intro_section ul.intro_link li a {max-width:310px; padding:25px 10px;}
	.mdq_intro_section ul.intro_link li a .list_title {font-size:33px;}
	.mdq_intro_section ul.intro_link li a .list_sub_txt {font-size:15px;}
	.mdq_intro_section ul.intro_link li a p {font-size:14px;}
}