/*================================================================================
	Item Name: Vtex.Boot Admin CSS
	Version: 1.0
	Author: Vtex
	Author URL: http://www.vtex.co.kr
================================================================================

NOTE:
------

*/

@import url('/adrc/css/font.css');

html{
    font-size: 14px;
}

.content-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}
.page-content {padding:0}
/* MDI �뙣�꽩�슜 IFRAME */
.frameContents {
    left: 0px;
    top: 0px;
    width: 100%;
    /* height: 0px; */
    /* margin-top: 33px; */ /* position: absolute *//* ;background-color: #F1F2F3 */;
    transition: 0.3s all ease;
    padding: 0;
}

.frameIn {
    margin-top: 43px;
}

.frameContents.inFrameWrap {
    min-width: 100%;
    margin-top: 65px;
}

.frameContents.inFrameWrap .iframeBox {
    min-width: 100%;
}

.wrapIn.popIn {
    height: calc(100% - 65px);
    padding: 0px 8px 0px 24px;
    overflow-y: scroll;
    background-color: #fff;
}

.ico-onehalf{ font-size: 1.5rem; }
.ico-2x{ font-size: 2rem; }
.ico-3x{ font-size: 3rem; }
.ico-4x{ font-size: 4rem; }
.ico-5x{ font-size: 5rem; }

.navbar {
    font-size: 1.25rem;
    font-weight: bold;
}
.navbar-light {
    background-color:transparent;
    box-shadow:0px 0px 0px 0px
}
.dropdown-menu a{
    font-size: 1.2rem;
    font-weight: bolder;

}
/*@media (min-width:992px){.navbar-expand-lg .navbar-brand{min-width:10.5rem}.navbar-expand-lg .navbar-search{max-width:30rem}}*/

.top_tab_list {
    position: relative;
    padding: 0;
    font-size: 12px;
    list-style: none;
    *zoom: 1;
    float: left;
    /*top: 3px;*/
    margin-left: 0px;
    margin-bottom: 0;
    z-index: 1000;
    background-color: #DBE8F1;
}
.top_tab_list li {
  background: #Fff;
  color: #191919;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
}

.top_tab_list li a {
    position: relative;
    padding: 5px 10px 5px 15px;
    display: block;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
}

.top_tab_list li.on a {

}



.top_tab_list li.on {
  background: #1FC0EB;
  color: #fff;
}

.top_tab_list li{float:left;margin-bottom:-1px;margin-left:-1px; border-right: 1px solid #c1c1c1}

.navbar-nav-link {
    padding: 0;
    font-weight: 500;
}

.navbar-nav-link .hover-icon {
	display: none;
}

.navbar-nav-link:hover .hover-icon {
	display: block;
}

.navbar-nav-link:hover img:not(.hover-icon) {
	display: none;
}

.nav-link{
    font-size: 1.125rem;
}

.show-aside.on .frameContents {
    padding-left: 185px;
}

.frameContents .iframeBox {
    display: none;
    height: 100%;
    overflow: hidden;
}

.frameContents .iframeBox.scrY {
    overflow-y: scroll;
}

.frameContents .iframeBox:first-child {
    display: block;
}

.frameContents .iframeBox .iframeBoxIn {
    padding: 15px;
}

.frameContents iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.layoutBox {
    height: 100%;
}

.pannelIn {
    padding: 15px;
}

.menu-tab-delete {
    position: relative !important;
}

.menu-tab-container {
    position: relative;
    min-width: 1000px;
    width: auto !important;
}

.iframeBox {
/*    border-top: solid;
    border-top-color: #e8e8e8;*/
    margin: 0px 0px 0px 0px;
}

.commandbar {
    position: absolute !important;
    margin-left: 30px !important;
}

body, html {
    font-family: 'NotoSansKR', sans-serif;
}

.panel-container {
    display: flex;
    flex-direction: row;
    /* border: 1px solid silver; */
    overflow: hidden;

    /* avoid browser level touch actions */
    xtouch-action: none;

    padding: 0;
    overflow: inherit;
}

.panel-left {
    flex: 0 0 auto;
    /*min-height: 793px*/
}

.splitter {
    flex: 0 0 auto;
    padding: 0 0;
    margin: 0 10px 20px 10px;
    width: 5px;
    background: #53535321;
    min-height: 200px;
    cursor: col-resize;
}

.panel-right {


}

.search-body{
    padding: 15px 0px 0px 0px;
}
.search-col {

}

.search-table tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    font-size: 1rem
}

.search-table tr th {
    padding: 0 5px;
    text-align: center;
    font-size: 1rem;
    color: #3f4254;
}

.search-btn-td {
    width: 150px
}

.search-table tr td {
    padding: 0 5px;
}

.row .panel-container {
    margin-top: 0;
}

.selectedRow {
    background: #b39ddb !important;
}

.form-prop .input-field {
    margin-bottom: 0.2rem !important;
    margin-top: 0.3rem !important;
}

.form-prop td {
    padding: 0px 5px !important;
}

