/**
------------------------------------------------------------
 * @프로그램명 :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')
}
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; min-width:1400px; 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:hidden;}
.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 .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;}

.fdc_theme_select {position:absolute; left:80px; top:18px; display:inline-block; height:25px; z-index:10;}
.fdc_theme_select h3 {display:inline-block; color:#333; font-size:13px; margin-right:10px;}
.fdc_theme_select button.theme_select_btn {border:1px solid #fff; width:25px; height:25px; padding:0; background:#fff url("../images/icon/icon_theme_white.png") no-repeat center center;
                                            box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; border-radius:4px;
                                            -webkit-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s;}
.fdc_theme_select button.theme_select_btn:hover {border:1px solid #00b0f0;}
.fdc_theme_select button.theme_select_btn.theme_dark_btn {border:1px solid #141517; background:#141517 url("../images/con_theme_dark.png") no-repeat center center;}
.fdc_theme_select button.theme_select_btn.theme_dark_btn:hover {border:1px solid #00b0f0;}
.fdc_theme_select button.theme_select_btn.active{border:1px solid #1abb9c;}

.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:relative; z-index:11;}
.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:70px;padding:0; margin:0; position:fixed; top:0; left:320px; right:400px; border-radius:35px; /*background:rgba(0,0,0,0.5);*/ text-align:center;overflow:hidden;z-index: 12;}
ul.al_menu li {display:inline-block; padding:0; margin:0; list-style:none; position:relative;}
ul.al_menu li a {display:block; padding:0 1vw; height:70px; line-height:68px; color:rgba(255,255,255,0.6); font-size:18px; font-weight:300; }
ul.al_menu li a:hover, 
ul.al_menu li.active a {color:rgba(255,255,255,1);font-weight:500; }


.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:#1c556e; color:#1c556e;}

.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:#1c556e; border-color:#1c556e;} 
                            
.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:#1c556e; border-color:#1c556e;} 
                            
.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:#1c556e; border-color:#1c556e;}     

.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:#1c556e; border-color:#1c556e;}

.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:#1c556e; border-color:#1c556e; 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:#1c556e; border-color:#1c556e;}

.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:#1c556e; border-color:#1c556e;}

.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:#1c556e; border-color:#1c556e;}

.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:#1c556e; border-color:#1c556e; 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:#1c556e; border-color:#1c556e;}

.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:#1c556e; color:#fff; border-color:#1c556e;}
.btn-teal:hover, .btn.btn-teal:focus, .btn.btn-teal:active      {background:#049091; color:#fff;}
            
.btn.btn-submit             {background:#001f42; border-color:#001f42; color:#ffffff;}
.btn-submit:hover, .btn-submit:focus, .btn-submit:active, .btn-submit.active, .open .dropdown-toggle.btn-submit
                            {background:#1c556e; border-color:#1c556e;}
                            
.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:#1c556e; border-color:#1c556e; 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:#1c556e url(../images/icon/icon_white_download.png) no-repeat right 10px center; border-color:#1c556e;}

.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;}

.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;}

.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 dashed #d9d9d9; margin:10px 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;
}


/* 좌측 Tree */
.x_panel.left_tree {padding:0; width:270px;}
.x_panel.left_tree .tree_select_line {padding:15px 17px;}
.x_panel.left_tree .left_menu_search {padding:10px 17px;}
.x_panel.left_tree .left_menu_search button {width:100%;}

.fdc_main_right {float:right;}

