/**
------------------------------------------------------------
 * @프로그램명 : mediscan
 * @파일명 :style.css
 * @작성일 :2020. 03. 08.
 * @작성자 :김미영
------------------------------------------------------------
*/

@font-face {
   font-family: 'Lato';
   font-style:normal;
   font-weight:400;
   src:url(/static/font/Lato/Lato-Regular.ttf) format('truetype');
}
@font-face {
   font-family: 'Lato';
   font-style:normal;
   font-weight:700;
   src:url(/static/font/Lato/Lato-Bold.ttf) format('truetype');
}
@font-face {
   font-family: 'Lato';
   font-style:normal;
   font-weight:900;
   src:url(/static/font/Lato/Lato-Black.ttf) format('truetype');
}

/* ======================================== Reset ======================================== */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
html,body{width:100%;height:100%;-webkit-font-smoothing:antialiased;box-sizing:border-box;}
body,p,h1,h2,h2,h3,h4,h6,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre{margin:0;padding:0;}
body{font-family:'Lato','Noto Sans KR',sans-serif;font-size:14px;font-weight:400;color:#111;}
input,textarea,select,button,table,pre{font-family:'Lato','Noto Sans KR',sans-serif;}
img{border:0px none;}
img,input,button,label,select{vertical-align:middle;}
a{text-decoration:none;color:#111;}
a:hover{text-decoration:none;}

/* common */
caption, .blind, .soundOnly{display:block !important;position:absolute !important;top:-9999px !important;}

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

body.theme_white{background-color:#edf1f2;}

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

.main_container{padding-left:50px;padding-top:60px;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#edf1f2;transition:all 0.3s ease;}
.main_container.openOption{right:350px;}

/* layout : left_col */
.left_col {width:50px;padding:0;margin:0;position:fixed;top:0;bottom:0;left:0;background:#2e3b45;z-index:99;font-size:12px;transition:all 0.3s ease;}
.left_col .mCSB_container, 
.left_col .mCustomScrollBox {overflow:visible;}
.left_col .navbar.nav_title {display:none;}

.left_col .navbar-logo {display:none;height:60px;position:absolute;top:0;right:0;left:60px;}
.left_col .toggle {width:50px;height:60px;}
.left_col .toggle a {display:block;width:50px;height:60px;position:relative;cursor:pointer;}
.left_col .toggle a i {display:block;width:50px;height:60px;line-height:60px;color:#fff;font-size:20px;text-align:center;}

.left_col .menu_section h3 {display:none;}
.left_col .nav.side-menu{padding:0;margin:0;display:block;}
.left_col .nav.side-menu > li{padding:0;margin:0;list-style:none;position:relative;}
.left_col .nav.side-menu > li > a{display:block;width:50px;height:45px;line-height:45px;padding:0 0 0 50px;position:relative;color:#fff;font-weight:500;text-align:center;cursor:pointer;overflow:hidden;}
.left_col .nav.side-menu > li > a:before{display:none;content:'';clear:both;width:2px;position:absolute;top:0;left:0;bottom:0;background-color:#00bbb0;z-index:1;}
.left_col .nav.side-menu > li > a > i{display:block;width:50px;height:45px;line-height:45px;position:absolute;top:0;left:0;color:#fff;font-size:16px;text-align:center;}
.left_col .nav.side-menu > li > a > span{display:none;width:30px;height:45px;line-height:45px;position:absolute;top:0;right:0;transition:all 0.2s ease;}
.left_col .nav.side-menu > li:hover > a, 
.left_col .nav.side-menu > li:focus > a {text-decoration:none;color:#fff;background-color:#12171d;}
.left_col .nav.side-menu > li.active > a{color:#00bbb0;}
.left_col .nav.side-menu > li.active > a:before {display:block;}
.left_col .nav.side-menu > li.active > a > i{color:#00bbb0;}

.left_col .nav.side-menu .fa-chevron-down{background:url(/static/images/common/icon_menu_down.png) no-repeat left center;}
.left_col .nav.side-menu .fa-chevron-up{background:url(/static/images/common/icon_menu_up.png) no-repeat left center;}
.left_col .nav.side-menu .fa-chevron-down:before,
.left_col .nav.side-menu .fa-chevron-up:before{display:none;}

.left_col .menuTitle{display:none;height:45px;line-height:45px;padding-left:20px;color:#00bbb0;background-color:#2e3b45;}
.left_col .nav.child_menu {display:none;padding:0;margin:0;background-color:#12171d;transition:all 0.2s ease;overflow:hidden;}
.left_col .nav.child_menu > li{padding:0;margin:0;}
.left_col .nav.child_menu > li > a{padding:9px 30px 9px 50px;position:relative;color:#fff;font-size:11px;cursor:pointer;word-break:keep-all;display:block;}
.left_col .nav.child_menu > li > a:before{display:none;content:'';clear:both;width:4px;height:4px;position:absolute;top:16px;left:40px;word-break:keep-all;border-radius:2px;background-color:#fff;}
.left_col .nav.child_menu > li > a:hover{/*color:#00bbb0;*/background-color:#2e3b45;}
.left_col .nav.child_menu > li > a > span{display:block;width:30px;height:35px;line-height:35px;position:absolute;top:0;right:0;}
.left_col .nav.child_menu > li > .nav.child_menu{display:none;}
.left_col .nav.child_menu > li > .nav.child_menu > li > a{padding-left:70px;}
.left_col .nav.child_menu > li > .nav.child_menu > li > a:before{left:60px;}
.left_col .nav.child_menu > li.active > a:before{display:block;background-color:#00bbb0;}
.left_col .nav.child_menu > li.active > .nav.child_menu{display:block;}
.left_col .nav.child_menu > li.active > .nav.child_menu > li.active{display:block;}

/* layout : right_col */
.right_col{min-height:inherit !important;height:calc(100vh - 60px) !important;padding:0;overflow:auto;z-index:2;}

/* 검색 */
.top_search{display:flex;align-items:center;width:250px;margin-top:15px;border-bottom:1px solid #939ca1;}
.top_search .input_top_search{width:220px;height:30px;line-height:30px;border:0;}
.top_search .btn_top_search{width:30px;height:30px;border:0;background:url(/static/images/icon/icon_top_search.png) no-repeat center center;text-indent:-9999px;}

.top_nav{height:60px;position:fixed;top:0;right:0;left:50px;font-size:12px;background:#FFF;box-shadow:3px 3px 10px rgba(0,0,0,0.07);z-index:99;transition:all 0.3s ease;}
.top_nav .nav_menu > nav{padding:0 30px;}
.top_nav .nav_menu > nav:after{display:block;content:'';clear:both;}
.top_nav .nav_menu > nav > .navbar-nav{float:left;max-width:50%;padding:0;margin:0;}
.top_nav .nav_menu > nav > .navbar-nav.navbar-right{float:right;}
.top_nav .nav_menu > nav > .navbar-nav > li{padding:0;margin:0;list-style:none;}
.top_nav .nav_menu > nav > .navbar-nav.navbar-right > li{display:inline-block;vertical-align:top;}

.top_nav .nav_menu .navbar-naviCtt {display:none;font-size:15px;font-weight:500;}
.top_nav .nav_menu #sp_loginUserNm > span{line-height:60px;color:#00bbb0;font-weight:700;}
/*.top_nav .nav_menu .user-profile{padding:0;}
.top_nav .nav_menu .user-profile:hover,
.top_nav .nav_menu .user-profile:focus{background-color:inherit;}
.top_nav .nav_menu .user-profile span{display:block;width:60px;height:60px;line-height:60px;text-align:center;}
.top_nav .nav_menu .open .user-profile span{color:#00bbb0;}
.top_nav .nav_menu #userInfo{width:200px;padding:0;margin:0;position:absolute;top:60px;right:0;border:0;background-color:#fff;box-shadow:0 10px 10px rgba(0,0,0,0.1);}
.top_nav .nav_menu #userInfo > li{padding:0;margin:0;list-style:none;font-size:12px;}
.top_nav .nav_menu #userInfo > li > a,
.top_nav .nav_menu #userInfo > li > span{display:block;padding:10px;color:#3b3f42;letter-spacing:-0.5px;cursor:pointer;}
.top_nav .nav_menu #userInfo > li > a:hover,
.top_nav .nav_menu #userInfo > li > span:hover{color:#fff;background-color:#2e3b45;}
.top_nav .nav_menu #userInfo > li i{width:20px;margin:0 5px;font-size:18px;text-align:center;}*/

footer {display:none;padding:16px 20px;position:absolute;right:0;bottom:0;left:50px;background:#fff;font-size:12px;line-height:1.471;transition:all 0.3s ease;}

/* 왼쪽메뉴 접힘 */
.nav-sm .left_col .nav.side-menu > li.active > a.menuClose.on{width:250px;padding-left:60px;text-align:left;background-color:#2e3b45;}
.nav-sm .left_col .nav.side-menu > li.active > .nav.child_menu{width:200px;max-height:500px;position:absolute;top:45px;left:50px;overflow-y:auto;}
.nav-sm .left_col .nav.side-menu > li.active > .nav.child_menu > li > a{padding-left:20px;}
.nav-sm .left_col .nav.side-menu > li.active > .nav.child_menu > li > a:before{left:10px;}
.nav-sm .left_col .nav.side-menu > li.active > .nav.child_menu > li > .nav.child_menu > li > a{padding-left:40px;}
.nav-sm .left_col .nav.side-menu > li.active > .nav.child_menu > li > .nav.child_menu > li > a:before{left:30px;}

/* 왼쪽메뉴 펼침 */
.nav-md .main_container{padding-left:245px;}
.nav-md .left_col {width:245px;}
.nav-md .left_col .navbar-logo{display:block;}
.nav-md .left_col .nav.side-menu > li > a{width:100%;line-height:45px;padding-left:50px;text-align:left;}
.nav-md .left_col .nav.side-menu > li > a > i{position:absolute;top:0;left:0;}
.nav-md .left_col .nav.side-menu > li > a > span{display:block;}
.nav-md .left_col .nav.side-menu > li.active > .nav.child_menu{width:100%;height:auto;}
.nav-md .top_nav {left:245px;}
.nav-md footer {left:245px;}

/* 컨텐츠 공통 */
.div_pageSection{/*min-width:1400px;*/}
.div_pageSection,
.layerWrap,
.popupWrap{font-family: 'Lato','Noto Sans KR', "맑은고딕", "Malgun Gothic", sans-serif;}

.div_pageSection input,
.layerWrap input,
.popupWrap input{height:30px;padding:0 10px;border:1px solid #cad3d6;border-radius:3px;}
.div_pageSection select,
.layerWrap select,
.popupWrap select{height:30px;padding:0 10px;border:1px solid #cad3d6;border-radius:3px;background:#fff url(/static/images/icon/jtree_down.png) no-repeat 98% center;appearance:none;}

.div_pageSection select option:checked,
.layerWrap select option:checked,
.popupWrap select option:checked{color:#fff;background-color:#2e3b45;}

.create_radio > input[type=radio]{width:16px;height:16px;opacity:0;}
.create_radio > input[type=radio] + label{padding:0 10px;position:relative;font-size:15px;font-weight:normal;overflow-wrap: break-word; word-break:normal;}
.create_radio > input[type=radio] + label:before,
.create_radio > input[type=radio] + label:after{display:block;content:'';clear:both;}
.create_radio > input[type=radio] + label:after{width:0;height:0;position:absolute;top:11px;left:-8px;border-radius:5px;background-color:#00bbb0;transition:all 0.1s ease;overflow:hidden;}
.create_radio > input[type=radio] + label:before{display:block;width:18px;height:18px;position:absolute;top:3px;left:-17px;border-radius:9px;border:1px solid #cad3d6;background-color:#fff;z-index:0;overflow:hidden;}
.create_radio > input[type=radio]:checked + label:after{width:10px;height:10px;top:7px;left:-13px;}

.create_check > input[type=checkbox]{width:16px;height:16px;opacity:0;}
.create_check > input[type=checkbox] + label{padding:0 10px;position:relative;font-size:15px;font-weight:normal;overflow-wrap: break-word; word-break:normal;}
.create_check > input[type=checkbox] + label:before,
.create_check > input[type=checkbox] + label:after{display:block;content:'';clear:both;}
.create_check > input[type=checkbox] + label:after{width:0;width:0;position:absolute;top:7px;left:-14px;background-color:#fff;transform:rotate(-45deg);transition:all 0.1s ease;overflow:hidden;}
.create_check > input[type=checkbox] + label:before{display:block;width:18px;height:18px;position:absolute;top:3px;left:-17px;border:1px solid #cad3d6;border-radius:3px;background-color:#fff;z-index:0;overflow:hidden;}
.create_check > input[type=checkbox]:checked + label:after{width:12px;height:6px;border-left:2px solid #00bbb0;border-bottom:2px solid #00bbb0;}

.div_pageSection input[type=checkbox], 
.div_pageSection input[type=radio],
.div_pageSection label{padding:0;margin:0;}

.div_pageSection textarea,
.layerWrap textarea,
.popupWrap textarea{width:100%;padding:5px;border:1px solid #cad3d6;border-radius:3px;outline:0;}

.div_pageSection input:required:focus,
.layerWrap input:required:focus,
.popupWrap input:required:focus{border:1px solid #00bbb0;}
.div_pageSection textarea:required:focus,
.layerWrap textarea:required:focus,
.popupWrap textarea:required:focus{border-radius:3px;border:1px solid #00bbb0;}

/*.div_pageSection .btn,*/
/*.layerWrap .btn,*/
/*.popupWrap .btn{display:inline-block;vertical-align:top;min-width:80px;height:30px;padding:0 20px;margin:0 0 0 4px;font-size:14px;color:#00bbb0;border:1px solid #00bbb0;background-color:#fff;background-repeat:no-repeat;box-shadow:inherit !important;}*/
/*.div_pageSection .btn:hover,*/
/*.layerWrap .btn:hover,*/
/*.popupWrap .btn:hover{color:#fff;border:1px solid #2e3b45;background-color:#2e3b45;}*/

.btn_submit{color:#fff !important;border:1px solid #00bbb0 !important;background-color:#00bbb0 !important;}
.btn_submit:hover{color:#fff !important;border:1px solid #2e3b45 !important;background-color:#2e3b45 !important;}
.btn_gray{color:#fff !important;border:1px solid #505e66 !important;background-color:#505e66 !important;}
.btn_gray:hover{color:#fff !important;border:1px solid #2e3b45 !important;background-color:#2e3b45 !important;}
.btn_lineGray{color:#5e6b72 !important;border:1px solid #5e6b72 !important;}
.btn_lineGray:hover{color:#fff !important;border:1px solid #2e3b45 !important;background-color:#2e3b45 !important;}
.btn_lineGray_not{color:#5e6b72 !important;border:1px solid #5e6b72 !important;cursor: not-allowed;}
.btn_lineGray_not:hover{color:#5e6b72 !important;border:1px solid #2e3b45 !important;background-color:#ffffff !important;}

.btn.icon_add{padding-left:45px;background-image:url(/static/images/icon/icon_plus_on.png);background-position:15px center;}
.btn.icon_delete{padding-left:45px;background-image:url(/static/images/icon/icon_delete.png);background-position:15px center;}
.btn.icon_delete:hover{background-image:url(/static/images/icon/icon_delete_on.png);}
.btn.icon_apply{padding-left:45px;background-image:url(/static/images/icon/icon_apply.png);background-position:15px center;}
.btn.icon_apply:hover{background-image:url(/static/images/icon/icon_apply_on.png);}
.btn.icon_test{padding-left:45px;background-image:url(/static/images/icon/icon_test.png);background-position:15px center;}
.btn.icon_test:hover{background-image:url(/static/images/icon/icon_test_on.png);}
.btn.icon_cancel{padding-left:45px;background-image:url(/static/images/icon/icon_cancel.png);background-position:15px center;}
.btn.icon_cancel:hover{background-image:url(/static/images/icon/icon_cancel_on.png);}
.btn.icon_download{padding-left:45px;background-image:url(/static/images/icon/icon_download.png);background-position:15px center;}
.btn.icon_downloadform{padding-left:45px;background-image:url(/static/images/icon/icon_downloadform.png);background-position:15px center;}
.btn.icon_downloadform:hover{background-image:url(/static/images/icon/icon_downloadform_on.png);}
.btn.icon_uploadform{padding-left:45px;background-image:url(/static/images/icon/icon_uploadform.png);background-position:15px center;}
.btn.icon_uploadform:hover{background-image:url(/static/images/icon/icon_uploadform_on.png);}
.btn.icon_doubleArrow{padding-right:45px;background-image:url(/static/images/icon/icon_doubleArrow.png);background-position:92% center;}
.btn.icon_doubleArrow:hover{background-image:url(/static/images/icon/icon_doubleArrow_on.png);}
.btn.icon_paper {padding-left:45px;background-image:url(/static/images/icon/icon_paper.png); background-position:15px center;}
.btn.icon_paper:hover {background-image:url(/static/images/icon/icon_paper_on.png);}

.btn.btn_submit.icon_add,
.btn.btn_submit.icon_add:hover{background-image:url(/static/images/icon/icon_plus_on.png);}
.btn.btn_gray.icon_cancel{background-image:url(/static/images/icon/icon_cancel_on.png);}
.btn.btn_gray.icon_cancel:hover{background-image:url(/static/images/icon/icon_cancel_on.png);}
.btn.btn_gray.icon_test,
.btn.btn_gray.icon_test:hover{background-image:url(/static/images/icon/icon_test_on.png);}
.btn.btn_submit.icon_doubleArrow,
.btn.btn_submit.icon_doubleArrow:hover,
.btn.btn_gray.icon_doubleArrow,
.btn.btn_gray.icon_doubleArrow:hover{background-image:url(/static/images/icon/icon_doubleArrow_on.png);}
.btn.btn_gray.icon_apply,
.btn.btn_gray.icon_apply:hover{background-image:url(/static/images/icon/icon_apply_on.png);}

.btn.btn_lineGray.icon_add{background-image:url(/static/images/icon/icon_plus.png);}
.btn.btn_lineGray.icon_add:hover{background-image:url(/static/images/icon/icon_plus_on.png);}
.btn.btn_lineGray.icon_apply,
.btn.btn_lineGray.icon_apply:hover{background-image:url(/static/images/icon/icon_apply.png);}

.btn.icon_prev{color:#2e3b45 !important;font-size:17px;text-align:right;background-color:transparent !important;border:0 !important;background-image:url(/static/images/icon/btn_prev.png);background-position:left center;}
.btn.icon_prev:hover{color:#00bbb0 !important;background-image:url(/static/images/icon/btn_prev_on.png);}
.btn.icon_next{color:#2e3b45 !important;font-size:17px;text-align:left;background-color:transparent !important;border:0 !important;background-image:url(/static/images/icon/btn_next.png);background-position:right center;}
.btn.icon_next:hover{color:#00bbb0 !important;background-image:url(/static/images/icon/btn_next_on.png);}

/*.btn[disabled]{border:1px solid #bfbfbf!important;background-color:#bfbfbf !important;}*/
/*.btn[disabled]:hover{border:1px solid #bfbfbf !important;background-color:#bfbfbf !important; cursor:not-allowed;}*/

.div_pageTitle{padding:40px 25px 20px;}
.div_pageTitle h2{display:block;line-height:30px;font-size:26px;color:#000;font-weight:700;text-align:center;}

input.daterangepicker{display:inline-block;vertical-align:top;width:180px;height:30px;padding:0 10px;position:static;}
input[name=daterange].daterangepicker{padding-left:30px !important;background:url(/static/images/common/icon_daterangepicker.png) no-repeat 10px center;}
.daterangepicker.icon_daterange{padding-left:30px !important;background:url(/static/images/common/icon_daterangepicker.png) no-repeat 10px center;}

/* 툴팁 */
.div_pageSection .toolTip i{color:#cad3d6;}
#main .tooltip-inner{min-width:300px;padding:15px;color:#fff;word-break:keep-all;background-color:rgba(80,94,102,0.9);}

/* 탭 - 상단(데이터, 전처리, TA호출, 후처리, 결과) */
.div_wizard{padding-top:20px;}
.div_wizard > ul{display:flex;max-width:1400px;padding:0;margin:0 auto;text-align:center;}
.div_wizard > ul > li{flex:1;padding:0 30px;margin:0;list-style:none;}
.div_wizard > ul > li > a{display:block;height:50px;line-height:48px;margin:0 auto;position:relative;font-size:20px;font-weight:700;text-align:center;border-radius:25px;color:#00bbb0;border:2px solid #77dbd5;background-color:#fff;transition:all 0.2s ease;}
.div_wizard > ul > li > a:before,
.div_wizard > ul > li > a:after{display:block;content:'';width:30px;height:2px;position:absolute;top:50%;background-color:#00bbb0;}
.div_wizard > ul > li > a:before{left:-32px;}
.div_wizard > ul > li > a:after{right:-32px;}
.div_wizard > ul > li > a:hover{color:#fff;border:2px solid #00bbb0;background-color:#00bbb0;}
.div_wizard > ul > li.disabled > a{color:#fff;border:1px solid #cad3d6;background-color:#cad3d6;pointer-events:none;}
.div_wizard > ul > li.disabled > a:before,
.div_wizard > ul > li.disabled > a:after{background-color:#d6e0e3;}
.div_wizard > ul > li.active > a{color:#fff;border:2px solid #00bbb0;background-color:#00bbb0;/*box-shadow:0 0 23px rgba(0,187,176,0.63);*/animation:1s ease-in 1s infinite alternate check;}
.div_wizard > ul > li.active > a:after{background-color:#d6e0e3;}
.div_wizard > ul > li:first-child > a:before{display:none;}
.div_wizard > ul > li:last-child > a:after{display:none;}

@keyframes check {
    from {box-shadow:0 0 3px rgba(0,187,176,0.63);}
    to {box-shadow:0 0 23px rgba(0,187,176,0.83);}
}

/* Batch Setting - tab */
.tabWrap > .tabBar{display:flex;align-items:center;padding:5px 0;margin:0;border-bottom:1px solid #d0d8da;}
.tabWrap > .tabBar > li{flex:1;padding:0;margin:0;list-style:none;}
.tabWrap > .tabBar > li > a{display:block;line-height:30px;position:relative;color:#949da1;text-align:center;}
.tabWrap > .tabBar > li > a:after{display:none;content:'';clear:both;height:2px;position:absolute;right:0;bottom:-1px;left:0;background-color:#323f48;}
.tabWrap > .tabBar > li.active > a{color:#050505;font-size:15px;}
.tabWrap > .tabBar > li.active > a:after{display:block;}
.tabWrap > .tabContent{display:none;padding:20px 0 0;}
.tabWrap > .tabContent.active{display:block;}
.tabSetting > .tabBar > li:first-child > a {background:url(/static/images/icon/icon_re.png) no-repeat left; padding-left:10px;}
.tabSetting > .tabBar > li:first-child.active > a {background:url(/static/images/icon/icon_re_act.png) no-repeat left; padding-left:10px;}


div.div_pageCtrl{display:flex;align-items:center;padding:25px 25px 0;margin:0;}
ul.div_pageCtrl{display:flex;align-items:center;padding:25px 25px 0;margin:0;}
ul.div_pageCtrl > li{flex:1;display:flex;align-items:center;padding:0;margin:0;list-style:none;}
ul.div_pageCtrl > li:first-child{}
ul.div_pageCtrl > li:last-child{justify-content:flex-end;}

.div_pageCtrl .title{font-size:20px;font-weight:700;}
.div_pageCtrl .ctrl-group{display:inline-block;vertical-align:top;margin:0 4px;position:relative;}
.div_pageCtrl .ctrl-group.search{padding:0 0 0 30px;margin:0 20px 0 0;position:relative;}
.div_pageCtrl .ctrl-group.search.dbsearch{background-image:url(/static/images/icon/icon_database.png);background-repeat:no-repeat;background-position:left center;}
.div_pageCtrl .ctrl-group.search:after{display:block;content:'';clear:both;height:1px;position:absolute;left:30px;right:0;bottom:0;background-color:#000;}
.div_pageCtrl .ctrl-group.search .input_search{width:220px;margin-right:30px;border:0;background-color:transparent;}
.div_pageCtrl .ctrl-group.search .btn_search{width:30px;height:30px;position:absolute;top:0;right:0;margin:0 !important;border:0;background-color:transparent !important;background-image:url(/static/images/icon/icon_search.png);background-position:center center;text-indent:-9999px;}
.div_pageCtrl .ctrl-group.search:hover:after{background-color:#00bbb0;}
.div_pageCtrl .ctrl-group.search:hover .btn_search{background-image:url(/static/images/icon/icon_search_on.png);}
.div_pageCtrl .btn_reset{min-width:inherit;padding-left:30px !important;border:0;color:#000;background-color:transparent !important;background-image:url(/static/images/icon/icon_reset.png);background-position:left center;}
.div_pageCtrl .btn_reset:hover{color:#00bbb0;border:0;background-image:url(/static/images/icon/icon_reset_on.png);}
.div_pageCtrl .toolTip.viewResult{margin:0 10px 0 5px;}
.div_pageCtrl .toolTip.reset{margin:0 10px 0 0;}
.div_pageCtrl .btn + .btn{margin-left:10px;}

.div_pageContent{margin:20px 25px 0;position:relative;}
.div_pageContent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.div_listCtrl{display:flex;align-items:center;padding-top:20px;}
.div_listCtrl label{padding-right:10px;}
.div_listCtrl ul.listViewCnt{display:flex;align-items:center;padding:0;margin:0;}
.div_listCtrl ul.listViewCnt > li{display:inline-block;padding:0;margin:0;list-style:none;}
.div_listCtrl ul.listViewCnt a{display:block;width:40px;height:30px;line-height:28px;margin-right:5px;color:#505e66;text-align:center;border:1px solid #cad3d6;border-radius:5px;background-color:#fff;transition:all 0.3s ease;}
.div_listCtrl ul.listViewCnt a:hover{color:#fff;border:1px solid #2e3b45;background-color:#2e3b45;}
.div_listCtrl ul.listViewCnt a.active{color:#fff;border:1px solid #000;background-color:#000;}

.btnArea .btn{height:34px;}
.btnArea .btn + .btn{margin-left:10px;}
div.btnArea{padding-top:20px;text-align:right;}
ul.btnArea{display:flex;align-items:center;width:100%;padding:20px 0 0 0;margin:0;}
ul.btnArea > li{flex:1;padding:0;margin:0;list-style:none;text-align:center;}
ul.btnArea > li:first-child{text-align:left;}
ul.btnArea > li:last-child{text-align:right;}
ul.btnArea > li.flex2{flex:2;}

/* pager */
.div_listPager{padding-top:15px;}
.div_listPager ul.pagenation{display:flex;align-items:center;justify-content:center;padding:0;margin:0;}
.div_listPager ul.pagenation > li{display:inline-block;padding:0 5px;margin:0;list-style:none;}
.div_listPager ul.pagenation > li > a{display:block;width:30px;height:30px;line-height:30px;color:#505e66;text-align:center;background-repeat:no-repeat;background-position:center center;transition:all 0.3s ease;}
.div_listPager ul.pagenation > li > a:hover{color:#0ebaaf;}
.div_listPager ul.pagenation > li > a.active{color:#0ebaaf;background-color:#fff;}
.div_listPager ul.pagenation > li > a.firstPage{background-image:url(/static/images/icon/icon_pager_first.png);text-indent:-9999px;}
.div_listPager ul.pagenation > li > a.firstPage:hover{background-image:url(/static/images/icon/icon_pager_first_on.png);}
.div_listPager ul.pagenation > li > a.prevPage{margin-right:10px;background-image:url(/static/images/icon/icon_pager_prev.png);text-indent:-9999px;}
.div_listPager ul.pagenation > li > a.prevPage:hover{background-image:url(/static/images/icon/icon_pager_prev_on.png);}
.div_listPager ul.pagenation > li > a.nextPage{margin-left:10px;background-image:url(/static/images/icon/icon_pager_next.png);text-indent:-9999px;}
.div_listPager ul.pagenation > li > a.nextPage:hover{background-image:url(/static/images/icon/icon_pager_next_on.png);}
.div_listPager ul.pagenation > li > a.lastPage{background-image:url(/static/images/icon/icon_pager_last.png);text-indent:-9999px;}
.div_listPager ul.pagenation > li > a.lastPage:hover{background-image:url(/static/images/icon/icon_pager_last_on.png);}

/* list */
.div_listWrap{box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);}
.div_listWrap > .div_list_body{position:relative;}

.ul_list{padding:0;margin:0;}
.li_listItem{padding:0;margin:0;list-style:none;position:relative;}
.li_listItem legend{font-size:14px;}
.li_listItem .item_img{display:flex;align-items:center;overflow:hidden;}
.li_listItem .item_img > img{display:block;max-width:80%;max-height:100px;margin:0 auto;}
.li_listItem .item_name > a{font-size:16px;font-weight:700;}
.li_listItem .item_name > a:hover{color:#0ebaaf;}
.li_listItem .item_name.non > a:hover{color:#e74336;}
.li_listItem .item_create{color:#939ca1;}
.li_listItem .item_create label{color:#333;font-weight:normal;}
.li_listItem .item_ctrl{position:relative;width:100%;height:100%;}
.li_listItem .item_ctrl .btn_ctrl{display:block;width:30px;height:30px;margin-top:-15px;position:absolute;top:50%;/* right:70px; */border:0;font-size:0;background:transparent url(/static/images/icon/icon_set_ctrl.png)no-repeat center center;}
.li_listItem .item_ctrl .btn_ctrl:hover,
.li_listItem .item_ctrl .btn_ctrl.active{background-image:url(/static/images/icon/icon_set_ctrl_on.png);}
.li_listItem .item_ctrl .btn_copy{display:block;width:30px;height:30px;margin-top:-15px;position:absolute;top:50%;right:70px;border:0;font-size:0;background:transparent url(/static/images/icon/icon_copy.png)no-repeat center center;}
.li_listItem .item_ctrl .btn_copy:hover {background-image:url(/static/images/icon/icon_copy_on2.png);}
.li_listItem .item_ctrl .btn_copy:before {content:"Copy"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:none; padding:5px 10px;
	background:#2e3b45; margin-top:-30px; border-radius:3px; color:#fff; line-height:1; font-size:12px; margin-left:-2px;}
.li_listItem .item_ctrl .btn_copy:after {content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:none;
	margin-top:-16px; width:0; height:0; border-top:6px solid #2e3b45; border-left:6px solid transparent; border-right:6px solid transparent;}
.li_listItem .item_ctrl .btn_copy:hover:before, .li_listItem .item_ctrl .btn_copy:hover:after {display:inline-block;}
.li_listItem .div_ctrl_view{display:block;width:150px;height:0;overflow:hidden;margin-left:-75px;position:absolute;top:-100px;right:10px;border-radius:3px;background-color:#fff;box-shadow:0 0 5px rgba(126,133,140,0.48);transition:all 0.5s ease;z-index:3;}
.li_listItem .div_ctrl_view.active{height:auto;overflow:inherit;}
.li_listItem .div_ctrl_view:before{display:block;content:'';width:16px;height:12px;margin-left:-8px;position:absolute;top:100%;left:50%;background:url(/static/images/icon/bg_view_connection.png) no-repeat center top;transform:rotate(-180deg);z-index:1;}
.li_listItem .div_ctrl_view > a{display:block;height:36px;line-height:36px;padding:0 10px 0 40px;color:#000;font-size:12px;text-align:left;background-repeat:no-repeat;background-position:10px center;}
.li_listItem .div_ctrl_view > a:hover{color:#fff;background-color:#2e3b45;}
.li_listItem .div_ctrl_view > a.rename_connection{background-image:url(/static/images/icon/icon_rename.png);}
.li_listItem .div_ctrl_view > a.rename_connection:hover{background-image:url(/static/images/icon/icon_rename.png);}
.li_listItem .div_ctrl_view > a.view_connection{background-image:url(/static/images/icon/icon_edit.png);}
.li_listItem .div_ctrl_view > a.view_connection:hover{background-image:url(/static/images/icon/icon_edit_on.png);}
.li_listItem .div_ctrl_view > a.copy_connection{background-image:url(/static/images/icon/icon_copy.png);}
.li_listItem .div_ctrl_view > a.copy_connection:hover{background-image:url(/static/images/icon/icon_copy_on.png);}
.li_listItem .div_ctrl_view > a.delete_connection{background-image:url(/static/images/icon/icon_delete.png);}
.li_listItem .div_ctrl_view > a.delete_connection:hover{background-image:url(/static/images/icon/icon_delete_on.png);}

.li_listItem:first-child .div_ctrl_view{top:30px;}
.li_listItem:first-child .div_ctrl_view:before{transform:inherit;top:-12px;}

.listItemRow{display:flex;align-items:center;padding:0;margin:0;list-style:none;position:relative;background-color:#fff;}
.listItemRow:hover{background-color:#f3fffe;}
.listItemRow > .listItemCol{flex:1;font-size:14px;}
.listItemRow > .listItemCol:after{display:none;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);z-index:2;}
.listItemRow > .listItemCol.disabled:after{display:block;}
.listItemRow .flex2{flex:2;}
.listItemRow .flex3{flex:3;}
.listItemRow .flex4{flex:4;}
.listItemRow .flex5{flex:5;}
.listItemRow .flex6{flex:6;}
.listItemRow .flex7{flex:7;}
.listItemRow .flex8{flex:8;}
.listItemRow .flex9{flex:9;}
.listItemRow .flex10{flex:10;}
.listItemRow .flex11{flex:11;}
.listItemRow .flex12{flex:12;}

.div_list_head .listItemRow{padding:0;}
.div_list_head .listItemRow > .listItemCol{height:45px;line-height:45px;color:#fff;font-size:17px;text-align:center;background-color:#2e3b45;}
.div_list_body .listItemRow{/*min-height:110px;*/border-bottom:1px solid #dfe4e5;}

/* 영역분할 */
.divisionWrap{background-color:#fff;box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);}
.divisionWrap > .divisionRow{display:flex;}
.divisionWrap > .divisionRow > .divisionCol{flex:1;position:relative;}
.divisionWrap > .divisionRow > .divisionCol.flex2{flex:2;}
.divisionWrap > .divisionRow > .divisionCol.flex3{flex:3;}
.divisionWrap > .divisionRow > .divisionCol.flex4{flex:4;}
.divisionWrap > .divisionRow > .divisionCol.flex5{flex:5;}
.divisionWrap > .divisionRow > .divisionCol.flex6{flex:6;}
.divisionWrap > .divisionRow > .divisionCol.flex7{flex:7;}
.divisionWrap > .divisionRow > .divisionCol.flex8{flex:8;}
.divisionWrap > .divisionRow > .divisionCol.flex9{flex:9;}
.divisionWrap > .divisionRow > .divisionCol.flex10{flex:10;}

/* 컨텐츠 공통 - 우측 슬라이드 레이어 */
.layerWrap{width:350px;padding-bottom:20px;position:fixed;top:60px;right:-360px;bottom:0;background-color:#fff;box-shadow:0 0 10px rgba(96,96,96,0.5);transition:all 0.3s ease;z-index:99;}
.layerWrap.active{right:0;}
.layerWrap .layerHead{height:45px;position:relative;color:#fff;;background-color:#2e3b45;}
.layerWrap .layerHead h3{display:block;line-height:45px;padding-left:20px;margin:0;font-size:18px;}
.layerWrap .layerBody{padding:10px 20px;}
.layerWrap .layerBody h4{display:block;line-height:40px;font-size:18px;font-weight:700;}
.layerWrap .layerFooter{padding:5px 10px;text-align:center;}
.layerWrap .layerClose{width:45px;height:45px;line-height:45px;padding:0;text-indent:-9999px;position:absolute;top:0;right:0;border:0;background:url(/static/images/common/icon_close_white.png) no-repeat center center;cursor:pointer;}

/* 팝업창 */
.wrap_layer{background-color:rgba(96,96,96,0.5);}
.modal-content{border:0;box-shadow:inherit;}
.layerTop .close{width:30px;height:30px;line-height:30px;padding:0;margin:0;text-indent:-9999px;position:absolute;top:20px;right:20px;border:0;background:url(/static/images/common/icon_close.png) no-repeat center center;cursor:pointer;}
.popupContent{padding:0 40px;}
.popupContent .popupHead{padding:10px 0;}
.popupContent .popupHead h3{display:block;padding:0;margin:0;font-size:26px;font-weight:700;letter-spacing:-1px;}
.popupContent .popupBody{padding:10px 0;}
.popupContent .popupBody h4{display:block;line-height:40px;font-size:18px;font-weight:700;}
.popupContent .popupBody .message{font-weight:bold;}
.popupContent .popupfooter{padding:30px 0;text-align:right;}

dl.dlWrap + dl.dlWrap{margin-top:20px;}
dl.dlWrap > dt{padding:5px 0;font-size:18px;}
dl.dlWrap > dd{padding:5px 0;}
dl.dlWrap.ddToggle > dt{position:relative;cursor:pointer;}
dl.dlWrap.ddToggle > dt .dd_showHide{display:block;width:30px;text-indent:-9999px;position:absolute;top:0;right:0;bottom:0;background:url(/static/images/common/icon_dd_down.png) no-repeat center center;}
dl.dlWrap.ddToggle > dd{height:0;padding:0;overflow:hidden;transition:all 0.2s ease;}
dl.dlWrap.ddToggle.active > dt{color:#00bbb0;}
dl.dlWrap.ddToggle.active > dt .dd_showHide{background:url(/static/images/common/icon_dd_down_on.png) no-repeat center center;}
dl.dlWrap.ddToggle.active > dd{height:auto;padding:10px 0;overflow:inherit;}
dl.dlWrap.dtLine > dt{border-bottom:1px solid #cad3d6;}

ul.tab_line > li.tab_menu {border-bottom:1px solid #cad3d6;}
ul.tab_line {padding-left:0;}
ul.tab_line:after {content:""; display:block; clear:both;} 
ul.tab_line li.tab_menu {float:left; padding-bottom:3px; width:50%; text-align:center; color:#939ca1; font-size:18px; cursor:pointer; list-style:none;}
ul.tab_line li.tab_menu.active {display:block; padding-bottom:0; color:#010101;}
ul.tab_line li.tab_menu.active span.line {display:block; margin:0 auto; width:80%; text-align:center; border-bottom:3px solid #333;}
.batchWrap .tab_list_box {overflow:hidden; display:none; width:100%;}
.batchWrap .tab_list_box.active {display:block;}


ul.inputWrap{padding:0;margin:0;font-size:14px;}
ul.inputWrap > li{display:flex;flex-direction:row;align-items:center;padding:5px 0;margin:0;list-style:none;}
ul.inputWrap > li > .li_th{flex:1;padding:0;margin:0;}
ul.inputWrap > li > .li_td{flex:2;}
ul.inputWrap .li_td input,
ul.inputWrap .li_td select{width:100%;}
ul.inputWrap .li_td input::placeholder{color:#cad3d6;}

/* 연결관리 */
.ul_list.div_connectionList{max-height:660px;overflow-x:hidden;overflow-y:auto;}
.ul_list.div_connectionList .progress{position:absolute;right:0;bottom:0;left:0;height:3px;margin-bottom:0;background-color:#e4f2f1;box-shadow:inherit;z-index:2;}
.ul_list.div_connectionList .progress > .progress-bar{height:3px;background-color:#50c8ea;}
.ul_list.div_connectionList .item_img > img{max-width:200px;}
.ul_list.div_connectionList .item_connectState.success{color:#50c8ea;}
.ul_list.div_connectionList .item_connectState.failed{color:#ff6e6e;}
.ul_list.div_connectionList .item_test .btn_test{padding-left:30px;padding-right:50px;background-image:url(/static/images/icon/icon_test.png);background-position:75% center;}
.ul_list.div_connectionList .item_test .btn_test:hover,
.ul_list.div_connectionList .item_test .btn_test.active{color:#fff;background-color:#0ebaaf;border:1px solid #0ebaaf;background-image:url(/static/images/icon/icon_test_on.png);}

/* 연결관리 - 커넥션 추가 - DB 선택 */
.connectionTypeList{padding:0;margin:0;max-height:720px;overflow-x:hidden;overflow-y:auto;}
.connectionTypeList > li{padding:10px 20px;margin:0;list-style:none;}
.connectionTypeList > li > a{display:block;line-height:58px;border-radius:10px;font-size:14px;text-align:center;border:1px solid #cad3d6;background-color:#fff;}
.connectionTypeList > li > a:hover{color:#fff;border:1px solid #00bbb0;}
.connectionTypeList > li > a.active{color:#fff;border:2px solid #00bbb0;}
.connectionTypeList > li > a > img{height:50px;}

.div_layer_addConnection .div_img{display:block;padding:5px 0 0 0;}
.div_layer_addConnection .div_img img{display:block;width:100px;height:100px;margin:0 auto;border-radius:50px;border:1px solid #d9d9d9;}
.div_layer_addConnection .div_img span{display:block;padding:5px;text-align:center;}
.div_connectionAdvancedSetting{margin-top:25px;}

/* 판독문 정형화 */
.ul_list.div_ProjectList{max-height:550px;overflow-x:hidden;overflow-y:auto;}
.ul_list.div_ProjectList .li_listItem .div_ctrl_view{top:-140px;}
.ul_list.div_ProjectList .li_listItem .div_ctrl_view.two{top:-50px;}
.ul_list.div_ProjectList .li_listItem:first-child .div_ctrl_view{top:30px;}
.ul_list.div_ProjectList .li_listItem:first-child .div_ctrl_view.two{top:30px;}
.ul_list.div_ProjectList .projectBatchResult{width:5px;position:absolute;top:0;left:0;bottom:0;}
.ul_list.div_ProjectList .projectBatchResult.complated{background-color:#50c8ea;}
.ul_list.div_ProjectList .projectBatchResult.stopping{background-color:#ff6e6e;}
.ul_list.div_ProjectList .item_step_progress{padding:0 20px;}
.ul_list.div_ProjectList .item_step_progress > .progress_value{padding:5px;text-align:center;}
.ul_list.div_ProjectList .item_step_progress > .progress{height:5px;background-color:#e4f2f1;}
.ul_list.div_ProjectList .item_step_progress > .progress > .progress-bar{display:block;height:5px;background-color:#50c8ea;box-shadow:inherit;}

.ul_list.div_ProjectList .btn_batch{width:180px;color:#fff;}
.ul_list.div_ProjectList .btn_batch.complated{border:1px solid #50c8ea;background-color:#50c8ea;}
.ul_list.div_ProjectList .btn_batch.complated:hover{border:1px solid #2e3b45;background-color:#2e3b45;}
.ul_list.div_ProjectList .btn_batch.stopping{border:1px solid #ff6e6e;background-color:#ff6e6e;}
.ul_list.div_ProjectList .btn_batch.stopping:hover{border:1px solid #2e3b45;background-color:#2e3b45;}

/* popup - batch Setting */
.batchSetting{}
.batchSetting .title{padding:5px 0;font-size:16px;font-weight:700;}
.batchSetting .option{position:relative;}
.batchSetting .option .create_switch{position:absolute;top:-30px;right:200px;}

.batchSetting .dbConnetcion{padding:0px 5px 10px 5px;}
.batchSetting .dbConnetcion .option button{min-width:120px;height:30px;line-height:28px;margin:4px 8px 4px 0;border-radius:15px;color:#fff;font-size:14px;text-align:center;transition:all 0.2s ease;}
.batchSetting .dbConnetcion .option button.red{border:1px solid #ff6e6e;background-color:#ff6e6e;}
.batchSetting .dbConnetcion .option button.red.selected,
.batchSetting .dbConnetcion .option button.red:hover{color:#ff6e6e;background-color:#fff;}
.batchSetting .dbConnetcion .option button.blue{border:1px solid #50c8ea;background-color:#50c8ea;}
.batchSetting .dbConnetcion .option button.blue.selected,
.batchSetting .dbConnetcion .option button.blue:hover{color:#50c8ea;background-color:#fff;}

.batchSetting .tableSetting{padding:0px 5px 10px 5px;}
.batchSetting .tableSetting .option select{width:150px;}
.batchSetting .tableSetting .option input[type=checkbox]{display:inline-block;margin:0 5px;border-radius:3px;}
.batchSetting .tableSetting.batchTable .option label{margin-bottom:0; color:#6d6d6d;}

.batchSetting .operationCycle{margin:10px 25px;position:relative;}
.batchSetting .operationCycle label{display:inline-block;vertical-align:top;height:30px;line-height:30px;padding:0 10px;}

.batchSetting .operationCycle .calendar_switch{position:absolute;top:-35px;right:0;}
.batchSetting .operationCycle .calendar_switch input[type=checkbox]#calendarSwitch{width:20px;height:20px;padding:0;margin:0;opacity:0;}
.batchSetting .operationCycle .calendar_switch input[type=checkbox]#calendarSwitch + label{display:block;width:30px;height:20px;line-height:inherit;padding:0;position:absolute;top:5px;left:0;border-radius:10px;border:1px solid #cad4d6;text-indent:-9999px;}
.batchSetting .operationCycle .calendar_switch input[type=checkbox]#calendarSwitch + label:after{display:block;content:'';clear:both;width:18px;height:18px;position:absolute;top:0;left:10px;border-radius:10px;background-color:#cad4d6;transition:all 0.2s ease;}
.batchSetting .operationCycle .calendar_switch input[type=checkbox]#calendarSwitch + label + .label_endDate{line-height:30px;padding:0;margin:0 5px 0 15px;}
.batchSetting .operationCycle .calendar_switch input[type=checkbox]#calendarSwitch + label + .label_endDate + .daterangepicker{border-radius:3px;position:absolute;top:0;left:200%;transition:all 0.2s ease;}

.batchSetting .operationCycle .calendar_switch input[type=checkbox]#calendarSwitch:checked + label:after{left:0;background-color:#00bbb0;}
.batchSetting .operationCycle .calendar_switch input[type=checkbox]#calendarSwitch:checked + label + .label_endDate + .daterangepicker{position:static;}

.batchSetting .operationCycle .radio_box {float:left; width:50%;}
.batchSetting .operationCycle .radio_box:after {content:""; display:block; margin-left:15px; width:100%; height:120px;}
.batchSetting .operationCycle .radio_box label {padding-left:0;}
.batchSetting .operationCycle .radio_box.box_row:after {background:url(/static/images/chart/pivot_1.png) no-repeat;}
.batchSetting .operationCycle .radio_box.box_col:after {background:url(/static/images/chart/pivot_2.png) no-repeat;}
.batchSetting .operationCycle .radio_box input {display:inline-block; margin:0 5px 0 0; border-radius:3px;}

.batchSetting .operationCycle .radio_info_box {padding-left:0;}
.batchSetting .operationCycle .radio_info_box:after {content:""; display:block; clear:both;}
.batchSetting .operationCycle .radio_info_box .info_list {float:left; margin-left:15px; padding:30px 25px 0 0;}
/* .batchSetting .operationCycle .radio_info_box .info_list:before {content:""; display:inline-block; width:3px; height:3px; background:#333; border-radius:5px;} */ 

.batchSetting .operationCycle .tabWrap{padding:20px 0 0;}
/* .batchSetting .operationCycle .tabWrap > .tabBar{padding:0 50px;}  lhk */
.batchSetting .operationCycle .date,
.batchSetting .operationCycle .time,
.batchSetting .operationCycle .day{width:180px;height:30px;line-height:30px;padding:0 10px;border:1px solid #c9d2d5;border-radius:3px;}
.batchSetting .operationCycle .day{width:70px;}
.batchSetting .operationCycle .day + label{padding:0 15px 0 0;font-weight:normal;}
.batchSetting .operationCycle .expression{width:400px;height:30px;line-height:30px;padding:0 10px;border:1px solid #c9d2d5;border-radius:3px;}
.batchSetting .operationCycle .weekSelect{display:flex;align-items:center;justify-content:center;padding:0 0 20px;margin:0;}
.batchSetting .operationCycle .weekSelect > .week{display:block;width:36px;height:36px;line-height:36px;margin:0 5px;font-size:15px;text-align:center;border:0;border-radius:18px;}
.batchSetting .operationCycle .weekSelect > .week.active{color:#fff;font-weight:700;background-color:#323e48;}

/* 데이터 */
#dataTable{}

/* 전치리규칙 */
.div_PreTreatmentList{max-height:550px;overflow-x:hidden;overflow-y:auto;}
.div_PreTreatmentList .li_listItem{border:1px solid #fff;border-bottom:1px solid #dfe4e5;}
.div_PreTreatmentList .li_listItem.selected{border:1px solid #0ebaaf;box-shadow:0 0 20px rgba(0,0,0,0.1);z-index:1;}
.div_PreTreatmentList .ui-sortable-handle.ui-sortable-helper{border:1px solid #0ebaaf;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.div_PreTreatmentList .listItemRow > .listItemCol:first-child{flex:inherit;width:150px;}
.div_PreTreatmentList .listItemRow > .listItemCol:last-child{flex:inherit;width:100px;}
.div_PreTreatmentList .item_title{padding:5px 0;font-size:15px;font-weight:700;}
.div_PreTreatmentList .item_option{display:flex;align-items:center;padding:0;margin:0;}
.div_PreTreatmentList .item_option label{padding:0 5px;}
.div_PreTreatmentList .item_option select{display:inline-block;width:150px;margin-left:5px;}
.div_PreTreatmentList .item_option .input_condition{display:inline-block;width:250px;margin-left:5px;}
.div_PreTreatmentList .item_option.option2 .select_change{display:none;}
.div_PreTreatmentList .item_option.option2 .select_change + .input_content{width:405px;margin-left:5px;}

.div_PreTreatmentList .item_option.option2 .select_change.active{display:inline-block;}
.div_PreTreatmentList .item_option.option2 .select_change.active + .input_content{width:250px;}

.div_PreTreatmentList .item_option.option2 .create_check{display:inline-block;margin-left:5px;}
.div_PreTreatmentList .item_option.option2 .input_content{display:inline-block;width:250px;}
.div_PreTreatmentList .sortable_handle{height:100px;text-indent:-9999px;border:0;background:url(/static/images/icon/icon_sortable.png) no-repeat center center;cursor:pointer;}
.div_PreTreatmentList .sortable_handle:hover{background:url(/static/images/icon/icon_sortable_on.png) no-repeat center center;}
.div_PreTreatmentList .btn_remove_rule{width:30px;height:30px;text-indent:-9999px;border:0;background:url(/static/images/icon/icon_delete.png) no-repeat center center;}
.div_PreTreatmentList .btn_remove_rule:hover{background:url(/static/images/icon/icon_delete_over.png) no-repeat center center;}

#pretreatmentTable{max-height:538px;}

/* 전처리규칙 - Apply popup */
.layer_pretreatment_apply{width:750px;right:-750px;}
.layer_pretreatment_apply .apply_option{padding:10px 0;}
.layer_pretreatment_apply textarea{min-height:200px;}
.layer_pretreatment_apply .layerClose{top:10px;right:10px;background-image:url(/static/images/common/icon_close.png);}

/* TA 호출 */
.TACallSetting{}
.TACallSetting .divisionCol{padding:20px 40px;}
.TACallSetting ul.inputWrap > li > .li_th{font-size:15px;}
.TACallSetting .item_select legend{padding:2px 0;font-weight:700;border-bottom:1px solid #cad3d6;}
.TACallSetting ul.item_option{height:500px;padding:4px 8px;margin:10px 0;overflow-y:auto;border:1px solid #cad3d6;}
.TACallSetting ul.item_option:hover{border:1px solid #00bbb0;}
.TACallSetting ul.item_option:after{display:block;content:'';clear:both;}
.TACallSetting ul.item_option > li{display:flex;align-items:center;float:left;width:33.3333%;padding:5px;margin:0;list-style:none;}

/* 후처리 규칙 */
.div_aftertreatment{display:flex;}
.div_aftertreatment > .div_left{flex:1 ; flex-shrink: 0; width: 352px; } 
/*  division height:705.6px; weight:352px; */
.div_aftertreatment > .div_left .divisionWrap{padding:15px 0; height:705.6px; width:352px;}
.div_aftertreatment > .div_right{flex:3;margin-left:20px;}
.div_aftertreatment > .div_right .divisionWrap{padding:20px 30px 30px;}
.div_aftertreatment .div_pageCtrl{padding:10px 0 15px 0;}

.aftertreatment_search{padding:0 20px 20px;}
.aftertreatment_search label{padding:5px 0;font-size:16px;font-weight:700;letter-spacing:-1px;}
.aftertreatment_search input[type=text]{width:100%;}

.div_category{height:480px;padding:0 15px;overflow-y:auto;}
.div_category .jstree-container-ul{border-top:1px solid #e5eaeb;}
.div_category .jstree-children > li > ul > li > a{padding-left:24px;}
.div_category .jstree-children > li > ul > li > ul > li > a{padding-left:48px;}
.div_category .jstree-node{margin-left:0;position:relative;background-image:none;}
/* jstree icon ---  .div_category .jstree-icon:empty{width:40px;height:40px;line-height:40px;}  */
.div_category .jstree-ocl{width:40px;height:40px;line-height:40px;position:absolute;top:0;right:0;z-index:1;}
.div_category .jstree-anchor{display:block;height:40px;line-height:40px;border-bottom:1px solid #e5eaeb;position:relative;}
.div_category .jstree-anchor .jstree-checked{display:block;height:40px;line-height:40px;border-bottom:1px solid #e5eaeb;position:relative; text-overflow:ellipsis; }
.div_category .jstree-anchor .jstree-themeicon{background:url(/static/images/icon/jtree_folder.png) no-repeat center center;}

/* LJY-match 및 direct css 추가*/
.div_category .jstree-anchor .jstree-match{background:url(/static/images/common/match.png) left center; position:absolute; right:10px; top:7px; width:50px;height:23px;}
.div_category .jstree-anchor .jstree-direct{background:url(/static/images/common/direct.png) left center; position:absolute; right:10px; top:7px;width:50px;height:23px;}

/* LJY-check가 여려개 보이는 부분 주석*/
.div_category .jstree-open > .jstree-ocl{background:url(/static/images/icon/jtree_up.png) no-repeat left center;}
.div_category .jstree-closed > .jstree-ocl{background:url(/static/images/icon/jtree_down.png) no-repeat left center;}
.div_category .jstree-anchor.jstree-clicked{position:relative;}
.div_category .jstree-anchor.jstree-clicked{background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #999999;}
/*.div_category .jstree-anchor.jstree-clicked .jstree-themeicon{background:url(/static/images/icon/jtree_folder_on.png) no-repeat center center;}*/
.div_category .jstree-node[aria-selected=true].jstree-closed > .jstree-ocl{background:url(/static/images/icon/jtree_up.png) no-repeat left center;}
.div_category .jstree-node[aria-selected=true].jstree-open > .jstree-ocl{background:url(/static/images/icon/jtree_down.png) no-repeat left center;}
.div_category .jstree-node[aria-selected=false].jstree-closed > .jstree-ocl{background:url(/static/images/icon/jtree_up.png) no-repeat left center;}
.div_category .jstree-node[aria-selected=false].jstree-open > .jstree-ocl{background:url(/static/images/icon/jtree_down.png) no-repeat left center;}
.div_category .jstree-leaf > .jstree-ocl{display:none;}
.div_category .jstree-node.jstree-leaf .jstree-anchor .jstree-themeicon{background:url(/static/images/icon/jtree_file.png) no-repeat center center;}
/*.div_category .jstree-node.jstree-leaf .jstree-anchor.jstree-clicked .jstree-themeicon{background:url(/static/images/icon/jtree_file_on.png) no-repeat center center;}*/

.divisionWrap > .divisionRow > .divisionCol.common_setting{flex:inherit;width:380px;}
.common_setting .sub_title{padding:3px 0;font-size:20px;font-weight:900;}
.common_setting .border_box{height:470px;padding:15px 20px;border:1px solid #cad3d6;border-radius:3px;}
.common_setting .box_title{padding:5px 0;font-size:16px;font-weight:900;}
.common_setting .setting_group + .box_title{margin-top:20px;}

.common_setting .setting_group{margin-bottom:20px;}
.common_setting .setting_title{padding:2px 0;font-size:15px;font-weight:700;}
.common_setting .setting_group input[type=text],
.common_setting .setting_group select{width:100%;margin-top:10px;}
.common_setting .setting_group button + button{margin-left:10px;}
.common_setting .setting_group input + label{padding:0 10px 0 5px;}

.common_setting ul.setting_group{padding:0;margin:0 0 20px 0;}
.common_setting ul.setting_group:after{display:block;content:'';clear:both;}
.common_setting ul.setting_group > li{float:left;width:50%;padding:0;margin:0;list-style:none;}
.common_setting ul.setting_group > li:first-child{padding-right:10px;}
.common_setting ul.setting_group > li:last-child{padding-left:10px;}

.code_value{padding:20px;margin-top:20px;border-radius:3px;box-shadow:0 0 10px 0 rgba(0,0,0,0.15);}
.code_value input[type=text]{width:100%;}

.common_setting .btn{margin:0;}
.btn_remove_setting{width:30px;height:30px;margin-left:10px;text-indent:-9999px;text-indent:-9999px;border:0;background:url(/static/images/icon/icon_delete.png) no-repeat center center;}

/* 후처리규칙 */
.div_aftertreatment .btn_addRule{position:absolute;top:20px;right:0;}
.div_aftertreatmentList{max-height:343px;overflow-x:hidden;overflow-y:auto;}
.div_aftertreatmentList .li_listItem{border:1px solid #fff;border-bottom:1px solid #dfe4e5;}
.div_aftertreatmentList .li_listItem.selected{border:1px solid #0ebaaf;box-shadow:0 0 20px rgba(0,0,0,0.1);z-index:1;}
.div_aftertreatmentList .ui-sortable-handle.ui-sortable-helper{border:1px solid #0ebaaf;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.div_aftertreatmentList .listItemRow{padding:5px 0;}
.div_aftertreatmentList .listItemRow > .listItemCol:first-child{flex:inherit;width:60px;}
.div_aftertreatmentList .listItemRow > .listItemCol:last-child{flex:inherit;width:50px;}
.div_aftertreatmentList .item_title{width:70px;padding:0 5px;font-weight:700;text-align:right;}
.div_aftertreatmentList .item_group{min-width:25%;}
.div_aftertreatmentList .item_group .create_radio > input[type=radio] + label{font-size:14px;}
.div_aftertreatmentList .item_option{display:flex;align-items:center;padding:3px 0;}
.div_aftertreatmentList .item_option .item_title{padding-right:5px;}
.div_aftertreatmentList .item_option select{display:inline-block;width:30%;margin-left:5px;}
.div_aftertreatmentList .item_option.option1 .item_group,
.div_aftertreatmentList .item_option.option2 .item_group{width:calc(100% - 70px);}
.div_aftertreatmentList .item_option .input_condition{display:inline-block;width:30%;margin-left:5px;}
.div_aftertreatmentList .item_option .input_content{display:inline-block;margin-left:5px;}
.div_aftertreatmentList .item_option.option2 .select_change{display:none;}
.div_aftertreatmentList .item_option.option2 .select_change + .input_content{display:inline-block;width:calc(60% + 8px);}
.div_aftertreatmentList .item_option.option2 .select_change.active{display:inline-block;}
.div_aftertreatmentList .item_option.option2 .select_change.active + .input_content{width:30%;}
.div_aftertreatmentList .item_option.option2 .create_check{display:inline-block;width:30%;margin-left:5px;}
.div_aftertreatmentList .sortable_handle{height:100px;text-indent:-9999px;border:0;background-image:url(/static/images/icon/icon_sortable.png);background-repeat:no-repeat;background-position:center center;background-size:40px auto;cursor:pointer;}
.div_aftertreatmentList .sortable_handle:hover{background-image:url(/static/images/icon/icon_sortable_on.png);}
.div_aftertreatmentList .btn_remove_rule{width:30px;height:30px;text-indent:-9999px;border:0;background-color:transparent;background-image:url(/static/images/icon/icon_delete.png);background-repeat:no-repeat;background-position:center center;}
.div_aftertreatmentList .btn_remove_rule:hover{background-image:url(/static/images/icon/icon_delete_over.png);}

.create_page{height:545px;padding:120px 100px 0;}
.create_page .cate_title{padding:5px 0;font-size:18px;color:#0ebaaf;font-weight:700;letter-spacing:-1px;}
.create_page .cate_title2{padding:0 0 25px;color:#010101;font-size:26px;font-weight:900;letter-spacing:-1px;}
.create_page input[type=text]{width:100%;margin:10px 0;}
.create_page .btn{margin:0;}

.resultArea{height:545px;padding:40px 0 0 30px;position:relative;}
.resultArea .tabWrap > .tabBar{padding:0;}
.resultArea .tabWrap > .tabContent{padding:0;}

/* ========= 테이블 스타일 ========= */
.table-wrap {position:relative; max-height:calc(100vh - 427px); overflow-y:auto; box-shadow:0 5px 10px 0 rgb(0 0 0 / 10%);}
.table-wrap .tit {margin-bottom:20px; font-size:26px; font-weight:bold; text-align:center;}
.table-wrap .table {margin-bottom:0; width:100%; background:#fff; }
.table-wrap .table caption {overflow:hidden; position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; opacity:0;}
.table-wrap .table thead th {position:sticky; top:0; padding:12px; color:#fff;text-align:center; font-size:14px; font-weight:normal; background:#2e3b44;}
.table-wrap .table tbody td {padding:12px 5px; border-top:1px solid #dfe4e5;  white-space : nowrap;}
.td.table_upload_td {width:80%; }

/* 페이징 이전, 다음버튼 비활성화시*/
.table-wrap .pagination {color:#9ca1a6;} 
.table-wrap .pagination>li>a, .pagination>li>span {color:#333; background:none; border:0;}
.table-wrap .pagination> li.on > a, .pagination > li.on > a:focus, .pagination > li.on > a:hover {color:#0ebaaf; background:#fff;}

.div_pageContent .table-hover>tbody>tr:hover {background-color:#f3fffe;}
.div_pageContent .table>thead>tr>th {border:0;}

/* ========= 공통 : 데이터 결과, 전처리 규칙 결과, 후처리 규칙 결과 ========= */
.inner {max-width:1280px; margin:0 auto;}

.div_pageCtrl.resultCtrl span.txt {display:inline-block; padding-top:6px; vertical-align:middle;}
.div_pageCtrl.resultCtrl .btn.btn_next {float:right;}
.div_pageCtrl.resultCtrl .btn.btn_redo {margin-right:5px;}
.div_pageCtrl.resultCtrl .btn.btn_apply {float:right;}
.div_pageCtrl.resultCtrl .btn.btn_download {float:right; margin-right:5px;}


/* ========= 데이터 엑셀 업로드 ========= */
.data_wrap  {padding-bottom:30px; background:#fff;}
.data_type_area {padding-top:30px;}
.data_type_area p {margin-bottom:10px; font-size:15px; color:#2e3b45; font-weight: 700;}
.data_type_area .tab_menu {height:100%;}
.data_type_area .tab_menu ul.data_select {margin:0 auto; padding-left:0;}
.data_type_area .tab_menu ul.data_select:after {content:""; display:block; clear:both;}
.data_type_area .tab_menu ul.data_select li {position:relative; float:left; margin-right:2%; width:49%; font-size:14px; text-align:center; list-style:none;}
.data_type_area .tab_menu ul.data_select li:last-child {margin-right:0;}
.data_type_area .tab_menu ul.data_select li.active {display:block; box-shadow:0px 5px 10px 0 rgb(0 0 0 / 10%);}
.data_type_area .tab_menu ul.data_select > li.active > a, .data_select > li.active > a:focus, .data_select > li.active > a:hover {border-color:#005cc8;}
.data_type_area .tab_menu ul.data_select li.item_excel {background-image:url(/static/images/icon/excel-seeklogo_off.png);background-repeat:no-repeat;background-size:40px;/*background-position:60px center;*/}
.data_type_area .tab_menu ul.data_select li.item_excel.active {background-image:url(/static/images/icon/excel-seeklogo.png);}
.data_type_area .tab_menu ul.data_select li.item_db {background-image:url(/static/images/icon/icon_data_database.png);background-repeat:no-repeat;background-size:40px;/*background-position:60px center;*/}
.data_type_area .tab_menu ul.data_select li.item_db.active {background-image:url(/static/images/icon/icon_data_database_on.png);}
.data_type_area .tab_menu ul.data_select li.active label {color:#000; border:1px solid #1dbaaf;}
.data_type_area .tab_menu ul.data_select li input[type="radio"] {display:none; position:absolute; top:15px; left:15px; font-size:16px;}
.data_type_area .tab_menu ul.data_select li input[type="radio"]:checked + .data_type_area .data_select li label {border-color:#005cc8;}
.data_type_area .tab_menu ul.data_select li label {/*padding:34px;*/ padding: 10px 10px 10px 30px; width:100%; color:#939ca1; border:1px solid #cad3d6; border-radius:5px; cursor:pointer;}

.data_type_area .tab_menu .tab_list_box {overflow:hidden; display:none; margin-top:30px; width:100%;}
.data_type_area .tab_menu .tab_list_box.active {display:block;}
.data_type_area .tab_menu .tab_list_box .file_upload{position:relative;}
/* .data_type_area .tab_menu .tab_list_box .file_upload:before{display:block;content:'프로젝트 데이터 파일 추가';height:30px;line-height:30px;padding:0 50px 0 70px;margin-left:-150px;position:absolute;bottom:80px;left:50%;color:#00bbb0;text-align:center;border:1px solid #00bbb0;border-radius:3px;background:url(/static/images/icon/icon_plus_add.png) no-repeat 40px center;} */
.data_type_area .tab_menu .tab_list_box .file_upload:hover:before{color:#fff;border:1px solid #2e3b45;background:#2e3b45 url(/static/images/icon/icon_plus_on.png) no-repeat 40px center;}
.data_type_area .tab_menu .tab_list_box .file_upload .dropzone{min-height:350px;border:2px dashed #cad3d6;background:url(/static/images/icon/upload.png) no-repeat center center;}
.data_type_area .tab_menu .tab_list_box .file_upload .dropzone .dz-message{font-size:20px;}

.data_type_area .db_content {margin:0 auto;}
.data_type_area .db_content:after {content:""; display:block; clear:both;}
.data_type_area .db_content .sub_tit {font-size:18px;}
.data_type_area .db_content .div_pageCtrl {padding:0;} 
.data_type_area .db_content .div_pageCtrl h3.sub_tit {display:inline-block; font-size:17px; font-weight:700;}
.data_type_area .db_content .div_pageCtrl .btn_start {float:right;}
.data_type_area .db_content .conection_area {margin-top:10px;}
.data_type_area .db_content .conection_area .db_list_box {padding:0;}
.data_type_area .db_content .conection_area .db_list_box .db_list {margin-bottom:10px; list-style:none;}
.data_type_area .db_content .conection_area .db_list_box .db_list button {min-width:120px; height:30px; line-height:28px; margin:4px 8px 4px 0; border-radius:15px; color:#fff; 
font-size:14px; text-align:center; transition:all 0.2s ease;  padding:0px 15px;}
.data_type_area .db_content .conection_area .db_list_box .db_list .red {border:1px solid #ff6e6e; color:#fff; background-color:#ff6e6e;}
.data_type_area .db_content .conection_area .db_list_box .db_list .red:hover {color:#ff6e6e; background-color:#fff;}
.data_type_area .db_content .conection_area .db_list_box .db_list .blue {border:1px solid #50c8ea; color:#50c8ea; background-color:#fff;}
.data_type_area .db_content .conection_area .db_list_box .db_list .blue:hover {color:#fff; background-color:#50c8ea;}

.data_type_area .db_content .query_area {margin-top:10px;}
.data_type_area .db_content .query_area .txt_area {overflow-y:auto; width:100%; height:291px; outline-color:#00bbb0;}

/* ========= 정답지 비교 ========= */ 
 /* 탭 - 상단 */
.tabWrap > .tabBar.div_wizard_answer {display:block;padding:0;margin:0;text-align:center;background:#fff;border-bottom:0;}
.tabWrap > .tabBar.div_wizard_answer > li {display:inline-block;vertical-align:top;width:25%;padding:0;margin:0;list-style:none;}
.tabWrap > .tabBar.div_wizard_answer > li > a {display:block;height:50px;line-height:50px;position:relative;font-size:22px;text-align:center;color:#939ca1;font-weight:700;}
.tabWrap > .tabBar.div_wizard_answer > li > a:after{background-color:#0ebaaf}
.tabWrap > .tabBar.div_wizard_answer > li.active > a {color:#000;}

/* 정확도 통계 */
.div_statistics {display:flex;}
.div_statistics > .div_left {flex:1;}
.div_statistics > .div_left .divisionWrap {padding:20px 30px 30px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);}
.div_statistics > .div_right {flex:1; margin-left:20px;}
.div_statistics > .div_right .divisionWrap {padding:20px 30px 30px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);}
.div_statistics .div_pageCtrl {padding:25px 0 10px 0;}

.divisionWrap .sub_title {display:inline-block; margin-right:15px; font-size:20px; font-weight:700;}
.divisionWrap .div_table {position:relative; overflow-y:auto; margin-top:10px; height:370px;}
.divisionWrap .div_table .tit {margin-bottom:20px; font-size:26px; font-weight:bold; text-align:center;}
.divisionWrap .div_table .table {margin-bottom:0; width:100%; background:#fff;}
.divisionWrap .div_table .table caption {overflow:hidden; position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; opacity:0;}
.divisionWrap .div_table .table thead {color:#fff;}
.divisionWrap .div_table .table thead th {position:sticky; top:0; padding:13px 0; text-align:center; height:40px; font-size:14px; font-weight:normal; background:#2e3b44;}
.divisionWrap .div_table .table tbody td {max-width:100px; height:50px; vertical-align:middle; text-align:center; word-break:break-all;}

.wronganswer .table-wrap {height:448px;}

@media all and (max-width:1400px) {
	
}