/* All 
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:100,300,400,700,800|Noto+Sans+KR:100,300,400,500,700,900|Roboto:100,300,400,500,700,900&subset=korean');
*/

/* noto-sans-kr-regular - korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/noto-sans-kr-v9-korean-regular.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
         url('../../fonts/noto-sans-kr-v9-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../fonts/noto-sans-kr-v9-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../fonts/noto-sans-kr-v9-korean-regular.woff') format('woff'), /* Modern Browsers */
         url('../../fonts/noto-sans-kr-v9-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../fonts/noto-sans-kr-v9-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - korean */
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url('../../fonts/noto-sans-kr-v9-korean-500.eot'); /* IE9 Compat Modes */
   src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('../../fonts/noto-sans-kr-v9-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/noto-sans-kr-v9-korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/noto-sans-kr-v9-korean-500.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/noto-sans-kr-v9-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/noto-sans-kr-v9-korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - korean */
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url('../../fonts/noto-sans-kr-v9-korean-700.eot'); /* IE9 Compat Modes */
   src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../../fonts/noto-sans-kr-v9-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/noto-sans-kr-v9-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/noto-sans-kr-v9-korean-700.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/noto-sans-kr-v9-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/noto-sans-kr-v9-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}


/* All */
html, body { 
    height:100%; 
    font-family: 'Noto Sans KR', sans-serif;
    /*
    font-family: 'Roboto', sans-serif;
    font-family: 'Nanum Gothic', sans-serif;*/
}

ul { margin-bottom: 0;}
li, ol, dd { list-style: none;}
img { vertical-align: middle;}
i.fa, i.fas { vertical-align: middle;}
/*
textarea:focus { outline: none; box-shadow: unset; }
button:focus { outline: none; box-shadow: unset;}
input:focus { outline: none; box-shadow: unset;}
.custom-select:focus { box-shadow: unset;}
textarea:focus, button:focus, input:focus {outline: none;}
*/
.easyui-datagrid { position: relative; height: auto; overflow: hidden;}

/* table style */
.tbl_type4         { border:0;}
.tbl_type4 th,
.tbl_type4 td      { border:0;}
.tbl_type4         { width:100%; border:1px solid #dddee2; font-size:14px; /*table-layout:fixed*/}
.tbl_type4 caption { display:none}
.tbl_type4 th      { padding:8px 20px; border-top:1px solid #dddee2; background:#f1f1f3; color:#666; font-weight:bold; text-align:left; vertical-align:middle;}
.tbl_type4 td      { padding:8px 12px; border-top:1px solid #dddee2; line-height:16px; vertical-align:middle;}
.tbl_type4.table-bordered,
.tbl_type4.table-bordered th,
.tbl_type4.table-bordered td { border: 1px solid #dddee2;}

/* table 추가 속성 */
.tbl_ver,.tbl_ver th,.tbl_ver td { border:0; font-size: .85rem; }
.tbl_ver {width:100%; border:1px solid #dddee2; font-size:12px;}
.tbl_ver caption { display:none; }
.tbl_ver th { padding:8px 10px; border-top:1px solid #dddee2; background:#f1f1f3; color:#666; font-weight:bold; text-align:left; vertical-align:middle; min-width: 120px;}
.tbl_ver td { padding:8px 10px; border-top:1px solid #dddee2; line-height:16px; vertical-align:top}

.tbl_hor,.tbl_hor th,.tbl_hor td { border:0; font-size: .85rem;}
.tbl_hor { width:100%; border-bottom:2px solid #dcdcdc; text-align:center; border-collapse:collapse; }
.tbl_hor caption { display:none; }
.tbl_hor tfoot { background-color:#d2e3e3; font-weight:bold; color:#F00; }
.tbl_hor th { padding:7px 5px 4px;border-top:2px solid #dcdcdc; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background-color:#f1f1f3; color:#666; font-weight:bold; text-align: center;}
.tbl_hor td { padding:6px 5px 4px;border:1px solid #e5e5e5;color:#4c4c4c}
.tbl_hor td.ranking { font-weight:bold; }

table td.subject { text-align: left;}
table td.date { white-space: nowrap;}

.tbl_ver td div.tbl-cnt,
.tbl_ver td div.tbl-cnt textarea { min-height: 200px;}
.tbl_ver td div.tbl-cnt iframe { height: 330px !important;}

/* 기본 스타일 수정 */
.page-wrapper { background: #fff;}
.topbar, .topbar .top-navbar { height: 60px;}
.topbar .top-navbar .navbar-header { line-height: 60px;}
.topbar .top-navbar .navbar-header .navbar-brand { padding: 0; }
.card { margin-bottom: 10px;}

/* 레이아웃 공통 */
i { vertical-align: middle;}
.hidden {display: none;}
.navbar-collapse .navbar-nav { float: right; text-align: right; font-size: 14px;}
.navbar-light .navbar-nav .nav-link { color: #666 !important;}
.topbar .top-navbar .navbar-nav > .nav-item:hover { background: none;}
.navbar-collapse .navbar-nav .nav-item i { font-size: 16px; padding-top: 5px;}
.navbar-collapse .navbar-nav .nav-item span { font-weight: 800;}
.topbar .top-navbar .navbar-nav > .nav-item .btn { margin-top: -3px;}
.topbar .top-navbar .navbar-header { border-right:0 !important; }
.topbar .top-navbar .navbar-nav .top-mem { margin-left: 10px; cursor: pointer;}
.topbar .top-navbar .navbar-nav .top-mem a {display: inline-block; height: 39.2px;}
.topbar .top-navbar .navbar-nav .top-mem span { display: block; width: 50px; text-align: center;}
.topbar .top-navbar .navbar-nav .top-mem span.txt { font-size: 12px; font-weight: bold; color: #666;}
.logo-icon { padding-left: 20px; line-height: normal;}
.page-wrapper > .container-fluid {clear: both; min-height: calc(100vh - 150px); padding-bottom:10px;}
.left-sidebar { padding-top: 80px;}
.left-sidebar,
.sidebar-nav ul .sidebar-item { width: 200px;}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #f18723;
    background-color: #f18723;
}

.btn-confirm, .btn-info       { background-color: #0162b1; border-color: #0162b1; color: #fff;}
.btn-confirm:hover,.btn-info:hover { background-color: #005396; border-color: #005396; color: #fff;}
.footer { font-size: 14px; padding: 0 20px 10px;}
.footer .copyright { padding-top: 5px; font-size: 12px;}
.footer .sitelink { width: 192px ;}
.footer .sitelink select { height: 24px; font-size: 12px; line-height: 12px; padding: 1px 5px 2px; /*background: rgba(0,0,0,0.09);*/ border: 1px solid rgba(0, 0, 0, 0.1);}
.sitelink button {margin-top:5px; background:#fff; color:#343a40; border:1px solid rgba(0, 0, 0, 0.1);}
.sitelink button:focus {border-color:#b8dafd !important; outline:1px solid #b8dafd;}

.tab-section { position: relative; clear: both; height: auto; overflow: hidden; margin-bottom: 10px;}
.tab-section .info-txt { display: block; float: right;}
.tab-section .info-txt span { font-weight : bold;}
.tab-section button.helpbtn { display: block; float: right; margin-right:10px; height: 21px; line-height:normal; padding: 0 5px 2px; font-size:11px; font-weight: 500; background:#fff; border-radius:4px; border:1px solid #0162b1; color: #0162b1; }
.tab-section > .nav > .nav-item > a { color: #656565; font-weight: 600;}
.tab-section > .nav > .nav-item > a.active { color: #010101;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { border-top: 2px solid #0162b1;}

.nav-tabs.second > .nav-item > a { background: #fff; color: #656565; font-weight: 600; padding: 0.3rem 1rem; font-size: 13px; font-weight: 500; border: 1px solid #e9ecef; border-bottom: none;}
.nav-tabs.second > .nav-item > a.active { background: #1f8abf; color: #fff;}
.nav-tabs.second > .nav-item > a span { padding: unset;}
.nav-tabs.second .nav-link.active, .nav-tabs .nav-item.show .nav-link { border-top: none;}

.inline-form { display: inline-block;}



/* 페이지 상단 검색 영역 */
.cnt-top-section {position: relative; height: auto; overflow: hidden; background:#f6fafc; border:1px solid #95b8e7; border-top:2px solid #0162b1;}
.cnt-top-section .cnt-top-search { position: relative; overflow: hidden; font-size: 16px; /*border-bottom: 1px solid rgba(0,0,0,.1);*/}
.cnt-top-section .cnt-top-search:last-child { padding-bottom: 15px;}
.cnt-top-section .cnt-top-search label { font-weight: normal;}
.cnt-top-section .cnt-top-search .form-check { margin-right: 10px;}
.cnt-top-section .cnt-top-search span { display: inline-block; vertical-align: top; padding: 15px 10px 0px 30px; border-color: #e9ecef;}

.cnt-top-section .cnt-top-search .tit { /*padding-right: 60px;*/ min-width:110px; padding-bottom: 0px; font-weight: 800; color: #333; /*border-right: 1px solid rgba(0,0,0,.1);*/}
.cnt-top-section .cnt-top-search .cntarea { min-width: 65%;}
.cnt-top-section .cnt-top-search .btn-area { padding-top: 10px; padding-right: 30px; float: right;}
.cnt-top-section .cnt-top-search .btn-area button { width: 100px; height: 35px; color: #333; font-weight: 600; background:#fff; border-radius:4px; border:1px solid #7e7e7e;}
.cnt-top-section .btn-area button { width: 100px; height: 35px; color: #333; font-weight: 600; background:#fff; border-radius:4px; border:1px solid #7e7e7e;}
.cnt-top-section .cnt-top-search .custom-select { font-weight: 800; border-radius: 5px; height: calc(1.5em + 0.75rem); padding: 0.2rem 1.75rem 0.2rem .75rem; margin-top: -5px; font-size: 14px; border-color:#c2cbd3;}
.cnt-top-section .cnt-top-search .custom-control-label::after, .cnt-top-search .custom-control-label::before { top: 4.5px;}

/*.cnt-top-section .cnt-top-search .tit.mti { min-width: 154.3px;}*/
.cnt-top-section .cnt-top-search .tit.nat { /*border-left: 1px solid rgba(0,0,0,.1);*/ padding-right: 10px; min-width:auto;}
.cnt-top-section .cnt-top-search .cntarea.mti { min-width: 30%;}
.cnt-top-section .cnt-top-search .cntarea.nat { min-width: 35%;}
.cnt-top-section .cnt-top-search .cntarea.nat select { font-weight: normal;}
.cnt-top-section .cnt-top-search .form-control.inline-block { display: inline-block; border-color:#c2cbd3;}
.cnt-top-section .cnt-top-search input[type="text"] { border-radius: 5px; height: calc(1.5em + 0.75rem); margin-top: -6px;}
.cnt-top-section .cnt-top-search .cntarea button { border-radius: 5px; height: calc(1.5em + 0.75rem); margin-top: -3px;}

.cnt-top-section .data-info { position: relative; height: auto; overflow: hidden; padding: 10px 20px;}
.cnt-top-section .data-info .txt { float: left; font-weight: 400;}
.cnt-top-section .data-info .txt span { font-weight: 500;} 
.cnt-top-section .data-info .btn { float: right; padding: 0; font-size: 18px;}
.cnt-top-section .data-info .btn .fa-file-excel { color: #1c95c0;}
.cnt-top-section .data-info .btn .fa-print { color: #6772e6;}
.cnt-top-section .data-info .btn a:last-child { margin-left: 10px;}

.cnt-top-section br { display: none;}

.cnt-top-search .cntarea.nat span.textbox { padding:0; margin-top: -5px; width: 100% !important; border-color:#c2cbd3 !important;}
.combo-arrow, .combo-arrow:hover {background-color: #cbe1ff !important;}
.cnt-top-search .cntarea.nat span.textbox .textbox-addon { padding:0;}
.cnt-top-search .cntarea.nat span.textbox .tagbox-label  { padding:0 20px 0 10px;}

.cnt-top-section .cnt-top-search .cntarea.mti .custom-select { margin-bottom: 0 !important; width:100px; vertical-align: bottom;}

/* 정보 표시 영역 */
.cnt-info-section { background: none; font-size: 14px; color: #333;}
.cnt-info-section .unit { font-size: 12px;}
.cnt-info-section .unit .custom-select { height: auto; padding: 2px 5px; font-size: 12px; width: auto; min-width: 100px; margin-top: -3px; background-color: #fff; border: 1px solid #ccc;}
.cnt-info-section .unit button { margin-right:10px; height: 21px; line-height:normal; padding: 0 5px 2px; font-size:11px; font-weight: 500; background:#fff; border-radius:4px; border:1px solid #007236; color: #007236; }
.cnt-info-section i.fa-exclamation-circle { color: #6c6c6c;}

/* 데이터 테이블 영역 */
.data-tbl-section { position: relative; height: auto; overflow: hidden; margin-top: 10px; border-top: 2px solid #0162b1;}
.data-tbl-section .sbtn-nat { display: inline-block; padding: 0px 6px; margin-right: 2px; background: #4C98C9; color: #000; font-size: 11px;}
.data-tbl-section .sbtn-wgt { display: inline-block; padding: 0px 6px; margin-right: 2px; background: #41BEB0; color: #000; font-size: 11px;}
.data-tbl-section .sbtn-ind { display: inline-block; padding: 0px 6px; margin-right: 2px; background: #fd8f40; color: #000; font-size: 11px;}
.data-tbl-section .datagrid-btable tbody tr td div span.td_right {display:block; width:100%; text-align:right;}
.data-tbl-section .datagrid-btable tbody tr td div span.td_left {display:block; width:100%; text-align:left;}

.sBtn.natBg .datagrid-view {padding : 0px; margin : 0px; border: 3px solid #B3DEFF;}
.sBtn.natBg .datagrid-view .datagrid-htable td{padding : 0px; margin : 0px; background-color: #B3DEFF; color : #333}
.sBtn.natBg .datagrid-view .datagrid-header-inner{padding : 0px; margin : 0px; background-color: #B3DEFF; color : #fff}

.sBtn.wgtBg .datagrid-view {padding : 0px; margin : 0px; border: 3px solid #42dccb;}
.sBtn.wgtBg .datagrid-view .datagrid-htable td{padding : 0px; margin : 0px; background-color: #42dccb; color : #333}
.sBtn.wgtBg .datagrid-view .datagrid-header-inner{padding : 0px; margin : 0px; background-color: #42dccb  ; color : #fff}

.sBtn.indBg .datagrid-view {padding : 0px; margin : 0px; border: 3px solid #fcb27d;}
.sBtn.indBg .datagrid-view .datagrid-htable td{padding : 0px; margin : 0px; background-color: #fcb27d; color : #333}
.sBtn.indBg .datagrid-view .datagrid-header-inner{padding : 0px; margin : 0px; background-color: #fcb27d; color : #fff}

/*.datagrid-btable tr.datagrid-row-selected .dg_datagrid-cell-c3-hs_cd a,
.datagrid-btable tr.datagrid-row-selected .dg_datagrid-cell-c2-hs_cd a,
.datagrid-btable tr.datagrid-row-selected td:first-child a { color:#fff;}*/

/* 상단 메뉴 */
#main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidebar-nav #sidebarnav > .sidebar-item > .has-arrow:after { display: none !important;}
#main-wrapper[data-layout="horizontal"] .left-sidebar,
.left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul { background: #0162b1 !important;}
.sidebar-nav ul .sidebar-item .sidebar-link { padding: 8px 15px;}
.sidebar-nav ul .sidebar-item .hide-menu { display: block !important; margin-left: auto !important; margin-right: auto !important;}
#main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin6"] .sidebar-nav ul .sidebar-item .sidebar-link { font-size: 17px; color: rgba(255,255,255,1) !important; opacity: 1;}
#main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidebar-nav #sidebarnav li:hover,
#main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidebar-nav #sidebarnav li.active { background: #fff; color: #336fa1; border-top: 1px solid #0162b1; border-bottom: 1px solid #0162b1;}
#main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidebar-nav #sidebarnav li:hover a span,
#main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidebar-nav #sidebarnav li.active a span { color: #336fa1; font-weight: 900;}
#main-wrapper[data-layout="horizontal"] .left-sidebar .sidebar-nav ul .sidebar-item .sidebar-link span.mdi { vertical-align: middle;}

/* mtiTree */
.easyui-window #mtiTree thead th                { padding:10px 0;}
.easyui-window #mtiTree thead th:nth-child(odd) { background: #d4f1ff; padding:10px 0;}
.easyui-window #mtiTree tbody td:nth-child(odd) { background: #f6fcff;}
.easyui-window #mtiTree tbody .small td         { font-size : 12px; letter-spacing: -1px;}
.easyui-window #mtiTree { position: relative; padding: 10px;}
.easyui-window #mtiTree > div { padding-left: 0; padding-right: 0;}
.easyui-window #mtiTree .tit { background: #c2ebff; padding:10px 0; text-align: center; font-weight: 500;}
.easyui-window #mtiTree > div:nth-child(odd) .tit { background: #d4f1ff; }
.easyui-window #mtiTree .cnt { background: #eaf8ff; letter-spacing: -1px; padding:10px; min-height: 300px;}
.easyui-window #mtiTree .cnt > div { padding: 2px 0;}
.easyui-window #mtiTree > div:nth-child(odd) .cnt { background: #f6fcff;}

/* 기준정보관리 */
.baseinfoset .cnt-top-search .tit.mti { min-width: 125px;}
.baseinfoset .cnt-top-search .tit.nat { min-width: 200px;}
.baseinfoset .cnt-top-section .cnt-top-search .cntarea.mti { min-width: 30%;}
.baseinfoset .cnt-top-section .cnt-top-search .cntarea.nat { min-width: 30%;}
.cnt-top-section .cnt-top-search .cntarea.nat .btn-group.selectradio .btn-confirm {background-color: #fff; color:#005396; margin-bottom: 0; cursor: pointer;}
.cnt-top-section .cnt-top-search .cntarea.nat .btn-group.selectradio .active.btn-confirm { background-color: #005396; border-color: #005396; color:#fff;}
/*.cnt-top-section .cnt-top-search .cntarea.nat .btn-group.selectradio .btn-confirm:focus { outline: none; outline-style: none;}*/
.cnt-top-section .cnt-top-search .cntarea.nat .btn-group.selectradio .custom-control { text-align: center; padding-left: 10px; padding-right: 10px; font-weight: 500; cursor: pointer;}
.cnt-top-section .cnt-top-search .cntarea.nat .btn-group.selectradio .custom-control-label         { font-weight: 500; cursor: pointer;}
.cnt-top-section .cnt-top-search .cntarea.nat .btn-group.selectradio .custom-control-label::before { display: none; border:none;}
.cnt-top-section .cnt-top-search .cntarea.nat .btn-group.selectradio .custom-control-label::after  { display: none; border:none;}
.cnt-top-section .cnt-top-search .cntarea.nat .btn-group.selectradio .custom-control-label i       { vertical-align : baseline;}

/* 수입증가 맞춤 품목 결과내 검색 */
.selectradio-section { display: inline-block; margin-left: 10px;}

/* 무역조치품목등록 팝업 */
table.spcDataList td .btn { vertical-align: top; border: 1px solid #7e7e7e;}
table.spcDataList td .inline-form { display: inline-block; padding: 3px 5px 4px; height: 29px; border-color: #c2cbd3;}

/* 도움말 팝업 */
.helpinfo ol { padding-left: 15px; font-size: 14px; color: #333;}
.helpinfo ol > li { list-style: decimal; font-weight: 500; margin-bottom: 12px; padding-left: 10px;}
.helpinfo ol ul { padding-left: 0px; font-size: 13.5px; color: #666;}
.helpinfo ol ul > li:before { content: "-"; margin-right: 2px; margin-left: -8px;}
.helpinfo ol ul.liststyle-none > li:before { content: none;}
.helpinfo ol ul > li > ul > li { font-size: 13px; font-weight: 400; padding-left: 10px;}
.helpinfo ol ul > li > ul > li:before { list-style: none; content: "ㆍ"; margin-right: 2px; margin-left: -14px;}

/* 상단 설명 툴팁 */
.explain-tooltip { font-size: 20px; margin-top: 0.5em; color: #4c98c9; cursor: pointer;}
.popover-header { font-size:12px; letter-spacing:-1px; }

/* 그래픽아이콘 */
i.mdi-chart-areaspline { display: inline-block; padding: 2px 5px; background: #0063a3; color: #fff; vertical-align: baseline; border-radius: 4px;}
.datagrid-cell-c2-nation_nm a img { vertical-align: text-top;}

/* 파일업로드 폼 수정 */
.ajax-upload-dragdrop { width: 100% !important;}
.ajax-file-upload { box-shadow: none; font-size: 13px; font-weight: normal; font-family: initial; padding: 3px 10px 4px 10px;}
.ajax-file-upload:hover { box-shadow: none;}
.ajax-file-upload-error { padding: 10px; text-align: left; color: #f37200; font-size: 12px; font-weight: normal;}
.easyui-window .alert-txt { font-size: 12px; font-weight: normal; color: #f37200;}
.ajax-file-upload-statusbar { width: 100% !important;}

/* 코드정보 모달창 */
#mtiTree > div { padding: 0 5px; border-right: 1px solid #ededed;}
#mtiTree > div .tit { color: #333; font-weight: bold;}

/* EasyUI Messager */
/*.panel.window.panel-htop { width: 300px; z-index: 100000;}*/
.messager-body.panel-body.panel-body-noborder.window-body { height: 130px !important; letter-spacing: -1px;}
.messager-body { padding: 10px; }

/* EasyUI */
.panel.window.panel-htop { display:none;}
.window-mask { background: #000; opacity: 0.6;}
.window { background: #e7f7ff;}
.easyui-window.panel-header { background: #3998e5; color: #fff;}
.window-shadow { box-shadow: 2px 2px 3px rgba(0,0,0,.3)}

/* bootstrap-tagsinput 수정 */
.bootstrap-tagsinput input { min-height: 28px; font-size: 14px; color: #333; line-height: 14px;}
.bootstrap-tagsinput input::placeholder { font-size: 13px; letter-spacing: -1px;}
.bootstrap-tagsinput { width: auto; padding: 0; line-height: unset;}
.bootstrap-tagsinput .badge [data-role="remove"] { padding: 0; vertical-align: baseline;}
.bootstrap-tagsinput .badge { padding: 3px 5px !important; background: rgba(0, 0, 0, 0.1); color: #000; vertical-align: unset !important;}
.bootstrap-tagsinput .badge [data-role="remove"]:after {
    content: "×";
    display: inline-block;
    padding: 0;
    width: 15px;
    height: 15px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    border-radius: 50%;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
}

/* .accordion 수정 */
.accordion { border: none;}
.accordion > .card .card-header { padding: 0;}
.accordion .btn     { text-align: left; background: #0162b1; color: #fff; font-size: 16px; font-weight: 500;}
.accordion .btn > i { color: #f18723; font-size: 10px;}
.accordion > .card .card-body { background: #f6fafc; border: 1px solid #95b8e7; border-top: none; font-size: 14px;}
.accordion > .card .card-body.addfile { padding-top: 5px; padding-bottom: 5px;}
.accordion > .card .card-body.addfile a { color: #333; text-decoration: underline;}

/* 웹접근성,대체텍스트 */
caption {font-size: 0; text-indent: -9999px; position: absolute;}

:focus { outline: -webkit-focus-ring-color auto 1px;}
a:focus { display: inline-block; border:solid 1px #b8dafd;}

/*.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #b8dafd;}*/
.textbox-icon.combo-arrow,
.datagrid-pager.pagination .l-btn-text,
.panel.window.panel-htop .panel-tool a,
a.tagbox-remove,
.datagrid-pager.pagination span.l-btn-icon { font-size: 0; text-indent: -9999px; }
.hidden-txt { font-size: 0; text-indent: -9999px; position: absolute;}
  
#sidebarnav .sidebar-item:nth-child(2):focus-within ul.collapse.first-level,
#sidebarnav .sidebar-item:nth-child(5):focus-within ul.collapse.first-level,
#sidebarnav .sidebar-item:nth-child(6):focus-within ul.collapse.first-level { display: block !important; color: #fff !important;}
#sidebarnav > .sidebar-item.view ul.collapse.first-level { display: block !important; color: #fff !important;}
#sidebarnav .sidebar-item:focus-within > ul > li > a > span { color: #fff !important;}
#sidebarnav .sidebar-item:focus-within > ul > li:focus-within { background: #fff; color: #336fa1;}
#sidebarnav .sidebar-item:focus-within > ul > li:focus-within > a > span { color: #336fa1 !important;}

.btn-success, .btn-success:hover { background: #027d67;}
.btn-warning, .btn-warning:hover { background: #cf4900;}
.datagrid-row-selected { background: #ededed; color: #333;}
.nav.nav-tabs > .nav-item > a { color: #656565; font-weight: 600;}
.nav.nav-tabs > .nav-item > a.active { color: #010101;}

.datagrid-view1 .datagrid-btable thead th a,
.datagrid-view2 .datagrid-body .datagrid-btable thead th a { display:none !important;}

input[type='checkbox']:focus { outline-width: medium; outline-style: solid; outline-color: #b8dafd;}

/* ===== 스마트에디터 반응형 ============================================= */
#smart_editor2 { width: 100% !important; margin-right:1px !important; min-width:100px !important;}

@media screen and (max-width: 640px){
 #smart_editor2 .se2_text_tool ul:nth-child(4n){clear:both;}
 #smart_editor2 .se2_text_tool ul{margin-bottom:4px}
 #smart_editor2 .se2_text_tool ul:nth-child(n+4){margin-bottom:0}
 #smart_editor2 .se2_text_tool .se2_multy,#smart_editor2 .se2_text_tool .se2_multy button, #smart_editor2 .se2_text_tool .se2_multy button span{height:54px}
}
@media screen and (max-width: 515px){
 #smart_editor2 .se2_text_tool ul:nth-child(3n){clear:both;margin-left:4px}
 #smart_editor2 .se2_text_tool ul:nth-child(6n),#smart_editor2 .se2_text_tool ul:nth-child(4n){clear:none;margin-left:0}
 #smart_editor2 .se2_text_tool ul:nth-child(n+3){margin-bottom:0}
}
@media screen and (max-width: 370px){
 #smart_editor2 .se2_text_tool ul:nth-child(2n){clear:both;margin-left:4px}
 #smart_editor2 .se2_text_tool ul:nth-child(3n){clear:both;margin-left:4px}
 #smart_editor2 .se2_text_tool ul:nth-child(6n),#smart_editor2 .se2_text_tool ul:nth-child(4n){clear:none;margin-left:0}
 #smart_editor2 .se2_text_tool ul:nth-child(n+3){margin-bottom:0}
 #smart_editor2 .se2_text_tool .se2_multy,#smart_editor2 .se2_text_tool .se2_multy button, #smart_editor2 .se2_text_tool .se2_multy button span{height:79px}
}
@media screen and (max-width: 325px){
 #smart_editor2 .se2_text_tool .se2_multy,#smart_editor2 .se2_text_tool .se2_multy button, #smart_editor2 .se2_text_tool .se2_multy button span{height:29px;}
 #smart_editor2 .se2_text_tool .se2_multy{border-bottom:1px solid #e0dedf}
}
/* ===== 스마트에디터 반응형 ============================================= */

/* 파일 첨부관련 */
.fileadd-sum { font-size: 14px;}
.fileup-section { border: 1px solid #dddee2; padding: 8px 10px;}

/* IE 9+10 속성 */
@media screen and (min-width:0\0) and (min-width: 768px) {
    /*#main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidebar-nav #sidebarnav > .sidebar-item { width:20%; }
    #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidebar-nav #sidebarnav > .sidebar-item.add { width:16.66%; }*/
    #main-wrapper .sidebar-nav .sidebar-item { flex-grow: 1;}
    #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidebar-nav #sidebarnav li.active ul li a span { color: #fff;}
    /* 웹접근성 관련 */
    #sidebarnav .sidebar-item:nth-child(2):f ul.collapse.first-level,
    #sidebarnav .sidebar-item:nth-child(5):focus-within ul.collapse.first-level,
    #sidebarnav .sidebar-item:nth-child(6):focus-within ul.collapse.first-level { display: block !important; color: #fff !important;}
    #sidebarnav .sidebar-item:focus-within > ul > li > a > span { color: #fff !important;}
    #sidebarnav .sidebar-item:focus-within > ul > li:focus-within { background: #fff; color: #336fa1;}
    #sidebarnav .sidebar-item:focus-within > ul > li:focus-within > a > span { color: #336fa1 !important;}
}

/* 미디어쿼리 */
@media (max-width: 1303px) {
    br.md-hidden.gagr { display: block;}
}
@media (max-width: 1300px) { 
    .cnt-top-section.myIntrstItem .cnt-top-search .tit.nat.group { display: block; width: 100%; padding: 10px 30px; line-height: normal; font-weight: 800; color: #333; border-right: 1px solid rgba(0,0,0,.1);}
    .cnt-top-section.myIntrstItem .cnt-top-search .tit { display: block; width: 100%; padding: 10px 30px; line-height: normal; font-weight: 800; color: #333; border-right: 1px solid rgba(0,0,0,.1);}
    .cnt-top-section.myIntrstItem .cnt-top-search .cntarea { display: block; width: 100%; padding: 10px 30px; line-height: 30px; font-size: 14px; min-width: 65%;}    
    .cnt-top-section.myIntrstItem .cnt-top-search .btn-area { display: block; width: 100%; padding: 10px 30px; float: left;}
    .cnt-top-section.myIntrstItem .cnt-top-search .btn-area button { width: 100%; height: 35px; font-size: 14px; color: #fff; font-weight: 400;}
    .cnt-top-section.myIntrstItem .cnt-top-search .tit,
    .cnt-top-section.myIntrstItem .cnt-top-search .cntarea { padding-bottom: 0;}
    .cnt-top-section.myIntrstItem .cnt-top-search .cntarea.nat { padding-bottom: 10px;}
}
@media (max-width: 1100px) { 
    .hidden {display: block;}
    .cnt-top-section .cnt-top-search .tit { display: block; width: 100%; padding: 10px 30px; line-height: normal; font-weight: 800; color: #333; border-right: 1px solid rgba(0,0,0,.1);}
    .cnt-top-section .cnt-top-search .cntarea { display: block; width: 100%; padding: 10px 30px; line-height: 30px; font-size: 14px; min-width: 65%;}    
    .cnt-top-section .cnt-top-search .btn-area,
    .cnt-top-section .btn-area.indexIncAnal { display: block; width: 100%; padding: 10px 30px; float: left;}
    .cnt-top-section .cnt-top-search .btn-area button,
    .cnt-top-section .btn-area.indexIncAnal button { width: 250px; }
    .cnt-top-section .cnt-top-search .custom-control-label::after, .cnt-top-search .custom-control-label::before { top: 6.5px;}
    .cnt-top-section .cnt-top-search .tit,
    .cnt-top-section .cnt-top-search .cntarea { padding-bottom: 0;}
    .cnt-top-section .cnt-top-search .cntarea.nat { padding-bottom: 10px;}
    .cnt-info-section .unit span.unit-area { display:inline-block; padding-top:10px;}
    .tab-section .info-txt { padding-top:10px;}
    .tab-section button.helpbtn { margin-bottom:0px; margin-left:10px; margin-top: 12px;}
}
@media (max-width: 991px) { 	
	.easyui-window #mtiTree .cnt { min-height: 50px;}
	.easyui-window { top: -90px;}
    .easyui-window #mtiTree .cnt { font-size : 12px;}
}
@media (min-width: 1101px) {
	.cnt-top-section .cnt-top-search .cntarea { padding-left:0;}
    /*.cnt-top-section .cnt-top-search .cntarea.nat { width: 39%;}*/
    .tab-section .info-txt      { margin-top:-30px; margin-right:90px;}
    .tab-section button.helpbtn { margin-top:-27px; margin-bottom:0px;}
    .cnt-top-section .btn-area.indexIncAnal { position: absolute; top: 10px; right: 10px;}
}
@media (min-width: 768px) {
    .skip_nav a   { position: fixed; top: -40px; left: 0; width: 100%; height: 40px; background: #005396; color: #fff; line-height: 40px; text-align: center; z-index: 999;}
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item { background: url(../../assets/images/mu-line.png) 100% center no-repeat; border-right: none;}
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:last-child { background: none;}

    #main-wrapper[data-layout="horizontal"] .topbar .top-navbar .navbar-header { width: 215px;}
    #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .top-navbar, #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .scroll-sidebar, #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .page-wrapper { max-width: 100%;}
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item { border-color: #5e95c1; }
    #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidebar-nav #sidebarnav { height: 44px !important;}
    #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidebar-nav #sidebarnav:first-child { border-left: 1px solid #5e95c1;}
    #main-wrapper[data-layout="horizontal"] .left-sidebar .scroll-sidebar { height: 44px;}
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item ul.first-level { top: 43px; width: 100%; color: #fff;}
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level li a span { color:#fff; font-weight:500;}
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level li:hover { border:none;}
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level li:hover>a>span { color:#336fa1;}
    
    .nav-tabs .nav-link { padding: 0.5rem 1.5rem;}
    .nav-tabs.second { padding-left: 10px;}
}
@media (min-width: 1024px) {
}
@media all and (min-width: 992px) and (max-width: 1199px) {
}
@media all and (min-width: 576px) and (max-width: 991px) {
}
@media all and (min-width: 768px) and (max-width: 991px) {
}
@media all and (min-width: 576px) and (max-width: 767px) {
}

/* mobile only */
@media (max-width: 767px) {
    .sidebar-nav ul .sidebar-item .hide-menu { display: block !important; margin-left: unset !important; margin-right: unset !important;}
    .topbar .top-navbar .navbar-header .navbar-brand img { width: 85%; }
    .navbar-collapse.collapse.show { border-bottom: 1px solid #e9ecef;}
    .cnt-top-section .cnt-top-search .cntarea .custom-select { width: 45% !important; margin-bottom: 2px; font-weight: normal; letter-spacing: -.5px;}
    .cnt-top-section br { display: block;}
    .cnt-top-section .cnt-top-search .cntarea .custom-select.ml-sm-2 { margin-left: 0 !important;}
    .cnt-top-section .cnt-top-search .cntarea .form-check,
    .cnt-top-section .cnt-top-search .cntarea .custom-select { margin-bottom: 10px;}
    .cnt-top-section .cnt-top-search .cntarea.nat button { vertical-align: text-bottom;}
    .cnt-top-section .cnt-top-search .btn-area button { width: 90.7%; }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item { border-bottom:1px solid rgba(255,255,255,0.25)}
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item ul.first-level { background: #439ae1 !important;}
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level li a span { color:#fff; font-weight:500;}
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item ul.first-level li a span::before { content: "ㆍ";}
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level li:hover { border:none;}
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level li:hover>a>span { color:#336fa1;}
    .cnt-top-section .cnt-top-search .cntarea.mti .custom-select { width: 100% !important; margin-bottom: 2px !important;}
    .cnt-top-section .cnt-top-search .form-control.inline-block { width: 100% !important; margin-bottom: 2px;}
    .cnt-top-section .cnt-top-search .cntarea button { width: 100%;}
    .tab-section > .nav > .nav-item > a { font-size:14px; letter-spacing:-1px; }
    .nav-tabs .nav-link { padding: 0.5rem 0.8rem;}
    .tab-section .info-txt      { margin-right:0px;}
    .panel.window.panel-htop.easyui-fluid { width: 100% !important;}
    .selectradio-section { display: inline-block; margin-left: 0px;}
    /* 웹접근성 관련 */
    .skip_nav { display: none;}

    /* 테이블 반응형 */
    .tbl_ver colgroup col { width:100% !important;}
	.tbl_ver th, .tbl_ver td { display:block !important; }
    .tbl_ver td { border-top:0 !important; }
    .tbl_ver tbody tr.subject th, .tbl_ver tbody tr.subject td ,.tbl_ver tr:last-child th { border-bottom:0 !important; }

    .tbl_type4 colgroup col { width:100% !important;}
	.tbl_type4 th, .tbl_type4 td { display:block !important; }
    .tbl_type4 td { border-top:0 !important; }
    .tbl_type4 tbody tr.subject th, .tbl_type4 tbody tr.subject td ,.tbl_type4 tr:last-child th { border-bottom:0 !important; }

    .bootstrap-tagsinput { width: 100%;}
    .footer .copyright { margin-bottom: 10px;}

    .page-wrapper > .container-fluid { min-height: calc(100vh - 85px);}
}

.textbox-focused {
  border-color: #000000;
  -moz-box-shadow: 0 0 3px 0 #000;
  -webkit-box-shadow: 0 0 3px 0 #000;
  box-shadow: 0 0 3px 0 #000;
  outline:1px dotted;
}