.left_treemenu {text-align:left; direction:ltr; margin:0; padding:0;}
.left_treemenu li {list-style:none;}
.left_treemenu > li > a {background:#2980b9;}
.left_treemenu li ul {padding:0; margin:0;}
.left_treemenu .change-me {position:absolute; right:0; height:40px; text-align:center; padding:0; top:0; z-index:2; line-height:39px;}
.left_treemenu li li .change-me {height:34px; line-height:33px;}
.left_treemenu > li:not(:last-child) {border-bottom:1px solid rgba(38,44,123,0.4);}
.left_treemenu > li:last-child {border-bottom:1px solid rgba(0,0,0,0.4);}
.left_treemenu a {color:#fff; padding:10px; font-size:13px; transition:all 0.35s; display:block; font-weight:500;}
.left_treemenu li {position:relative;}
/*----*/
.left_treemenu li ul {background:#49505a;}
.left_treemenu a {position:relative; overflow:hidden;}
.left_treemenu > li > .nav-child > li > a:before {content:""; background:rgba(0,0,0,0.1); width:100%; height:100%; left:-100%; transition:all 0.35s; position:absolute;
    top:0; display:block;}
.left_treemenu > li .nav-child > li:hover > a:before {left:0; transition:all 0.35s;}
/*----*/
.left_treemenu .nav-child {width:100% !important; background:#292c33;}
.left_treemenu li > .nav-child > li > a {padding:7px 10px 7px 25px;}
.left_treemenu li > .nav-child ul {padding:0 0 0 30px !important; position:relative;}
.left_treemenu li > .nav-child ul:before {height:100%; width:2px; position:absolute; left:30px; top:0; z-index:1; content:""; background:#2980b9;}
.left_treemenu li > .nav-child li.parent>a {border-bottom:1px solid rgba(42,128,185,0.4); border-top:1px solid rgba(42,128,185,0.4);}
.left_treemenu li > .nav-child ul a:hover {transition:all 0.35s; color:#c49ada;}
.left_treemenu li > .nav-child .nav-child li a {}
/*---*/
.left_treemenu span {display:inline-block; width:31px; text-align:center; padding:0 10px; color:#fff; float:left; font-size:12px; font-weight:bold; cursor:pointer;
    background:rgba(0,0,0,.1); height:40px;}
.left_treemenu span:hover {background:rgba(0,0,0,.3);}
.left_treemenu li li span {height:34px; margin-top:1px;}
.left_treemenu li.current.active>span, .left_treemenu li.current.active>a, .left_treemenu>li.current.active.parent>a, .left_treemenu>li.current.active.parent>.change-me>span,
.nav-child>li.current.active, .nav-child>li.current.active>a, .nav-child>li.current.active>.change-me>span {color:#fff; background:none;}
.left_treemenu li.active>* {background:none; color:#fff;}
.left_treemenu .nav-child .nav-child li:hover > a , .left_treemenu .nav-child .nav-child li.active.current > a {color:#c49ada;}
.hide {display:none!important;}

.left_treemenu > li.seleted {background:#61317a;}
.left_treemenu > li .nav-child {background:#292c33;}
.left_treemenu > li.seleted .nav-child {background:#2a242e;}
.left_treemenu > li.seleted > .nav-child li.parent>a {border-bottom:1px solid #63347c; border-top:1px solid #63347c;}
.left_treemenu > li.seleted > .nav-child ul:before {background:#63347c;}

.left_treemenu > li:hover {background:#61317a; transition:all 0.35s;}
.left_treemenu > li:hover .nav-child {background:#2a242e; transition:all 0.35s;}
.left_treemenu > li:hover > .nav-child li.parent>a {border-bottom:1px solid #63347c; border-top:1px solid #63347c; transition:all 0.35s;}
.left_treemenu > li:hover > .nav-child ul:before {background:#63347c; transition:all 0.35s;}
.left_treemenu > li:hover > a {background:#61317a;}

.left_treemenu .memu_fault {background:rgba(255,0,0,.2) !important;}
.left_treemenu .menu_doubt {background:rgba(255,192,0,.2) !important;}


/* 공정 성능 지표 */
.plant_result_area p {margin-bottom:0;}
.plant_result_area .plant_result_title {margin-bottom:15px;}
.plant_result_area .plant_result_title h3 {font-size:18px; font-weight:700; margin-top:19px;}
.plant_result_area .plant_result_title p {font-size:13px;}
.plant_result_area .plant_result {position:relative; border:2px solid #eeeeee; padding:5px; border-radius:10px; background:#fff; cursor:pointer; margin-bottom:10px; 
    display:block; width:100%;
    -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
    
.plant_result_area .plant_result.plant_result_all {border-color:#bfbfbf;}
.plant_result_area .plant_result.plant_result_normal {border-color:#257bca;}
.plant_result_area .plant_result.plant_result_doubt {border-color:#ffc000;}
.plant_result_area .plant_result.plant_result_fault {border-color:#c00000;}

.plant_result_area .plant_result.plant_result_all:hover {background:#f8f8f8;}
.plant_result_area .plant_result.plant_result_normal:hover {background:#dbe8f4;}
.plant_result_area .plant_result.plant_result_doubt:hover {background:#f6eed5;}
.plant_result_area .plant_result.plant_result_fault:hover {background:#eed8d8;}

.plant_result_area .plant_result .plant_circle {width:60px; height:60px; border-radius:30px; border:2px solid #bfbfbf; display:inline-block; text-align:center;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  background:#fff;}
.plant_result_area .plant_result.plant_result_all .plant_circle {border-color:#bfbfbf;}
.plant_result_area .plant_result.plant_result_normal .plant_circle {border-color:#257bca; color:#257bca;}
.plant_result_area .plant_result.plant_result_doubt .plant_circle{border-color:#ffc000; color:#c36518}
.plant_result_area .plant_result.plant_result_fault .plant_circle {border-color:#c00000; color:#c00000}

.plant_result_area .plant_result .plant_circle .status_icon {font-size:23px; font-weight:900; margin-top:0px; display:block;}
.plant_result_area .plant_result.plant_result_all .plant_circle .status_icon {font-size:18px; margin-top:5px;}
.plant_result_area .plant_result .plant_circle .status_txt {font-size:13px; font-weight:900; margin-top:0; color:#333; margin-top:-7px; display:block;}
.plant_result_area .plant_result.plant_result_all .plant_circle .status_txt {margin-top:-3px;}

.plant_result_area .plant_result .status_num {width:calc(100% - 60px); padding:12px 0 0 7px; color:#333; font-size:20px; font-weight:900; text-align:center; display:inline-block;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:right;
     white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.plant_result_area .plant_result.plant_result_all:hover .status_num {color:#000000;}
.plant_result_area .plant_result.plant_result_normal:hover .status_num {color:#257bca;}
.plant_result_area .plant_result.plant_result_doubt:hover .status_num {color:#9f5110;}
.plant_result_area .plant_result.plant_result_fault:hover .status_num {color:#c00000;}

/* 공정 성능 지표 warning */
.plant_result_area .plant_result.plant_result_fault.warning {
    /* background:#189BFA; */
    color:#333333;
    background:#ffffff;
    animation:warning_fault 2s 1s infinite;
    -webkit-animation:warning_fault 2s 1s infinite;
}
.plant_result_area .plant_result.plant_result_fault.warning .status_num {
    color:#333333;
    animation:warning_fault_txt 2s 1s infinite;
    -webkit-animation:warning_fault_txt 2s 1s infinite;
}
@keyframes warning_fault {
    0%      {background:#ffffff;}
    50%     {background:#c00000;}
    0%      {background:#ffffff;}
}
@-webkit-keyframes warning_fault {
    0%      {background:#ffffff;}
    50%     {background:#c00000;}
    0%      {background:#ffffff;}
}
@keyframes warning_fault_txt {
    0%      {color:#333333;}
    50%     {color:white;}
    0%      {color:#333333;}
}
@-webkit-keyframes warning_fault_txt {
    0%      {color:#333333;}
    50%     {color:white;}
    0%      {color:#333333;}
}



/* 공정 성능 지표 warning */
.plant_result_area .plant_result.plant_result_doubt.warning {
    /* background:#189BFA; */
    color:#333333;
    background:#ffffff;
    animation:warning_doubt 2s 1s infinite;
    -webkit-animation:warning_doubt 2s 1s infinite;
}
.plant_result_area .plant_result.plant_result_doubt.warning .status_num {
    color:#333333;
    animation:warning_doubt_txt 2s 1s infinite;
    -webkit-animation:warning_doubt_txt 2s 1s infinite;
}
@keyframes warning_doubt {
    0%      {background:#ffffff;}
    50%     {background:#f2ab13;}
    0%      {background:#ffffff;}
}
@-webkit-keyframes warning_doubt {
    0%      {background:#ffffff;}
    50%     {background:#f2ab13;}
    0%      {background:#ffffff;}
}
@keyframes warning_doubt_txt {
    0%      {color:#333333;}
    50%     {color:white;}
    0%      {color:#333333;}
}
@-webkit-keyframes warning_doubt_txt {
    0%      {color:#333333;}
    50%     {color:white;}
    0%      {color:#333333;}
}



/* 가상센서, 다변량 분석 */
.x_panel.sensor_chart_area {}
.x_panel.wafer_chart_area {}
#div_sensorChart.x_content {padding:0; margin:0;}
#div_waferChart.x_content {padding:0; margin:0;}

/* 혐의 인자 목록 */
.sensor_table.x_panel table tbody tr td span {}
.sensor_table.x_panel table tbody tr td span.con_doubt {background:#ffc000;}
.sensor_table.x_panel table tbody tr td span.con_fault {background:#c00000;}

/* 협의인자 레이어팝업 */
.pop_packet_analysis .x_title_pop h1.title {margin-top:0;} 
#div_sensorChartPop > div {width:100% !important;}
#div_sensorChartPop > div > canvas {width:100% !important;}
.paramer_select {position:absolute; right:10px; top:7px;}

/* ********** 작은 모바일용 CSS ********** */
@media all and (max-width:480px){
    .fdc_theme_select {display:none;}
}


/* ********** Tablet용 CSS ********** */
@media all and (min-width:768px){
    .fdc_theme_select {left:260px;}
}


/* ********** PC용 CSS ********** */
@media all and (min-width:992px){
    
}

/* ********** Wide PC용 CSS ********** */
@media all and (min-width:1200px){
    
}

/* ********** Wide2 PC용 CSS ********** */
@media all and (min-width:1600px){
    .x_panel.plant_result_area:after {background:url(../images/chart/stats.png) no-repeat; background-size:80px auto; 
        position:absolute; right:35px; bottom:7px; width:80px; height:80px; content:""; opacity:0.5;}

    .left_treemenu {/* max-height:729px; overflow-y:auto; */}
    
    .plant_result_area .plant_result, .plant_result_area .plant_result_title {margin-bottom:0;}
    
    /* 혐의 인자 목록 */
    .sensor_table.x_panel {}
    /* .sensor_table.x_panel table thead tr th {padding-left:30px;} */
    .sensor_table.x_panel table thead tr th, .sensor_table.x_panel table tbody tr td {text-align:center;}
}





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



/* CDW 추가 CSS */
.cdwTitle i {}
.cdwTitle {padding:0 5px; height:33px;}
.cdwTitleIcon {position:absolute; top:72px; left:100px; font-size:35px;}

.cdwTitle > .left {padding-left:55px; font-size:20px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; top:2px;}
.cdwTitle > .left.icon {padding-left:10px; font-size:20px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:0; line-height:28px;}
.cdwTitle > .left.icon i {font-size:28px; display:inline-block; margin-right:6px; vertical-align:top;}
.cdwTitle > .right {text-align:right; padding-right:10px;}
.cdwTitle > .right > span {/* float:right; */ position:relative; bottom:5px;}



.cdw_container {padding:0 10px;}
/* .cdw_container .x_panel label {height:24px; line-height:24px; padding-top:4px;} */

/* 팝업 탭 수정 */
.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;}


/* 모델 매니저 상세 */
.paramHeader {background:#222; height:39px; border:1px solid #444;}
.paramHeader div {text-align:center; color:#f8f8f8; height:37px; line-height:35px; border-right:1px solid #444; margin:0 !important;}
.paramHeader div:last-child {border-right:none;}
.paramBody {border:1px solid #333; border-top:none;}
.paramBody .col-xs-12 {border-right:1px solid #444;}


/*======================================
                panel
========================================*/

.draggable_operator {
  cursor:grab;
  -webkit-touch-callout:none; 
  -webkit-user-select:none;  
  -khtml-user-select:none;   
  -moz-user-select:none;     
  -ms-user-select:none;      
  user-select:none;          
}

.items_area {}
.js-toggle-flow-slidebar {height:40px; position:absolute; left:350px; top:45px; z-index:2; background:#fff; border-radius:0 0 5px 0; 
                border:1px solid #ccc; border-left:0; border-top:none; transition:1s; text-align:center; padding:0 12px; font-size:14px;}
.js-toggle-flow-slidebar:hover {}
.js-toggle-flow-slidebar span {font-size:13px; color:#555; line-height:37px; font-weight:normal; display:inline-block; transition:0.2s;}
.js-toggle-flow-slidebar span:before{display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; display:inline-block; 
                                    margin-right:8px; content:"\f053"; line-height:40px; font-size:16px;}
.js-toggle-flow-slidebar:hover span {color:#00b0f0;}
.js-toggle-flow-slidebar.hide_panel {left:0px;}
.js-toggle-flow-slidebar.hide_panel span:before {content:"\f054";}

/* 아이템 선택 */
#operatorsItems {position:absolute; left:0; top:46px; width:350px; height:calc(100% - 46px); padding:10px 20px 0; color:#333; border-right:1px solid #ccc; background:#fff;}
#operatorsItems h2 {text-align:center; padding-bottom:8px; font-size:20px; margin-top:5px; font-weight:bold; margin-bottom:20px;}
#operatorsItems .ui-accordion {height:calc(100vh - 319px); overflow-y:auto; overflow-x:hidden; margin-bottom:0;}
#operatorsItems .ui-accordion h3.ui-accordion-header.ui-corner-top, #operatorsItems .ui-accordion h3.ui-accordion-header.ui-corner-all {font-size:15px; border-radius:0;}
#operatorsItems .ui-accordion h3.ui-state-default {text-align:left; margin-top:3px; border:1px solid #c5c5c5; background:#f8f8f8; 
    font-weight:normal; color:#454545;}
#operatorsItems .ui-accordion h3.ui-state-active {background:#337ab7; border:none; font-weight:normal; color:#ffffff;}
#operatorsItems .ui-accordion h3 i {margin-right:8px;}
#operatorsItems .ui-accordion h3:first-child {margin-top:0;}

#operatorsItems .ui-accordion .ui-accordion-content {padding:16px 0 9px; border:none;}

#operatorsItems .ui-accordion ul {padding:0; margin:0; overflow:hidden;}
#operatorsItems .ui-accordion ul li {padding:0; margin:0; list-style:none; width:48%; margin-right:4%; float:left; margin-bottom:7px;}
#operatorsItems .ui-accordion ul li:nth-child(2n) {margin-right:0;}
#operatorsItems .ui-accordion ul li .btn {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff !important; text-align:left;}

#operatorsItems .form-control-feedback.right {border-right:none;}
#operatorsItems .form-control {background-color:transparent;}

#operatorsItems ul.items_footer_btn {padding:0; margin:0 -20px; display:flex; border-top:1px solid #d9d9d9;}
#operatorsItems ul.items_footer_btn li {padding:0; margin:0; width:33.33%; list-style:none; border-right:1px solid #d9d9d9;}
#operatorsItems ul.items_footer_btn li:last-child {border-right:none;}
#operatorsItems ul.items_footer_btn li button {width:100%; height:75px; font-size:12px; text-align:center; padding:10px; border:none; line-height:15px; transition:0.2s; background:#fff;}
#operatorsItems ul.items_footer_btn li button i {display:block; font-size:18px; text-align:center; margin-bottom:6px;}
#operatorsItems ul.items_footer_btn li button.add_query:hover {background:#337ab7; color:#fff;}
#operatorsItems ul.items_footer_btn li button.add_block:hover {background:#5bc0de; color:#fff;}
#operatorsItems ul.items_footer_btn li button.add_excel:hover {background:#5cb85c; color:#fff;}

/* 아이템 상세설정 - 공통 */
/* start 영역 */
.data_select_list {height:calc(100vh - 510px); overflow-y:auto; padding-bottom:20px; z-index:999;}
/* 공통영역 */
.itme_detail_panel {position:absolute; right:-350px; top:46px; width:750px;  padding:10px 20px; display:none;}
.itme_detail_panel.slideInRight {right:0; display:block;}
.itme_detail_panel.slideOutRight {right:-350px;}
.itme_detail_panel button.remove_panel {position:absolute; right:15px; top:12px; width:30px; height:30px; background:transparent; border:1px solid #d9d9d9; border-radius:15px;
                                        color:#555; font-size:14px; padding:0; line-height:28px; transition:0.2s;}
.itme_detail_panel button.remove_panel i {position:relative; top:-1px;}
.itme_detail_panel button.remove_panel:hover {border-color:#e24325; color:#e24325;}
.itme_detail_panel h2 {text-align:center; padding-bottom:8px; font-size:20px; margin-top:5px; font-weight:bold; margin-bottom:20px;}
.itme_detail_panel h3 {text-align:left; padding-bottom:8px; font-size:16px; margin-top:20px;}
.itme_detail_panel h3 i {margin-right:8px;}
.itme_detail_panel .sm-tit {margin-top:15px; font-size:14px; font-weight:600;}
.itme_detail_panel input, .itme_detail_panel select {margin-top:5px; padding:5px; border-radius:3px;}
.itme_detail_panel .item-value-input {margin-bottom:20px; padding:5px; width:100%;}
.itme_detail_panel .top-input {width:calc(100% - 10px);} 

/* 북마크 */
.itme_detail_panel .bookmark {padding:0; margin:20px 0 0;}
.itme_detail_panel .bookmark li {list-style:none; margin-bottom:10px;}
.itme_detail_panel .bookmark li .btn {width:100%; text-align:left; position:relative; padding-right:20px; }
.itme_detail_panel .bookmark li .btn i {position:absolute; right:10px; top:8px; trranstion:0.2s;}
.itme_detail_panel .bookmark li .btn i:hover {color:orangered;}

/* 검색 결과화면 */
.result_area {position:absolute; right:0; bottom:-100%; width:100%; height:calc(100vh - 130px); padding:10px 20px; background:#fff; z-index:10; display:none;}
.result_area.slideInUp {bottom:0;  display:block;}
.result_area button.remove_result {position:absolute; right:15px; top:12px; width:30px; height:30px; background:transparent; border:1px solid #d9d9d9; border-radius:15px;
                                        color:#555; font-size:14px; padding:0; line-height:28px; transition:0.2s;}
.result_area button.remove_result i {position:relative; top:-1px;}
.result_area button.remove_result:hover {border-color:#e24325; color:#e24325;}
.result_area h2 {text-align:center; padding-bottom:8px; font-size:20px; margin-top:5px; font-weight:bold; margin-bottom:20px; border-bottom:1px solid #ccc;}
.result_area h2 i {margin-right:8px;}

.result_area .reslut_img {height:calc(100vh - 196px); overflow-y:auto; overflow-x:hidden; padding-bottom:20px;}
.result_area img {width:100%; height:auto;}



/* Flow Chart */
.flow_data_function {padding:7px 12px; text-align:right; border-bottom:1px solid #666; position:relative;}
.flow_data_function .function_btn button.btn {padding:6px 12px 3px; height:30px;}
.flow_data_function .function_btn button.btn i.fa.fa-check-circle {font-size:14px;}
/* .flow_data_function .function_btn button.btn i {font-size:18px;} */
.flow_data_function .function_btn button.btn span {display:inline-block; margin-left:5px; font-size:12px; position:relative; top:-2px;}

.cdw_container .x_panel .flow_data_function label {padding-top:0; margin-bottom:0;}

.aiflow_name_txt {overflow:hidden;}
.aiflow_name_txt:after{clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0;}
.aiflow_name_txt label {width:auto; padding-right:13px; float:left;}
.aiflow_name_txt input {width:calc(100% - 170px); float:left;}


ul.flow_data_btn li {border-bottom:1px solid #ddd;}
ul.flow_data_btn li:last-child {border-bottom:none;}
ul.flow_data_btn li a {padding:7px 20px;}

/* 차트 기본 설정 */
#dataSearch {width:4000px; height:2000px; background:#1b1e2c;}
#dataSearch:before {content:""; width:4000px; height:2000px; display:block; position:absolute; top:50%; left:50%; margin:-1000px 0 0 -2000px;
    background:url("../images/common/flow_grid_model.png") repeat left top;}





/* 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:5px; padding-left:5px; margin-top:5px; margin-bottom:5px;}

.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;}


/* List 화면 */
.x_panel.aiListPanel.pjList-wrap {padding:20px; height:172px; border-left:10px solid green; border-radius:10px;}
.x_panel.aiListPanel.pjList-wrap.disabled {border-left:10px solid red;}
.x_panel.aiListPanel.pjList-wrap .title-img {position:relative; display:inline-block; margin:0 0 0 10px; width:100px; height:100px; overflow:hidden; border:1px solid #d9d9d9; border-radius:60px;}
.x_panel.aiListPanel.pjList-wrap .title-img img.connection-img {position:absolute; top:50%; left:50%; width:100px; height:100px; transform:translate(-50%, -50%);}

.flow_container {padding:0 5px;}
.flow_container .row {margin:5px 0;}
.flow_container .aiTitle {margin-bottom:10px;}
.flow_container .aiTitle:after {content:""; display:block; clear:both;}
.flow_container .aiTitle h2 {margin:9px 0 6px; font-size:14px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; color:#777;}
.flow_container .aiTitle .btn.btn-teal {box-shadow:3px 3px 10px rgba(0,0,0,0.07);}
.flow_container .aiTitle .btn.btn-teal i {margin-right:5px;}
.flow_container .aiSearch {margin-bottom:10px;}
.flow_container .aiSearch .form-control.has-feedback-left {border-radius:3px;}
.flow_container .aiList {height:633px; overflow-y:auto !important;}
.flow_container .aiList span.pj-tit {font-size:16px; font-weight:700;}
.flow_container .aiListCtt_top:after {content:""; display:block; clear:both;}
.flow_container .aiListCtt_top span.pj-date {color:#8c8b8b; font-size:14px;}
.flow_container .aiListCtt_top_icon {float:left; width:60%;}
.flow_container .aiListCtt_top_info {float:right;}
.flow_container .aiListCtt_top_info:after {content:""; display:block; clear:both;}
.flow_container .aiListCtt_top_info .actionBtn-wrap {float:right; width:150px;}
.flow_container .aiListCtt_top_info .actionBtn-wrap button {padding:8px 4px 4px; width:54px; height:54px; color:#8c8b8b; background:#f5f7f7; border-radius:5px; border:none; transition:0.2s;}
.flow_container .aiListCtt_top_info .actionBtn-wrap button:nth-child(2) {margin-top:6px; margin-right:0 !important;}
.flow_container .aiListCtt_top_info .actionBtn-wrap button:nth-child(3) {margin-top:6px; margin-right:2%;}
.flow_container .aiListCtt_top_info .actionBtn-wrap button:hover, .flow_container .aiListCtt_top_info button:focus {color:#fff; background:#01a9ac; outline:0; box-shadow:0 8px 15px rgba(0, 0, 0, 0.12);}
.flow_container .aiListCtt_top_info .actionBtn-wrap button i {display:block; margin-bottom:10px; font-size:14px;}
/* .flow_container .aiListCtt_top_info .actionBtn-wrap button.btn_pj_copy, .aiListCtt_top_info .actionBtn-wrap button.btn_open, .aiListCtt_top_info button.btn_pj_batch{margin-right:2%;} */

/* 커넥션 리스트 변경 */
.flow_container .x_panel.aiListPanel {padding:15px 10px; height:160px; border-radius:8px;}
.flow_container .x_panel.aiListPanel.disableCard {border-left:8px solid red; border-radius:8px;}
.flow_container .x_panel.aiListPanel.connectionCard {border-left:8px solid green; border-radius:8px;}
.flow_container .x_panel.aiListPanel .aiListCtt_r3 {position:relative;}
.flow_container .x_panel.aiListPanel .aiListCtt_r3:after {content:""; display:block; clear:both;}
.flow_container .x_panel.aiListPanel .aiListCtt_r3 button.delete_connection {position:absolute; top:-15px; right:0; padding-right:0; border:0;}
.flow_container .x_panel.aiListPanel .aiListCtt-img-wrap {position:relative;}
.flow_container .x_panel.aiListPanel .aiListCtt-img-wrap:after {content:""; position:absolute; top:0; right:50px; width:1px; height:100%; background:#eee;}
.flow_container .x_panel.aiListPanel .aiListCtt-img-wrap .img-box {position:relative; overflow:hidden; display:inline-block; margin:10px 0 0 10px; width:100px; height:100px; border:1px solid #d9d9d9; border-radius:60px;}
.flow_container .x_panel.aiListPanel .aiListCtt-img-wrap .img-box img {position:absolute; top:50%; left:50%; width:100px; height:100px; transform:translate(-50%, -50%);}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .txt-area {float:left; width:calc(100% - 154px);}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .txt-area h4 {font-weight:600;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .txt-area p {font-size:14px;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .txt-area p.pj-date {color:#999;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .txt-area p.pj-sm-tit {color:#333;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area {float:right; width:154px;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area .btn-box {padding-right:10px; text-align:right;}
/* 버튼이 1~2개 일 경우 */
/* .flow_container .btn-area .btn-box {margin:20px auto; text-align:center;} */
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area button {display:inline-block; margin-top:3px; margin-bottom:3px; width:50px; height:50px; color:#fff; border:0; border-radius:5px; background:#01a9ac; box-shadow:3px 3px 10px #b8d9da;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area button:nth-child(2) {margin-right:0;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area button.btn_pj_copy {margin-right:0;}

/* 미디어 쿼리 */
@media all and (max-width:1600px) {
    
.flow_container .x_panel.aiListPanel .aiListCtt-img-wrap:after {right:17px;}

}

@media all and (max-width:1399px) {
    
.flow_container .x_panel.aiListPanel .aiListCtt-img-wrap {padding:40px 0 40px 20px; width:35%;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap {width:65%;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area {width:100%;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area .btn-box {padding-left:0; text-align:left;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area button.btn_pj_copy {margin-right:2%;}
.flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area button.btn_pj_batch, .flow_container .x_panel.aiListPanel .aiListCtt-info-wrap .btn-area button.btn_pj_delete {margin-top:0;}

}



/* 데이터노드 선택화면 */
.cdw_container:after {content:""; display:block; clear:both;}
.cdw_container .projectBox {position:inherit !important; float:right; width:256px;}

.flow_data_function.line {border:none;}
.flow_data_function.line .input-box-area {float:left; line-height:28px;}
.flow_data_function.line .input-box-area input {border-radius:3px;}
.flow_data_function.line .input-box-area label {padding-right:5px;}
.flow_data_function.line .function_btn button.btn i.fa-sliders-h, .flow_data_function.line .function_btn button.btn i.fa-exclamation-circle {font-size:14px;}

.x_content .itme_detail_panel {position:unset; padding-bottom:41px;  width:100%; border-left:none;}
.x_content .itme_detail_panel.on {display:block;}
.x_content .itme_detail_panel.off {display:none;}
.x_panel.project-area .x_title h2, .x_panel.detailSet-area .x_title h2 {line-height:26px; font-size:20px;}
.x_panel .x_title:after {content:""; display:block; clear:both;}
.x_panel.project-area, .x_panel.detailSet-area {padding-bottom:17px; margin-bottom:0;}
.project-area .x_content, .detailSet-area .x_content {padding-bottom:0;}
.project-area .x_content .itme_detail_panel, .detailSet-area .x_content .itme_detail_panel {padding:10px 0 0 0;}
.project-area .x_title, .detailSet-area .x_title {margin-bottom:0; padding-bottom:0; border-bottom:none;}

.project-area .x_title:after {padding-top:6px; border-bottom:2px solid #d9d9d9;}
.project-area .x_title .pro-selectBox {position:inherit !important; float:right; width:254px;}

/* 테스트 슬라이드 화면 */
.x_panel.test-left-slide {position:fixed; top:137px; left:-100%; width:48%; z-index:1000;}
.x_panel.open {left:75px;}
.x_panel.test-left-slide button.close_btn {position:absolute; right:0; font-size:16px; color:#ccc; border:none; outline:none;}
.x_panel.test-left-slide .x_content.menu-left-area {margin-top:45px; height:100%;}
.x_panel.test-left-slide .x_content.menu-left-area h3.rule_title {position:relative; height:40px; font-size:18px; color:#4b5f71; font-weight:700; border-bottom:1px solid #ccc;}
.x_panel.test-left-slide .x_content.menu-left-area h3.rule_title select {position:absolute; top:-6px; right:78px; margin-right:10px; padding:4px 5px; font-size:12px; color:#01a9ac; font-weight:normal; border:1px solid #01a9ac; border-radius:3px;}
.x_panel.test-left-slide .x_content.menu-left-area h3.rule_title button.btn-execution {position:absolute; top:-6px; right:0; margin:0; padding:0; width:78px; height:30px; line-height:28px; color:#fff; transition:0.2s; outline:none;}
.x_panel.test-left-slide .x_content.menu-left-area h3.rule_title button.btn-execution:hover {color:#fff; background:#078e87; transition:all 0.2s linear 0s;}
.x_panel.test-left-slide .x_content.menu-left-area h3.rule_title button.btn-execution i.fa-check-circle {margin-right:5px;}
.x_panel.test-left-slide .x_content.menu-left-area .textarea-box {margin-bottom:30px;}
.x_panel.test-left-slide .x_content.menu-left-area .textarea-box textarea {margin-top:5px; width:100%; height:calc(100vh - 706px); overflow-y:auto; resize:none;}
.x_panel.test-left-slide .x_content.menu-left-area .test-table-area .tabel-box .table thead {background:#eee;}
.x_panel.test-left-slide .x_content.menu-left-area .test-table-area .tabel-box .table-hover>tbody>tr:hover {background:#e5f4f5;}

.detailSet-area .x_content .x_title:after {padding-top:8px; border-bottom:2px solid #d9d9d9;}
.detailSet-area .x_content .x_title h2 {margin-top:0; margin-bottom:0; border:none; display:block; position:relative; width:100%; text-align:left;}
.detailSet-area .x_content .x_title h2 button.selected_save_btn {position:absolute; right:0; top:0; padding-left:25px; padding-right:25px; border-color:transparent;}
.detailSet-area .x_content .x_title h2 button.selected_save_btn i.fa.fa-check {margin-right:5px;}
.detailSet-area .x_content .x_title h2 button.selected_test_btn {position:absolute; right:149px; top:0; margin-right:5px;}
.detailSet-area .x_content .x_title h2 button.selected_cancle_btn {position:absolute; right:222px; top:1px; margin-right:5px;}
.detailSet-area .x_content .x_title h2.tit {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-right:150px;}
.displayResultOnOff input[type="checkbox"] {position:absolute; visibility:hidden;}
.displayResultOnOff  label {display:inline-block;position:relative; top:4px; margin-left:10px; margin-bottom:0; width:48px; height:22px; border-radius:17px; background:#ddd; transition-duration:0.2s;}
.displayResultOnOff  label span {position:absolute; left:1px; top:1px; width:21px; height:20px; border-radius:50%; background:#fff; transition-duration:0.2s; z-index:1;}
.displayResultOnOff  label:before, .displayResultOnOff label:after {position:absolute; top:0; width:22px; line-height:22px; text-align:center; color:#fff; font-size:10px;}
/* .displayResultOnOff  label:before {left:0; content:"결과";} */
.displayResultOnOff  label:after {right:1px; content:"결과";}
.displayResultOnOff  input:checked + label {background:#01a9ac;}
.displayResultOnOff  input:checked + label span {transform:translateX(25px);}
.detailSet-area .x_content .x_title h2.tit input[type="checkbox"] {position:absolute; visibility:hidden;}
.detailSet-area .x_content .x_title h2.tit label {display:inline-block;position:relative; top:4px; margin-left:10px; margin-bottom:0; width:48px; height:22px; border-radius:17px; background:#ddd; transition-duration:0.2s;}
.detailSet-area .x_content .x_title h2.tit label span {position:absolute; left:1px; top:1px; width:21px; height:20px; border-radius:50%; background:#fff; transition-duration:0.2s; z-index:1;}
.detailSet-area .x_content .x_title h2.tit label:before, .detailSet-area .x_content .x_title h2.tit label:after {position:absolute; top:0; width:22px; line-height:22px; text-align:center; color:#fff; font-size:10px;}
.detailSet-area .x_content .x_title h2.tit label:after {right:1px; content:"결과";}
.detailSet-area .x_content .x_title h2.tit input:checked + label {background:#ddd;}
.detailSet-area .x_content .x_title h2.tit input:checked + label span {transform:translateX(25px);}
.detailSet-area .x_content .md-select-area select, .detailSet-area .x_content .md-select-area input {padding:4px 10px; width:15%; border-radius:3px;}
.detailSet-area .x_content .md-select-area .input-item.pre, .detailSet-area .x_content .md-select-area .input-item.pre-prev {width:42%;}
.detailSet-area .x_content .md-select-area .input-item.pre-after {width:32%;}
.detailSet-area .x_content .md-select-area select.pre-select {width:22%;}
.detailSet-area .x_content .itme_detail_panel .btn-box {margin-top:15px;}
.detailSet-area .x_content .itme_detail_panel .data_select_list {height:calc(100vh - 501px); overflow-y:auto;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.upload-area {height:calc(100vh - 485px);}
.detailSet-area .x_content .itme_detail_panel .data_select_list .btn-box {text-align:right;}
.detailSet-area .x_content .itme_detail_panel .data_select_list .btn-box .btn-xs.upload i.fas.fa-file-upload {margin-right:3px;}
.detailSet-area .x_content .itme_detail_panel .bm10.tac {margin-bottom:0 !important;}
.detailSet-area .x_content .itme_detail_panel .tabel-wrap {width:800px; overflow-x:auto;}
.detailSet-area .x_content .itme_detail_panel .tabel-wrap thead {background:#f5f5f5;}
.detailSet-area .x_content .itme_detail_panel .tabel-wrap thead th, .detailSet-area .x_content .itme_detail_panel .tabel-wrap tbody td, .detailSet-area .x_content .itme_detail_panel .tabel-wrap tfoot td {text-align:center;}
.detailSet-area .x_content .itme_detail_panel .tabel-wrap tbody td, .detailSet-area .x_content .itme_detail_panel .tabel-wrap tfoot td {max-width:300px; word-break:break-all;}
.detailSet-area .x_content .itme_detail_panel .tabel-wrap tbody td.table_upload_td {text-align:left;}
.detailSet-area .x_content .itme_detail_panel .tabel-wrap .table-hover>tbody>tr:hover {background:#e5f4f5;} 

.detailSet-area .x_content .itme_detail_panel .rule_detail_area {height:calc(100vh - 359px); overflow-y:auto;} 
.detailSet-area .x_content .itme_detail_panel .rule_detail_area .x_panel {margin-top:20px; padding-bottom:24px;}

.detailSet-area .x_content .md-select-area .checkbox-area {display:inline-block; float:right; margin-top:2px;}
.detailSet-area .x_content .md-select-area input.regular-check-box[type=checkbox] {display:none;}
.detailSet-area .x_content .md-select-area input.regular-check-box[type=checkbox] + label {display:inline-block; position:relative; margin-right:10px; padding-left:25px; line-height:30px; cursor:pointer;}
.detailSet-area .x_content .md-select-area input.regular-check-box[type=checkbox] + label:before {content:""; display:inline-block; position:absolute; top:7px; left:0; width:18px; height:18px; border-radius:3px; border:2px solid #01a9ac;}
.detailSet-area .x_content .md-select-area input.regular-check-box[type=checkbox]:checked  + label:before {content:"\2713"; text-align:center; line-height:18px; font-size:14px; border:1px solid #ccc;}

.detailSet-area .x_content span.selected_save_btn {position:absolute; right:10px; top:134px; padding-left:25px; padding-right:25px;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.secon_content {height:calc(100vh - 579px); overflow-y:auto;}
.detailSet-area .x_content .itme_detail_panel .db-play-btn-box .btn {width:92px;}
.detailSet-area .x_content .x_sub_title .rule_title .rule_add_btn {position:absolute; top:68px; right:9px; margin:0; padding:0; line-height:28px; width:30px; height:30px; font-size:13px; transition:0.2s; outline:none;}
.detailSet-area .x_content .x_sub_title .rule_title .rule_add_btn i {margin-right:0;}
.detailSet-area .x_content .md-select-area .col-md-8.tar .input-area {margin-right:5px;}
.detailSet-area .x_content .form-radio .input-area {margin-right:5px;}
.detailSet-area .x_content .form-radio .input-area input {padding:4px 10px; width:78%; opacity:1; border-radius:3px;}
.detailSet-area .x_content .form-radio .input-area input.pre-item02 {width:89%;}
.detailSet-area .x_content .form-radio .input-area .input-item02 {width:78%;}
.detailSet-area .x_content .form-radio .input-area .input-item02 span {display:inline-block; margin-top:2px; margin-right:18px; } 
.delete {display:none;}
.detailSet-area .x_content .form-radio .fa-minus-circle {margin-right:16px; vertical-align:middle; font-size:18px; color:#8c8b8b; cursor:pointer;}
.detailSet-area .x_content .form-radio .fa-minus-circle span {padding-left:5px; font-size:13px; vertical-align:middle;}
.detailSet-area .x_content .form-radio-debug label {display:block; position:relative; padding-left:1.5rem; text-align:left; line-height:1.8; font-size:14px; color:#333;}
.detailSet-area .x_content .form-radio-debug label input {display:none;}

.detailSet-area .x_content .itme_detail_panel .data_select_list.third_content {height:calc(100vh - 750px); overflow-y:auto;}
.detailSet-area .x_content .itme_detail_panel .form-box-area {margin:0 auto; padding:10px 10px 10px 30px;}
.detailSet-area .x_content .itme_detail_panel .form-box-area.taForm {height:calc(100vh - 387px); overflow-y:auto;}
.detailSet-area .x_content .itme_detail_panel .form-box-area fieldset .item > label {width:100%; font-weight:500;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .item.host-box {float:left; margin-top:15px; margin-right:6%; width:47%;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .item.port-box {float:left; margin-top:15px; width:47%;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .text-input {width:100%; outline:none;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .item.col-box label {margin-top:15px;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .item.col-idBox {display:inline-block; margin-top:15px;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .item.col-idBox label {display:block; position:relative; margin-top:10px; margin-right:0; padding-left:1.5rem; min-width:126px; text-align:left; line-height:1.8;} 
.detailSet-area .x_content .itme_detail_panel .form-box-area .item.col-idBox input {display:none;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .checkbox-color {margin-right:0; padding-left:5px;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .border-checkbox-section .border-checkbox-group .border-checkbox-label {font-weight:normal; margin-right:0; min-width:128px;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .border-checkbox-section .border-checkbox-group .border-checkbox-label:before {left:4px;}
.detailSet-area .x_content .itme_detail_panel .form-box-area .checkbox-color input[type="checkbox"]:checked+label.border-checkbox-label::after {content:"";}

.detailSet-area .x_content .itme_detail_panel .lp5.rp5:after {content:""; display:block; clear:both;}
.detailSet-area .x_content .itme_detail_panel .lp5.rp5 .set-container {padding-bottom:32px;}
.detailSet-area .x_content .itme_detail_panel .lp5.rp5 .set-container:after {content:""; display:block; clear:both;}
.detailSet-area .x_content .itme_detail_panel .tree-content {float:left; width:28%; height:calc(100vh - 335px); overflow-y:scroll;}
.detailSet-area .x_content .itme_detail_panel .tree-content .user_tree {height:90%; white-space:nowrap;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content {float:left; margin:0 auto; padding:0; width:72%; height:calc(100vh - 335px); clear:none; overflow-y:auto;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category {margin:0 auto; width:90%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category fieldset:after {content:""; display:block; clear:both;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item label {margin-top:10px; margin-right:0; min-width:117px; font-weight:normal;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item label.sm-tit {margin-top:15px; font-size:14px; font-weight:600;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item .radio-inline {margin-right:0;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item:nth-child(3) {float:left; padding-right:10px; width:50%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item.ca-left {float:left; padding-right:10px; width:50%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item.ca-left {float:left; padding-right:10px; width:50%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item:nth-child(4) {float:left; padding-left:10px; width:50%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item.ca-right {float:left; padding-left:10px; width:50%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item.ca-right.condition-value {padding-right:0;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item select {width:100%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item .checkbox-color {margin-right:0;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .div-post-keyword-direct input.col-value-input {margin-bottom:10px; border-radius:3px;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .after-new01Btn-box, .after-saveBtn-box, .after-add-delBtn-box {width:95%; text-align:right;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .after-saveBtn-box, .after-add-delBtn-box {} 
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .after-new01Btn-box .btn.newAdd, .after-saveBtn-box .btn.save, .after-add-delBtn-box .btn.newAdd02, .after-add-delBtn-box .btn.save, .after-add-delBtn-box .btn.del {width:92px;}

.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .radio-inline.radio-primary label {display:block; position:relative; padding-left:1.5rem; text-align:left; line-height:1.8; font-size:14px; color:#333;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .radio-inline.radio-primary label input {display:none;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .table-btn.tar button.rule_save_btn {margin:0; padding:0; line-height:28px; width:30px; heigth:30px; font-size:13px; color:#333; border:1px solid #d9d9d9; border-radius:15px; background:#fff; transition:0.2s; outline:none; opacity:1; transition:all .2s ease; box-shadow:3px 3px 10px rgba(0,0,0,0.07);}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .table-btn.tar button.rule_save_btn:hover {color:#fff; background:#337ab7;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .radio-area {clear:both; float:none; text-align:center; padding-bottom:22px;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .radio-item {display:inline-block; position:relative; margin:0 auto; width:46%;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .radio-item select {margin-top:10px; vertical-align:middle; width:100%; padding:2px 10px; border-radius:3px;}
.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .radio-item:before {font-family:'Font Awesome 5 Free'; content:"\f101"; color:#01a9ac; font-size:28px; position:absolute; left:-29px; top:0; display:inline-block; font-style:normal; font-weight:900;}

.detailSet-area .x_content .itme_detail_panel .data_select_list.fourth_content .form-box-area-category .ca-item-2dep input {width:100%; border-radius:3px;}

/* 정답지 비교 화면 */
.slide-panel {position:fixed; top:56px; left:-100%; width:96.5%; transition:all .2s ease; z-index:10000; }
.slide-panel.open {left:70px;}
.slide-panel .x_panel.answer-area {background:#f5f5f5;}
.answer-box .x_title {margin-bottom:25px; padding:1px 5px 6px; border-bottom:1px solid rgba(26,54,126,0.125); border:0;}
.answer-box .x_title h2 {position:relative; width:100%; line-height:28px; font-size:22px; color:#4b5f71;}
.answer-box .x_title h2 button {position:absolute; top:0; height:32px; line-height:22px; border-radius:3px;}
.answer-box .x_title h2 button i {margin-right:5px; font-size:22px; color:#999;}
.answer-box .x_title h2 button.btn-teal.btn-upload {top:0; right:74px; margin-right:8px; width:92px; border-color:transparent;}
.answer-box .x_title h2 button.btn-teal.btn-upload:hover {background:#049091;}
.answer-box .x_title h2 button.btn-teal.btn-upload span {vertical-align:middle; color:#fff;}
.answer-box .x_title h2 button.btn-close.x-btn {top:0; right:0; padding:0; background:none; border:0;}
.answer-box .tab-wrap {margin-top:0; padding:0; height:calc(100vh - 219px); border:0;}
.answer-box .tab_menu {position:relative; height:100%;} 
.answer-box .tab_menu .btn-area-tab {position:absolute; right:0;} 
.answer-box .tab_menu .btn-area-tab ul {border-bottom:1px solid rgba(26,54,126,0.125);} 
.answer-box .tab_menu .btn-area-tab button {border-color:transparent;} 
.answer-box .tab_menu .btn-area-tab button i {margin-right:5px; font-size:14px;}
.answer-box .tab_menu ul {overflow:hidden; padding-left:0;}
.answer-box .tab_menu ul:after {content:""; display:block; clear:both;}
.answer-box .tab_menu ul li {float:left; margin-right:-1px; margin-bottom:-1px; list-style:none;}
.answer-box .tab_menu ul li.list-title {margin-right:22px; width:20%; height:52px;}
.answer-box .tab_menu ul li.list-title a {position:relative; padding-bottom:0; height:52px; text-align:center; color:#777; line-height:52px; font-weight:700; font-size:15px; white-space:nowrap; border:0; background:#ddd; border-radius:5px 5px 0 0;}
.answer-box .tab_menu ul li.list-title a:after {content:""; position:absolute; top:0px; right:-11px; display:inline-block; width:2em; height:52px; border-radius:0 5px 0 0; transform:skew(20deg); box-shadow:3px 3px 3px rgba(0,0,0,0.07); background:#ddd;}
.answer-box .tab_menu ul li a {display:block; padding:1px 10px 8px; color:#a7a7a7; font-size:14px; font-weight:600;}
.answer-box .tab_menu ul li.active a {border-left:4px solid #01a9ac; color:#049091; transition:all .2s; background:#fff;}
.answer-box .tab_menu ul li.active a:after {content:""; background:#fff; z-index:1;}
.answer-box .tab_menu ul li.active .tab-list-box .list-item a {color:#333;}
.answer-box .tab_menu ul li .tab-list-box {position:absolute; left:0; top:42px; width:100%; border:0;}
.answer-box .tab_menu ul li .tab-list-box .list-item {float:none; margin-top:9px; border:0;}
.answer-box .tab_menu ul li .tab-list-box .list-item:after {content:""; display:block; clear:both;}
.answer-box .tab_menu ul li .tab-list-box .list-item .x_panel {padding:10px 17px;}
.answer-box .tab_menu ul li .tab-list-box .list-item.first-item {margin-bottom:15px;}
.answer-box .tab_menu ul li .tab-list-box .list-item.first-item .tui-grid-container {height:calc(100vh - 532px); overflow-y:auto;}
.answer-box .tab_menu ul li .tab-list-box .list-item .tui-grid-cell-head {background-color:#608b8c;}
.answer-box .tab_menu ul li .tab-list-box .list-item .tui-grid-cell-head.tui-grid-cell-selected {background-color:#637777;}
.answer-box .tab_menu ul li .tab-list-box .list-item .tui-pagination .tui-is-selected, .tui-pagination strong {background:#608b8c;}
.answer-box .tab_menu ul li .tab-list-box .list-item h3.tab-con-tit {margin-top:20px; margin-bottom:5px; padding-bottom:0; font-size:18px; color:#333; font-weight:700;}
.answer-box .tab_menu ul li .tab-list-box .list-item h3.tab-con-tit.exact-tit {margin-top:20px; margin-bottom:5px;}
.answer-box .tab_menu ul li .tab-list-box .list-item h3.tab-con-tit span.tab-con-notice {margin-left:10px; font-size:12px; color:#777; font-weight:600;}
.answer-box .tab_menu ul li .tab-list-box .list-item .test-table-area .tabel-wrap {margin-top:14px; height:calc(100vh - 492px); overflow-y:auto;}
.answer-box .tab_menu ul li .tab-list-box .list-item .test-table-area .tabel-wrap .table-responsive {margin:48px auto;}
/* ====================== ====================================================== 정답지 화면 퍼블 작업 ===================================================================== */
.answer-box .tab_menu ul li .tab-list-box .list-item .test-table-area {margin-top:0; padding-right:10px; padding-left:0;}
.answer-box .tab_menu ul li .tab-list-box .list-item .test-table-area:after {content:""; display:block; clear:both;}
.answer-box .tab_menu ul li .tab-list-box .list-item .test-table-area .tabel-wrap thead {background:#f5f5f5;}
.answer-box .tab_menu ul li .tab-list-box .list-item .test-table-area .tabel-wrap .table-hover>tbody>tr:hover {background:#e5f4f5;}
.answer-box .tab_menu ul li .tab-list-box .list-item .column-table {margin-top:0; padding-left:10px; padding-right:0;}
.answer-box .tab_menu ul li .tab-list-box .list-item .column-table-area {margin-top:4px;}
.answer-box .tab_menu ul li .tab-list-box .list-item .column-table .x_content.content_2 .tui-grid-container {height:calc(100vh - 543px);}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area {clear:both;}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area .x_panel {padding:2px 17px; background:#fff;}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area .x_panel p.notice-txt {display:inline-block; margin-top:10px; width:90%; font-size:14px;}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area .x_panel p.notice-txt i {margin-right:5px; color:#777;}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area .x_panel p.notice-txt span {color:#01a9ac;}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area .x_panel button.btn-reset {position:absolute; top:-1px; right:-1px; width:58px; height:48px; color:#01a9ac; background:#fff; border:1px solid #e1e1e1; border-radius:0 5px 5px 0; box-shadow:-2px 2px 10px rgba(0,0,0,0.07);}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area .x_panel button.btn-reset:hover {color:#fff; border-color:#049091; background:#049091;}
.answer-box .tab_menu ul li .tab-list-box .list-item .reset-btn-area .x_panel button.btn-reset i {font-size:15px;}

.answer-box .tab_menu button.btn.btn-down {position:absolute; top:11px; right:0;}
.answer-box .tab_menu button.btn.btn-down a {color:#fff;}
.answer-box .tab_menu button.btn.btn-down .material-icons {vertical-align:middle; font-size:18px;}

/* ====================== ====================================================== 정답지 화면 퍼블 작업 end ===================================================================== */

/* 결과 화면 */
.result-slide {position:fixed; top:134px; right:-100%; width:48%; z-index:1000;}
.result-slide.displayOn {right:0;}
.result-box .x_title h2 {position:relative; width:100%; line-height:28px; font-size:18px;}
.result-box .x_title h2 button.btn-set{position:absolute; top:0; height:32px; line-height:22px; border-radius:3px;}
.result-box .x_title h2 button.btn-set.btn-slide {right:164px; margin-right:12px; border-color:transparent;}
.result-box .x_title h2 button.btn-set.btn-download {right:64px; margin-right:12px; border-color:transparent;}
.result-box .x_title h2 button.btn-set.btn-download span {vertical-align:middle; color:#fff;}
.result-box .x_title h2 button.btn-set.btn-close{right:0;}
.result-box .x_title h2 button.btn-set i {margin-right:5px; font-size:14px;}
.result-box .test-table-area {margin-top:10px; height:calc(100vh - 311px); overflow-y:auto; overflow:auto;}
.result-box button.question-btn {margin-left:2px; padding:0; border:none; outline:none;}
.result-box button.question-btn i {font-size:15px;}
.result-box button.btn span {color:#01a9ac;}
.result-box button.btn.btn-slide {position:absolute; top:0; right:147px; margin-right:15px;}
.result-box button.btn.btn-slide i {font-size:15px;}
.result-box button.btn.btn-download {position:absolute; top:0; right:45px; margin-right:15px;}
.result-box button.btn.btn-confirm {position:absolute; top:0; right:0;}
.result-box .test-table-area .tabel-wrap thead {background:#f5f5f5;}
.result-box .test-table-area .tabel-wrap .table-hover>thead>tr>th {text-align:center;}
.result-box .test-table-area .tabel-wrap .table-hover>tbody>tr {text-align:center;}
.result-box .test-table-area .tabel-wrap .table-hover>tbody>tr:hover {background:#e5f4f5;}
.result-box .btn-area {position:relative; margin-bottom:10px; padding-bottom:36px;}
.result-box .btn-area button {position:absolute;}
.result-box .btn-area button i {margin-right:3px; font-size:14px;}
.result-box .btn-area button.btn-slide {padding-left:0; color:#01a9ac; font-size:14px; font-weight:bold; border-color:transparent;}
.result-box .btn-area button.btn-slide i {color:#01a9ac; font-size:18px; vertical-align:text-bottom;}
.result-box .btn-area button.btn-slide:hover, .result-box .btn-area button.btn-slide i.fa-caret-left:hover {color:#049091;}
.result-box .btn-area button.btn-confirm {right:90px; margin-right:10px; border-radius:3px;}
.result-box .btn-area button.btn-download {right:0; width:92px; border-radius:3px; border-color:transparent;}


/* test버튼 css */
.testBtn{cursor:pointer;position:fixed;z-index:1001;right:13px;bottom:20px;transition:all ease 1s;display:block;}
.testBtn > .testImg img {display:block; transition:all ease 0.3s;   width:40px; height:auto;}
.testBtn > .testImg i {display:block; transition:all ease 0.3s;   width:40px; height:auto;}
.testBtn > .testImg img:hover {transform:rotate( 15deg );}
.testBtn > .testImg i:hover {transform:rotate( 15deg );}
.testBtn .testImg {border:1px solid #fff; border-radius:50%; background-color:#fff; padding:6px; box-shadow:rgba(0, 0, 0, 0.12) 0px 3px 12px 0px;}
.testBtn > .test_content {width:1000px; height:850px; background-color:#fff; border-radius:10px; z-index:1001; position:fixed; right:13px; bottom:20px; cursor:default;
    display:none; box-shadow:rgba(0, 0, 0, 0.12) 0px 3px 12px 0px;      }
.testBtn > .test_content > .close {height:30px; width:100%; position:relative; opacity:1;    }
.testBtn > .test_content > .close  > p{font-size:13px; position:absolute; top:7px; left:13px; color:#0e4e8f;} 
.testBtn > .test_content > .close  > img{display:block; position:absolute; top:6px; right:7px; width:18px; opacity:0.6; transition:all 0.3s;} 
.testBtn > .test_content > .close :hover{opacity:1;}
@media ( max-width :15400px) {
    
}
/* ------- 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 #0060ff; background: #FFF; color: #0060ff; padding: 3px 5px;}
.copyAllData:hover {background: #0060ff; 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 #0060ff; background-color:#fff;color:#0060ff}
.color_reversal.active{background-color:#0060ff;color:#fff}
.color_cross_ref{width:50px;height:25px;padding:0; position:relative; font-weight:normal;border:1px solid #0060ff; background-color:#fff;color:#0060ff}
.color_cross_ref.active{background-color:#0060ff;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 #0060ff;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:#0060ff;}
.set_div_screen > input[type=checkbox] + label:after{content:'R';right:0;color:#0060ff;background-color:#fff;}
.set_div_screen > input[type=checkbox]:checked + label:before{color:#0060ff;background-color:#fff;}
.set_div_screen > input[type=checkbox]:checked + label:after{color:#fff;background-color:#0060ff;}

.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:#0060ff;}
.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:#0060ff;background-color:#0060ff;}
.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:#0060ff;}

.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 #0060ff;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:#0060ff;}
.set_work_target > input[type=checkbox] + label:after{content:'제외';right:0;color:#0060ff;background-color:#fff;}
.set_work_target > input[type=checkbox]:checked + label:before{color:#0060ff;background-color:#fff;}
.set_work_target > input[type=checkbox]:checked + label:after{color:#fff;background-color:#0060ff;}

.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:#0060ff; 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 #a4a9ae; display:inline-block; background:none;
    height:30px; font-weight:400; color:#333; transition:0.2s;}
.form-control-border:focus {border-bottom:1px solid #4b74e0; box-shadow:0 1px 10px rgba(75,116,224,0.3);/* box-shadow:0 1px 10px rgba(75,116,224,0.4); outline:#4b74e0 solid 1px; */ 
	outline:none;}
.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 95% 50%;}


/* ******************** 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:500px;}
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:20px;}
.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;}
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;}





@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%;}
}


@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;}
.layerType {position:absolute;}
.layerIn {overflow:hidden; position:relative; padding-bottom:0 !important;}
.layerIn .layerTop {height:60px; line-height:60px; border-bottom:none; padding-top:4px;}
.layerTop .close {float:right; font-size:15px; font-weight:700; line-height:1; color:#969696; opacity:.9; margin-right:15px; margin-top:15px;
    width:15px; height:15px; line-height:15px; text-indent:-9999px; background:url(../images/al/pop_close.png) no-repeat center center; transition:0.2s;}
.layerTop .close:hover {background:url(../images/al/pop_close_hover.png) no-repeat center center;}
.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 {}
.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 20px;}
.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%; float:left; 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-top:40px;}

.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;}

.btn_userInfo{display:inline-block;vertical-align:top;width:30px;height:30px;padding:0;margin:21px 10px 0;position:relative;border:1px solid #fff;border-radius:15px;background-color:#fff;font-size:0;overflow:hidden;}
.btn_userInfo:after{display:block;content:"\ed05";line-height:1;margin-top:7px;color:#1c556e;font-family:icoFont;font-size:28px;}

.div_userInfo{display:none;min-width:200px;padding:0;margin-left:-160px;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;}

.btn_adminMenu{display:inline-block;vertical-align:top;height:35px;line-height:1.4;padding:0 20px;margin:19px 10px 0;position:relative;color:#fff;font-size:17px;border-radius:18px;border:1px solid #fff;background-color:transparent;}

.btn_allMenu{display:inline-block;vertical-align:top;height:70px;width:180px;line-height:68px;padding:0 15px 0 60px;margin:0 0 0 10px;border:0;position:relative;color:#fff;font-size:17px;border-radius:0px;border:0;background-color:rgba(0,0,0,0.1);}
.btn_allMenu:before{display:block;content:"";width:18px;height:16px;position:absolute;top:27px;left:55px;border-top:2px solid #fff;border-bottom:2px solid #fff;}
.btn_allMenu:after{display:block;content:"";width:18px;height:1px;margin-top:-1px;position:absolute;top:50%;left:55px;border-top:2px solid #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:#3b63eb;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{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:#3b63eb;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;}
.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.h40{height:40px;line-height:38px;font-size:18px;border-radius:20px;}
.m_btn.h55{height:55px;line-height:100%;font-size:24px;border-radius:28px;}

.m_btn.btn_white			{color:#001f42;border-color:#001f42;background:#ffffff;}
.m_btn.btn_white:hover		{color:#fff;border-color:#3b63eb;background:#3b63eb;}	
							
.m_btn.btn_blue				{color:#fff;border-color:#001f42;background:#001f42;}
.m_btn.btn_blue:hover		{border-color:#3b63eb;background:#3b63eb;}

.btn_text					{padding:0;color:#001f42;font-size:16px;border-radius:0;border:0;border-bottom:1px solid #001f42;background:transparent;}
.btn_text:hover				{color:#3b63eb;border-color:#3b63eb;}

.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:#3b63eb;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:#3b63eb;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:#3b63eb;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:#3b63eb;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:#3b63eb;}
.icon_text_down + .icon_text_down{margin-left:10px;}
.icon_text_down.icon_excel{background:url(../images/alqc/icon_excel_down.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);}

.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:#3b63eb;}

.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:#3b63eb;}
.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:#3b63eb;}
.icon_btn.icon_setting:hover:after{background-color:#3b63eb;}
.icon_btn.icon_copy:before{content:'\ede9';}
.icon_btn.icon_download:before{content:'\ef08';}
.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;}
.m_number{height:30px;margin:2px;border:0;border-bottom:1px solid #787b80;}
.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;}

.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:#3b63eb;border-color:#3b63eb;}
.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:20px;margin:2px;}
.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:25px;margin:0;position:relative;font-weight:normal;word-break:break-word;cursor:pointer;}
.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:18px;height:18px;border-radius:3px;border:1px solid #595959;background-color:#fff;}
.m_check > input[type=checkbox] + label:after{width:12px;height:5px;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:#3b62eb;background-color:#3b62eb;}
.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:18px;}
.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_radio{display:inline-flex;align-items:center;height:20px;margin:2px;}
.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:18px;padding-left:25px;margin:0;position:relative;font-weight:normal;word-break:break-word;cursor:pointer;}
.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;border-radius:10px;border:1px solid #e1e3e7;background-color:#e1e3e7;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;}
.m_radio > input[type=radio]:checked + label:before{border:1px solid #3d63ec;background-color:#3d63ec;}
.m_radio > input[type=radio]:checked + label:after{width:8px;height:8px;margin-left:-3px;}
.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:40px;height:20px;margin-top:-10px;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:16px;height:16px;margin-top:-8px;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:#3b63eb;background-color:#3b63eb;}
.m_switch > input[type=checkbox]:checked + label:after{left:21px;}

.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;}
.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:#3b63eb;background-color:#3b63eb;}

.list_area{}
.list_area table{width:100%;font-size:15px;}
.list_area table tbody tr:hover td{background-color:#f4f8ff;}
.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.table_list2{width:100%;}
.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;}

.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;}
.list_area .list_col.list_impossible{background-color:#f5f5f5;}
.list_area .list_col > li{/* min-width:70px; */padding:0;margin:0;}

.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:#3b63eb;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 .catetory_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 .catetory_name.category_file{background-color:#52d24a;}
.data_item .catetory_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;color:#001f42;font-size:15px;border:0;border-bottom:1px solid #001f42;background-color:transparent;}
.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;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:#3b63eb;}
.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_area .tenant_name{display:inline-block;vertical-align:top;max-width:24%;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 #3b63eb;}
.tenant_area .keyword_group .keyword_item .keyword{color:#3b63eb;}
.tenant_area .keyword_group .keyword_item:hover{background-color:#3b63eb;}
.tenant_area .keyword_group .keyword_item:hover .keyword{color:#fff;}
.tenant_area .keyword_group .keyword_item.active{background-color:#3b63eb;}
.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 #3b63eb;}
.tenant_area .require_keyword_group .keyword_item .keyword{color:#3b63eb;}
.tenant_area .require_keyword_group .keyword_item:hover{background-color:#3b63eb;}
.tenant_area .require_keyword_group .keyword_item:hover .keyword{color:#fff;}
.tenant_area .require_keyword_group .keyword_item.active{background-color:#3b63eb;}
.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:#3b63eb;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:2rem 0;border-radius:10px;border:1px dashed #dbdbdb;background-color:#fff;}
.m_dropzone .dropzone .dz-message .msg{padding:0;margin:0 0 15px;}
.m_dropzone .dropzone .dz-message .msg.msg1{padding-top:70px;color:#000;background:url(../images/alqc/icon_json.png) no-repeat center top;}
.m_dropzone .dropzone .dz-message .msg.msg2{color:#a4a4a4;}
.m_dropzone .dropzone .dz-message .btn_addfile{display:block;width:150px;height:30px;line-height:30px;margin:0 auto;color:#fff;font-size:16px;border-radius:15px;background-color:#001f42;text-align:center;}
.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:#3b63eb;background-color:#f4f8ff;}
.m_dropzone .dropzone .dz-message:hover .msg.msg1{color:#3b63eb;background-image:url(../images/alqc/icon_json_active.png);}
.m_dropzone .dropzone .dz-message:hover .btn_addfile{color:#fff;background-color:#3b63eb;}
.m_dropzone .dropzone.dz-drag-hover .dz-message{border-color:#3b63eb;background-color:#f4f8ff;opacity:1;}
.m_dropzone .dropzone.dz-drag-hover .dz-message .msg.msg1{color:#3b63eb;background-image:url(../images/alqc/icon_json_active.png);}
.m_dropzone .dropzone.dz-drag-hover .dz-message .btn_addfile{color:#fff;background-color:#3b63eb;}

.upload_localdata{margin:60px 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 .dz-image img{height:40px;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-details{float:left;width:50%;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;}
.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{float:right;width:20px;height:20px;position:static;}
.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;}
.upload_localdata .m_dropzone .dropzone .dz-preview .dz-remove:hover{text-decoration:none;}
.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 10px 20px 60px;margin:0 0 0 50px;}
.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;}
.alqc_step_title strong{color:#3b63eb;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:#3b63eb;}
.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:#3b63eb;}
.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:#3b63eb;}
.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 .catetory_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:#3b63eb;}
.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:#3b63eb;background-image:url(../images/alqc/icon_xls_active.png);}

/* 구문적 정확성 검사 */
.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:70px;}
.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:#3b63eb;}
.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:#3b63eb;}
.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:#3b63eb;}
.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:#3b63eb;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:#3b63eb;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 .catetory_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:#3b63eb;} 
.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);}

.change_ctrl{display:inline-block;position:relative;}
.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;}
.change_ctrl > .btn_change_cancel{color:#ef3e3e;}
.change_ctrl > button:before{display:inline-block;line-height:1;color:#001f42;font-family:"icofont";}
.change_ctrl > button:hover:before{color:#3b62eb;}
.change_ctrl > .btn_change:before{content:"\ebf6";font-size:16px;}
.change_ctrl > .btn_change_ok:before{content:"\eed8";font-size:20px;}
.change_ctrl > .btn_change_cancel:before{content:"\eee4";font-size:16px;}
.change_ctrl > .btn_change_cancel:hover:before{color:#ef3e3e;}

.change_ctrl .btn_change_ok,
.change_ctrl .btn_change_cancel{display:none;}
.edit_mode .change_ctrl .btn_change{display:none;}
.edit_mode .change_ctrl .btn_change_ok,
.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:#3b63eb;background-color:#3b63eb;}

/* 검사규칙 */
.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:10%;}
.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:5%;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:#3b63eb;background-color:#3b63eb;}
.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 .catetory_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:#3b63eb;} 
.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{height:initial !important;padding:0 50px 50px;}
.theme_smartALQC .layerCon .popContents .x_title_pop .title{font-weight:500;}
.pop_alqc .x_content_pop{float:initial !important;}
.con_msg{padding:10px 0;line-height:1.6;word-break:keep-all;}
.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;}

/* 구문적 정확성 검사 - 샘플테스트 */
.sample_test .con_msg strong{color:#3b63eb;}
.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 .test_result .list_con1{padding:10px 0;margin:0;color:#131313;font-size:12px;}
.sample_test .test_result .list_con2{padding:30px 0 10px;margin:0;color:#000;} */
.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;}
.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:#3b63eb;} 
.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);}

/* 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;}

@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:1600px){
	/*
	.change_theme{font-size:0;transition:none;}
	.change_theme:hover{width:35px;padding:0;}
	.change_theme:hover:after{right:8px;}	
	*/	
	ul.al_menu li a{font-size:16px;}
}

@media all and (max-width:1400px){
	.container.body{min-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:#3b63eb;}
.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:#3b63eb;}

.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_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:#3b63eb; 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:#3b63eb;}
.btn_deepblue {color:#fff; background-color:#001f42;}
.btn_deepblue:hover {color:#fff; background-color:#3a65eb; border:1px solid #3b63eb; 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 메인
========================================*/
/* fadeIn */
.qc_main {line-height:1.6;}
.counter_box .box_txt, .counter_box .box_txt small {opacity:0;}
.counter_box .box_txt small {opacity:0;}
.qm_effect .qm_item, .qm_test_transition, .qm_step {opacity:0;}

.counter_box .box_txt.active, .counter_box small.active {opacity:1; transition:0.5s}
.counter_box small.active {opacity:1; transition:0.3s;}
.qm_effect .qm_item.active, .qm_test_transition.active, .qm_step.active {opacity:1; transition:0.3s; position:relative;}

.counter_box {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:1052px; height:211px; letter-spacing:-2px;}
.counter_box.active {position:absolute; top:80px; margin-left:-800px; transform:translate(0,0);}


.counter_box .box_txt {line-height:1.2; font-weight:500;}
.counter_box .box_txt p {font-size:56px; font-weight:400; word-break:keep-all;}
.counter_box .box_txt span {font-size:56px; font-weight:500; transition:0.3s; letter-spacing:-4px}
.counter_box .box_txt small {display:block; margin-top:30px; font-size:22px;}
 	
.counter_box {position:absolute; top:calc(50vh - 135px); left:50%; transform:translate(-50%,0); transition:1s;}
.counter_box.active {position:absolute; top:60px; left:50%; width:55%; margin-left:-800px; letter-spacing:-1px; ransform:translate(0,0);}

.counter_box .counter_num {line-height:108px; height:108px !important; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:90px; color:#3b63eb; transition:1s; display:inline-block;}
.counter_box.active .counter_num {line-height:83px; height:83px !important; position:relative; top:0; left:0; font-size:56px; color:#3b63eb; letter-spacing:-2px; transform:translate(0,0);}

.qm_effect .contents:after, .qm_effect .qm_item:after {content:""; display:block; clear:both;}

.qm_sec {position:relative; padding:60px 0;}
.qm_sec .info_txt {display:inline-block; margin-top:15px; font-size:14px; color:#808080; float:right;}
.qm_sec .m_radio > input[type=radio] + label:after {background-color:#3b63eb;}

.qm_title {font-size:27px;}
.qm_title small {display:block; margin-bottom:10px; font-size:16px; color:#000;}
.qm_item h4 {font-size:18px;}

.qm_tit {font-size:27px;}
.qm_tit small {display:block; margin-bottom:10px; font-size:16px; color:#000;}

.qm_link_area {position:absolute; top:300px; margin:-40px 0 20px; width:50%; z-index:5;}
.qm_link_area .btn_common {margin:0 0 20px 0;}
.qm_link_area .m_icon.icon_gide_down {position:absolute; left:445px; top:-5px;}
.qm_link_area .m_icon.icon_gide_down:before {position:absolute; left:0;}
.qm_link_area .icon_gide_down span {display:inline-block; padding-left:60px;}

.qm_test_result.result_fst.on {display:none;}
.qm_test_result {display:block; width:100%; transition:0.3s; z-index:1;}
.qm_test_result .qm_inner {float:right; position:relative; width:50%; height:646px; background:url(../images/main/bg_result.png)no-repeat right; margin-top:-25px;}
.qm_test_result .qm_title {display:inline-block; margin-right:75px; padding-bottom:8px; font-size:25px; border-bottom:1px solid #d1d1d1;}
.qm_test_result .qm_box {position:absolute; top:255px; left:167px; width:545px; height:280px;}
.qm_test_result span {display:inline-block; margin-right:10px; font-size:16px; color:#676767;}
.qm_test_result .m_btn.btn_report_link {margin:0; padding:0; vertical-align:middle; font-size:18px; color:#001f42; border:0; position:absolute; left:0; bottom:-40px;}
.qm_test_result .m_btn.btn_report_link:hover {color:#3b63eb;}
.qm_test_result .m_btn.btn_report_link:hover .m_icon.icon_report_link {background:url(../images/icon/icon_report_link_hover.png)no-repeat;}
.qm_test_result .m_btn.btn_progress_link {position:absolute; right:0; padding:0; vertical-align:middle; font-size:0; border:0; bottom:-40px;}
.qm_test_result .box_con {margin:25px 0;}
/* 최근 검사결과가 없는 경우 */
.qm_test_result .box_con.result_none {margin:100px 0;}
.qm_test_result .box_con.result_none p {font-size:18px; text-align:center;}

/* 태그 리스트 */
.qm_test_result .statistical_analysis {}
.statistics_tag_list {margin-bottom:23px; padding:0; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; list-style:none;}
.statistics_tag_list li {display:inline-block; margin-right:10px; padding:0 10px; height:30px; text-align:center; font-size:16px; border:1px solid #d2d2d2; border-radius:3px;}
.statistics_tag_list li:last-child {margin-right:0;}

/* 현재 진행중인 검사 목록 */
.qm_item_dum {display:none;}
.qm_item_dum.on {display:block; width:100%; transition:0.3s;}
.qm_item_dum .m_icon.icon_close {position:absolute; bottom:73px; right:88px; font-size:0;}
.proceeding_list {padding:0; max-height:195px; overflow-y:auto; list-style:none;}
.proceeding_list li {line-height:2; font-size:16px;}
.proceeding_list li a {display:inline-block; padding-left:10px; width:76%; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.proceeding_list li a:hover {text-decoration:underline;}
.proceeding_list li .state_bar {vertical-align:middle;}
.state_bar {display:inline-block; width:18px; height:18px; border-radius:18px;}
.state_bar.bar_complete {background-color:#2445b0;}
.state_bar.bar_proceeding {background-color:#39ddfb;}
.state_bar.bar_error {background-color:#ff659f;}

.qm_notice {width:100%;}
.qm_notice .qm_inner {float:left; width:43%;}
.qm_notice .list_area {position:relative; margin-top:20px; padding:25px 25px 10px; background-color:#fff; border-radius:20px; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.qm_notice .list_area .list_head {padding:0 10px; border-top:0; border-bottom:1px solid #d1d1d1;}
.qm_notice .list_area .list_head li {font-size:18px;}
.qm_notice .list_area .list_row:after {content:""; display:block; clear:both;}
.qm_notice .list_area .list_row li:nth-child(2) {text-align:right;}
.qm_notice .list_area .list_row li {float:left;}
.qm_notice .list_area .list_body {margin-top:15px;}
.qm_notice .list_area .list_body li {padding:0 10px; font-size:16px;}


/* 데이터 및 검사주기 평균 텍스트 */
.info_num_area {position:relative; margin-top:-210px; transition:1s; opacity:0; z-index:4; width:50%;}
.info_num_area.active {opacity:1;}
.info_num_area p {margin:0; font-size:25px; color:#000; display:block; margin-top:-10px;}
.info_num_area p strong {font-size:48px; letter-spacing:-1px;}
.info_num_area small {display:inline-block; margin-top:0; font-size:14px; color:#808080;}
.info_num_area .new_data, .info_num_area .test_average {display:inline-block; margin-top:30px; vertical-align:top;}
.info_num_area .new_data {margin-right:50px;}
.info_num_area .test_average {}

/* 조건선택 */
 .rule_check_area {position:relative; margin-top:40px; transition:1s; opacity:0;}
 .rule_check_area.active {opacity:1;}
 .rule_check_area > span {color:#898989; font-size:12px; display:block; margin:0 0 -5px;}
 .rule_check_area .con_right {float:left; width:55%;}
 .rule_check_area .txt {display:inline-block; max-width:calc(100% - 50px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 10px 0 0;
 	vertical-align:middle; font-size:24px; color:#000; letter-spacing:-1px;}
 .rule_check_area .m_radio > input[type=radio] + label .tag_item_txt {max-width:353px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
 .rule_check_area .icon_dum {transition:all ease 1s; transform:rotate(0deg);}
 .rule_check_area .icon_dum.on {transition:all linear 0.3s; transform:rotate(180deg);}
 .rule_check_area .notice_box {display:inline-block; position:relative;}
 .rule_check_area .notice_box .box_txt {display:none; position:absolute; top:50px; left:5px; width:280px; text-align:center; color:#fff; font-size:13px; height:30px; line-height:30px; background-color:#000; border-radius:3px; transition:0.3s; box-shadow:0 0 15px rgba(0,0,0,0.2);}
 .rule_check_area .notice_box .box_txt.on {display:block; transition:all linear 0.3s;}
 .rule_check_area .notice_box .box_txt.on:after {content:""; display:block; position:absolute; top:-6px; left:13px; width:0; height:0; border:6px solid transparent; border-top-width:0; border-bottom-color:#000;}
 .rule_check_area .btn_dum {opacity:0; position:absolute; top:82px; left:0; padding:10px 15px 15px; width:100%; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,0.2); border-radius:15px; transition:all linear 0.1s;}
 .rule_check_area .btn_dum.on {opacity:1; transition:all linear 0.1s; z-index:10;}
 .rule_check_area .btn_dum:after {content:""; display:block; clear:both;}
 .rule_check_area .btn_dum .dum_title {float:left; margin-bottom:10px; font-size:14px; color:#808080;}
 .rule_check_area .btn_dum .report_list {float:right; margin-bottom:10px; font-size:14px; color:#3b63eb;}
 .rule_check_area .btn_dum .condition_lst {display:block; float:none; clear:both; margin:30px 0 0;}
 .rule_check_area .btn_dum .condition_lst button {display:inline-block; vertical-align:top; line-height:25px; padding:0 10px; font-size:14px; border:1px solid #3b63eb; margin:3px 2px;
 	background:#fff; transition:0.2s;}
 .rule_check_area .btn_dum .condition_lst button.active,
 .rule_check_area .btn_dum .condition_lst button:hover {background:#3b63eb; color:#fff;}






.qm_test_transition {/* background-color:#f7fcff; */ background-color:rgba(219,235,244,0.4);}
.qm_test_transition .qm_title {margin-bottom:38px;}
.qm_test_transition .qm_tit {margin-bottom:0;}
.qm_test_transition .contents:after {content:""; display:block; clear:both;}
.qm_test_transition .con_left {position:relative; float:left; width:45%; z-index:2;}
.qm_test_transition .project_check_area {position:relative;}
.qm_test_transition .con_right {float:left; width:55%;}
.qm_test_transition p {display:inline-block; vertical-align:middle; font-size:18px; color:#3b63eb;}
.qm_test_transition .txt {display:inline-block; max-width:85%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qm_test_transition .m_radio > input[type=radio] + label .tag_item_txt {max-width:353px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qm_test_transition .icon_dum {transition:all ease 1s; transform:rotate(0deg);}
.qm_test_transition .icon_dum.on {transition:all linear 0.3s; transform:rotate(180deg);}

.qm_test_transition .notice_box {display:inline-block; position:relative;}
.qm_test_transition .notice_box .box_txt {display:none; position:absolute; top:50px; right:6px; width:280px; text-align:center; color:#fff; font-size:13px; height:30px; line-height:30px; background-color:#000; border-radius:3px; transition:0.3s; box-shadow:0 0 15px rgba(0,0,0,0.2);}
.qm_test_transition .notice_box .box_txt.on {display:block; transition:all linear 0.3s;}
.qm_test_transition .notice_box .box_txt.on:after {content:""; display:block; position:absolute; top:-6px; right:13px; width:0; height:0; border:6px solid transparent; border-top-width:0; border-bottom-color:#000;}
.qm_test_transition .btn_dum {opacity:0; position:absolute; top:50px; left:0; padding:10px 15px; width:460px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,0.2); border-radius:15px; transition:all linear 0.1s;}
.qm_test_transition .btn_dum.on {opacity:1; transition:all linear 0.1s; z-index:10;}
/* .qm_test_transition .btn_dum {display:none; position:absolute; top:50px; left:0; padding:10px 15px; width:460px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,0.2); border-radius:15px;  transition:0.3s;}
.qm_test_transition .btn_dum.on {display:block; transition:all linear 0.3s; z-index:10;} */
.qm_test_transition .btn_dum:after {content:""; display:block; clear:both;}
.qm_test_transition .btn_dum .dum_title {float:left; margin-bottom:10px; font-size:14px; color:#808080;}
.qm_test_transition .btn_dum .report_list {float:right; margin-bottom:10px; font-size:14px; color:#3b63eb;}
.qm_test_transition .btn_dum .qm_radio_area {margin-top:30px; clear:both;}
.qm_test_transition .btn_dum .m_radio {display:flex; margin-bottom:10px;}

.qm_test_transition .test_num {position:absolute; left:0; bottom:168px; width:calc(100% - 40px);}
.qm_test_transition .test_num p {margin:0; font-size:25px; color:#000; display:block;}
.qm_test_transition .test_num strong {font-size:48px;}

.qm_test_transition .test_info {margin-top:260px; width:150px;}
.qm_test_transition .test_info p {margin:0; font-size:25px; color:#000;}
.qm_test_transition .test_info strong {font-size:48px;}

.qm_test_transition .m_icon.icon_arrow {margin-left:10px;}

.qm_step .qm_title {margin:0; text-align:center;}
.qm_step .info_list {margin-top:90px; padding:0; list-style:none;}
.qm_step .info_list:after {content:""; display:block; clear:both;}
.qm_step .info_list li {position:relative; float:left; width:33.333%; text-align:center;}
.qm_step .info_list li:before {content:""; display:block; width:100%; height:160px;}
.qm_step .info_list li:nth-child(1):before {background:url(../images/main/icon_error.png)no-repeat center;}
.qm_step .info_list li:nth-child(2):before {background:url(../images/main/icon_data.png)no-repeat center;}
.qm_step .info_list li:nth-child(3):before {background:url(../images/main/icon_rule.png)no-repeat center;}
.qm_step .info_list .info_title {font-size:24px;}
.qm_step .info_list p {font-size:17px;}

/* 리스트 목록 */
.qm_item .list_area .list_row {padding:0; list-style:none;}


/* 태그 색상 */
.tag_item {display:inline-block; margin-right:5px; width:40px; height:20px; text-align:center; color:#fff; font-size:12px;}
.tag_tenant {background:#7badff;}
.tag_rule {background:#ffc13c;}

/* 조건변경 분석 리포트 목록 */
.qm_radio_area .m_radio > input[type=radio] + label {font-size:16px;}

/* 탭 */
.qm_test_transition .tab_area {position:relative;}
.qm_test_transition .tab_area > .tab_bar {display:flex; flex-direction:row; justify-content:flex-end; padding:0; margin:0 50px 0 0; white-space:nowrap; border:0;}
.qm_test_transition .tab_area > .tab_bar > li {padding:0 2px;margin:0;list-style:none;}
.qm_test_transition .tab_area > .tab_bar > li:first-child {margin-right:5px; padding-left:0;}
.qm_test_transition .tab_area > .tab_bar > li:last-child {padding-right:0;}
.qm_test_transition .tab_area > .tab_bar > li > a {display:block; position:relative; padding:4px 12px; min-width:115px; height:35px; color:#a8a8a8; text-align:center; line-height:25px; font-size:13px; color:#7b7b7b; border-radius:3px 3px 0 0; border-bottom:0; background-color:#ececec;}
.qm_test_transition .tab_area > .tab_bar > li:first-child > a:before {content:""; display:inline-block; margin-right:5px; width:10px; height:10px; background-color:#0f4152; border-radius:10px;}
.qm_test_transition .tab_area > .tab_bar > li:last-child > a:before {content:""; display:inline-block; margin-right:5px; width:10px; height:10px; background-color:#3b63eb; border-radius:10px;}
.qm_test_transition .tab_area > .tab_bar > li > a:after {display:none;content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px 3px 0 0;background-color:rgba(0,0,0,0.4);}
.qm_test_transition .tab_area > .tab_bar > li > a:hover {color:#7b7b7b; background-color:#fff;}
.qm_test_transition .tab_area > .tab_bar > li > a.active {color:#7b7b7b; background-color:#fff;}
.qm_test_transition .tab_area > .tab_content {display:none; background-color:#fff; box-shadow:0 10px 30px rgba(0,0,0,0.1); border-radius:20px;}
.qm_test_transition .tab_area > .tab_content.active {display:block; padding:10px;}

/* FOOTER */
footer.main_footer {display:block;}
footer.main_footer .main_footer_con img {width:160px;}
footer.main_footer .main_footer_con p.copyright {display:inline-block;}
footer.main_footer .main_footer_con a {margin-left:100px;}

/* chart */
.bar_chart_area {margin-bottom:30px; width:545px; height:80px;}


.tab_content .qc_main_chart {width:100%; max-width:868px; min-width:600px; height:450px;}
.tab_content.active .qc_main_chart {width:100%; max-width:868px; min-width:600px; height:450px;}
.tab_content.active #qmTestChart2.qc_main_chart {width:100%; max-width:868px; min-width:600px; height:450px;}

.tab_content .qc_main_chart.modfy {width:100%; max-width:100%; min-width:100%; height:450px;}
.tab_content.active .qc_main_chart.modfy {width:100%; max-width:100%; min-width:100%; height:450px;}
.tab_content.active #qmTestChart2.qc_main_chart.modfy {width:100%; max-width:100%; min-width:100%; height:450px;}

/* 반응형 */
@media all and (max-width:1640px){
    .counter_box.active {margin-left:-700px;}
    
    .qm_link_area {width:50%;}
    
    .qm_test_result .qm_title {font-size:23px;}
    .qm_test_result .qm_inner {height:558px; background-size:90%;}
    .qm_test_result .qm_box {top:211px; left:18%; width:500px;}
    .qm_test_result .box_con {margin:10px 0;}
    .bar_chart_area {width:500px;}
    .qm_item_dum .m_icon.icon_close {bottom:52px; right:75px;}
    
    .qm_test_result .m_btn.btn_report_link {bottom:-15px;}
    .qm_test_result .m_btn.btn_progress_link {bottom:-15px;}
    
    .indicator_list {margin:10% auto 5%;}
    
}


/*Main 사용자 권한 별 현황 패널*/
.StatusSum_option_area{width:600px;padding:0 0 60px 0;position:fixed;top:0;right:-600px;bottom:0;background-color:#fff;transition:all ease 0.2s;z-index:10001;}
.StatusSum_option_area .change_ctrl span{color: #FFFFFF; font-size: 22px; display: inline-block; margin-left: 17px; max-width: 300px;}
.StatusSum_option_area .change_ctrl button{color: #FFFFFF; font-size: 15px; position: absolute; top: 6px; border: 1px solid #FFFFFF; border-radius: 13px; padding: 0px 10px 0px 10px; height: 26px; background: transparent; pointer-events: none; margin-left: 10px;}
.theme_smartALQC .StatusSum_option_area .change_ctrl button{top: 2px;}
.StatusSum_option_area .option_key_name{height: 110px; background-color: #1c556e;}
.StatusSum_option_area .option_parent .change_ctrl{position:absolute; top:20px;right:0;}
.StatusSum_option_area .x_content table{font-size:13px; width: 100%;}
.StatusSum_option_area .x_content thead{display: table; width: 100%;}
.StatusSum_option_area .x_content tbody{height:calc(50vh - 240px); overflow-y: auto; overflow-x: hidden; display: block; width: auto;}
.StatusSum_option_area .x_content th{text-align:left}
.StatusSum_option_area .div_projectTotCnt{display: inline; position: absolute; top: 63px; left: 105px; color: #FFFFFF; font-weight: 100; font-size: 14px;}
.StatusSum_option_area .panel_qc .span_dataType {color: #ffffff; padding: 3px 5px 3px 5px; margin: 1px 1px 1px 1px;}
.StatusSum_option_area .panel_qc .table>tbody>tr>th, .table>tbody>tr>td {vertical-align: middle;}
.StatusSum_option_area .x_content .panelContent {text-align: center; height: 100%; display: flex; align-items:center; justify-content: center;}
.StatusSum_option_area .option_key_name .change_ctrl {width: 100%;}
.StatusSum_option_area .btn_option_cancel { width: 96%; border: none; border-radius: 7px;}




/* 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:#fff;}
.theme_smartALQC .top_nav{background-color:#3452e9;background-image:url(../images/alqc/header_bgqc.png);}
.theme_smartALQC .top_nav,
.theme_smartALQC .top_nav .nav_menu,
.theme_smartALQC .top_nav .nav_menu nav{font-size:12px;}
.theme_smartALQC .btn_userInfo:after{color:#3b62eb;}
.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:#3b63eb;}
.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 .btn_userInfo:after {color:#00a8d2;}
.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:absolute; z-index:30;}

/* 로고 선택 영역 */
.main_container .select_al_theme {position:absolute; left:0; top:0; width:320px; height:70px; padding-left:30px;}

.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:202px; background-image:url(../images/logo/logo_alqc.png); background-size:202px 52px;}
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;}


/* .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:20px 0 0 20px; color:transparent; font-size:0; border:0; border-radius:15px; position:relative; 
	background-color:rgba(0,0,0,0.1); 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(0deg); margin:0 0 0 1px;}

ul.change_theme_lst {position:absolute; left:30px; top:70px; padding:0; margin:0; overflow:hidden; height:0; transition:0.3s; width:auto; border:1px solid transparent; background:transparent; display:flex; box-sizing:border-box; border-radius:0 0 10px 10px;}
ul.change_theme_lst li {display:inline-block; list-style:none; padding:0 20px; margin:0; height:60px;}
ul.change_theme_lst li button {height:60px; width:auto; border:none; background:none; font-size:14px; color:#000; transition:0.2s; font-weight:400; padding:0; margin:0; white-space:nowrap;}
ul.change_theme_lst li button:hover {color:#00a8d2;}
ul.change_theme_lst li button img {display:inline-block; margin-right:15px; vertical-align:middle;}

ul.change_theme_lst.active {height:60px; border:1px solid #e4e4e4; background:#fff;}

body ul.change_theme_lst li.change_al {display:none;}
body ul.change_theme_lst li.change_qc {display:inline-block;}
body ul.change_theme_lst li.change_medi {display:inline-block;}
body ul.change_theme_lst li.change_dc {display:inline-block;}

body.theme_smartALQC ul.change_theme_lst li.change_al {display:inline-block;}
body.theme_smartALQC ul.change_theme_lst li.change_qc {display:none;}
body.theme_smartALQC ul.change_theme_lst li.change_medi {display:inline-block;}
body.theme_smartALQC ul.change_theme_lst li.change_dc {display:inline-block;}

body.theme_smartALMedi ul.change_theme_lst li.change_al {display:inline-block;}
body.theme_smartALMedi ul.change_theme_lst li.change_qc {display:inline-block;}
body.theme_smartALMedi ul.change_theme_lst li.change_medi {display:none;}
body.theme_smartALMedi ul.change_theme_lst li.change_dc {display:inline-block;}

body.theme_smartALDC ul.change_theme_lst li.change_al {display:inline-block;}
body.theme_smartALDC ul.change_theme_lst li.change_qc {display:inline-block;}
body.theme_smartALDC ul.change_theme_lst li.change_medi {display:inline-block;}
body.theme_smartALDC ul.change_theme_lst li.change_dc {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 .btn_userInfo:after {color:#0a3345;}

/* .theme_smartALDC ul.al_menu li a {display:none;}
.theme_smartALDC ul.al_menu li a.almenu_dc {display:block;} */

.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:1280px !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;}
.btn_icon:first-child {margin-right:12px;}

.img_medi_img{max-width: 100%;vertical-align: middle; border: 0 none; margin: 0; padding: 0; }

/* main_footer */
footer.footer {display:block; background:#f9f9f9; border-top:1px solid #e4e4e4; min-height:150px; padding:30px 40px 0; position:relative;}
footer.footer > .f_logo {vertical-align:middle; pointer-events:none;}
footer.footer p.f_copy {display:inline-block; margin:0 0 0 20px; vertical-align:bottom; color:#a4a4a4; font-size:12px; line-height:1;}
footer.footer ul.f_family {padding:23px 0 0; margin:0; float:right; top:-13px; position:relative;}
footer.footer ul.f_family:before {content:"Family Link"; display:block; position:absolute; left:0; top:0; font-size:14px; color:#00a8d2;}
footer.footer ul.f_family li {padding:0; margin:0 40px 0 0; list-style:none; display:inline-block;}
footer.footer ul.f_family li:last-child {margin-right:0;}
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 {}
}

/* 의미정확성 데이터 카테고리*/
#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: #0060ff; 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:#0060ff;}
#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;}
	
}