.form-prop th {
    padding: 0px 5px !important;
}

.form-prop tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.grid-container {
    padding: 0 0 0 0px !important;
    border-radius: 0 0 2px 2px;
}

.tui-grid-border-line-top {
    border-top: 0px !important;
}

.div-container {
    max-width: 100%
}

.maincontent {
    padding: 20px 10px 10px 10px;

}

.card > .card-body-search {
    padding: 10px;
}

.card-body-search form {
    margin-bottom: 0;
}

.tui-grid-table {
    font-size: 1rem
}

.form-group {
    margin-bottom: 0.25rem;
}

.card-form {
    height: 700px;
    overflow: scroll;
}

.main-static {
    font-size: 20px;
    margin-right: 1px;
    margin-left: 20px;
    font-weight: 900;
    text-align: right;
}

.main-static.static1 {
    color: red;
}

.main-static-container {
    text-align: right;
    margin-top: 10px;
    float: right;
}

.tabclose {
    margin-left: 5px;
    cursor: pointer;
}

.nav-tab-top {
    margin-top: 20px;
    margin-bottom: -1px;
}

.nav-item {
    min-width: 100px;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-left: 0px;
    /*max-height: 50px;*/
}

.nav-item.active {
    background-color: rgba(255,255,255,.1);
    color: #fff;
}
.nav-item.active a{
    color:#3f51b5;
}

.nav-item a{
    /*color:whitesmoke;*/
    /*display: block;
    margin: 3px 10px 3px 10px;
    font-weight: bold;
    color: #777;*/
}
.nav-item.active .tab-inner-div {
    /* border-bottom: 0px */

}

.tab-inner-div {
    border: solid;
    border-color: #e8e8e8;
    border-radius: inherit;
    border-bottom: 0px;
    padding-bottom: 3px;
}
.tab-inner-div a{

}
.card-toolbar {
    float: right;
    margin-top: -35px;
}

.form-select {
    padding: 5px
}

.form-control {
    padding: 5px
}

.col-form-label {
    font-weight: bold;
    font-size: 1rem;
    color: #3f4254;
}

h3.card-title {
    font-weight: bold;
}

.card > .card-header {
    min-height: 50px;
}

.panel-container-vertical {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 800px;
    margin-top: 0;
    padding: 0;
}

.splitter-horizontal {
    flex: 0 0 auto;
    padding: 0 0;
    height: 5px;
    background: #53535321;
    cursor: row-resize;
    margin-bottom: 10px;
    margin-top: -10px;
}

.panel-top {
    flex: 0 0 auto;
}

.panel-right {
    width: 100%;
}

.btn-sm{
    /*padding: 5px 10px 5px 10px !important;*/
}

.single-grid-container{
    padding: 0px;
    height: 800px;
    margin-top: 0px;
}

.destroy_menu{
    margin-left: 10px;
}

.destroy_menu:hover{
    color:red;
}


.card-grid{
    height: 100%;
}

.content {
    padding: 0px;
}

.content-dashboard {
    padding: 1.25rem;
}
.ui-th-div.ui-jqgrid-sortable{
    font-size: 1rem;
}

.table{
    font-size: 1rem;
}

.panel-container{
    width: 100%;
}

.nav-link{
    text-align: left;
    margin-right: 0px;
}

.favostat{
    text-align: center;
    margin:auto;
    margin-left: 0px;
}

.bmbkico{
    font-size: 15px;
    text-align: center;
    top: 5px;
}

.connecthistory{

}

.connecthistory li{
 margin: 10px 10px 10px 10px
}

.profilearea{
    font-size: 15px;
}

.profilearea div{
    margin : 5px 0px 0px 0px
}

.content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    /*margin-left: .625rem;
    margin-right: .625rem;*/
    margin-left: 0;
    margin-right: 0;
}

.mainbody{
    overflow-y: hidden;
    background: #EEF2F5;
}

.bmbkchked{
    /*color: black !important;*/
    /*font-weight: bolder;*/
}

.navbar-custom {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px  22px 17px 36px;
    background: #fff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
}

.navbar-title {
	font-weight: 500;
	font-size: 20px;
    color: #5B6081;
}

.navbar-menu {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    font-size: 1.25rem;
    font-weight: bold;
}

.navbar-function{
    float: right;
    padding-right: 10px;
}

.navbar-function ul{
    display: inline-block;
}

.navbar-function > ul > li{
    float: left;
    padding-top: 4px;
}

.navbar-menu li{
    float: left;
}

.navbar-logo{
    float: left;
    width: 250px;
    margin-top: 8px;
}

.main-logo {
    width: auto;
    height: 46px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 1;
    margin-left: 20px;
}
.main-logo img {
    width: 32px;
    height: 44px;
}
.main-logo span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-left: 6px;
}
.main-logo span p:first-child {
    font-size: 10px;
    line-height: 11px;
    font-weight: bold;
    color: #90C84B;
}
.main-logo span p:nth-child(2) {
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    color: #219AD5;
}
.main-logo span p:last-child {
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    color: white;
}

.main-logo span p{
    margin-bottom: 0px;
}

.nav-item.dropdown.nav-item-dropdown-lg.position-static.show > a{
    color:#FFFFFF;
    font-weight: bolder;
    border-bottom: 1px solid white;
}

.bkmkico_on{
    color: #ff7474;
    margin-left: 10px;
    margin-right: 5px !important;
    margin-top: 5px !important    ;
    font-size: 10px;
}

.bkmkico_off{
    color: rgba(255, 255, 255, 0);
    margin-left: 3px;
    margin-right: 5px !important;
    margin-top: 0px;
    font-size: 10px;
}

.bookmark_on{
	margin-left: 5px;
    color: #ff7474;
}


/* topMenu */
/*.popup21{width:100%; background:rgba(12, 119, 206, 0.9); text-align:center; position:fixed; z-index:2; margin-bottom:10px;}*/
.popup21{width:100%; background:#46aad8; height:127px; text-align:center;}
.popup21_wrap{margin:0 auto; width:1024px; padding-top:17px;}
.popup21 h1 {margin:0; padding:0; line-height:20px;}
.popup21 > h1 > a { color:#fff073; font-size:20px !important; font-weight:bold; letter-spacing:-2px; text-shadow: #2a6682 0 1px; line-height:10px; text-decoration:none; margin:0;}
.popup21 h1 a.mmmld {margin-left:6px;}
.popup21 h1 a span{color:#fff;font-size:20px !important;font-weight:bold; letter-spacing:-2px; text-shadow: #2a6682 0 1px; line-height:10px; text-decoration:none; margin:0;}
.popup21 h1 span{color:#fff;font-size:20px !important;font-weight:bold; letter-spacing:-2px; text-shadow: #2a6682 0 1px; line-height:10px; text-decoration:none; margin:0;}

.popup21 p {font-size:11px;color:#fff;}

.circle21{width:80px;height:80px;
		 border-radius:40px;
		 -moz-border-radius : 40px;
		 -webkit-border-radius : 40px;
		 -ms-border-radius :40px;
		 -khtml-border-radius : 40px;
		 -o-border-radius :40px;
		 background:#007fcb;
		 float:left;
			}
.circle21 img{margin-top:3px;}
.txt21 p a {text-decoration: none;color:#fff;}
.txt21_one {float:left; width:195px; text-align:left; margin-left:16px;}
.txt21_multi {float:left; max-height:100px; text-align:left; margin-left:16px;}
.today_close_one{clear:both;color:#fff;font-size:12px;line-height:10px;float:right;} 
.today_close_multi {color:#fff;font-size:12px;line-height:10px;margin-top:9px;position: absolute;right:15px;bottom:0;}

.today_close input{margin:0; padding:0;vertical-align:top;}
.today_close a img{vertical-align:top;}


.di_1v {min-width:475px; max-width:1024px; position:relative; float:left;}
.di_sep {min-height:91px; width:1px; background:#a3d5ec;float:left; margin-left:5px; margin-right:5px;}
.di_2v {min-width:475px; max-width:1024px; position:relative; display:flex;}

/* jquary-ui */
.ui-widget {
	font-family: 'NotoSansKR', sans-serif !important;
}

.ui-dialog {
	border-radius: 10px !important;
	box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);
	border: 0;
}

.ui-draggable .ui-dialog-titlebar {
	background: transparent;
}

.ui-dialog .ui-widget-header.ui-dialog-titlebar {
	padding: 4px 14px;
	border: 0;
}

.ui-dialog .ui-widget-header.ui-dialog-titlebar .ui-dialog-title {
	width: 100%;
	font-size: 18px;
	color: #2E335D;
	font-weight: 500;
}


.ui-dialog .ui-dialog-buttonpane button {
    min-width: 56px;
    display: inline-block;
    padding: 5px 8px;
    margin : 2px;
    font-size: 15px;
    text-align: center;
    line-height: 1.3;
    border-radius: 5px;
    font-weight: 500;
    transition: 0.3s;
    background-color: #1F71EB;
    border: 1px solid #1F71EB;
    color: #fff;
    font-family: 'NotoSansKR', sans-serif !important;
}

.ui-dialog .ui-dialog-buttonpane {
	border: 0;
}

.ui-dialog .ui-button .ui-button-text {
	font-weight: 500;
}

.ui-dialog .ui-dialog-content {
	font-size: 14px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    border: 0;
    background: no-repeat;
    right: 8px;
    margin-top: -6px;
}
.ui-dialog .ui-widget-header .ui-icon,
.ui-dialog .ui-button:hover .ui-icon,
.ui-button:active .ui-icon {
	margin: 0;
	background-image: url("/ehtis/images/wvtex/icon-x.svg");
	background-position: center;
	transform: translate(-50%, -50%);
}

.icon-cross.bu_l_red {
    line-height: 30px;
    min-width: auto;
}

.dropdown-menu.show {
	    border: 1px solid #f3f3f3;
}