@charset "utf-8";
/* CSS Document */
 /* body {font-family: 'Noto Sans KR' !important;} */
 body {min-width:1200px; height:100%;}
.sbre-top {width:100%; height:150px; margin:0 auto; background:url(../img/main-top-bg.jpg) center no-repeat; background-size: cover; text-align: center;}
.sbre-top-maintxt {background:#444; padding:15px 20px; text-align:center;}
.sbre-top-maintxt span {display:inline-block;color: #bdbdbd;padding-top:7px; font-size:15px;}
.sbre-top-maintxt>img {display:inline-block;vertical-align: top; padding-top:1px;}
.sbre-top-maintxt>.sbre-top-l1 {width:90px; padding-top: 8px; }
.sbre-top-maintxt>.sbre-top-l2 {padding-left: 6px;}
.sbre-menu {height:47px; /*background:#f3f3f3;*/}
.sbre-menu>ul {display:table; width:1200px; margin:0 auto;}
.sbre-menu>ul>li{ display:table-cell; height:47px; list-style:none; text-align:left; line-height:47px;}
.sbre-menu>ul>li>a:before {display: inline-block;position: absolute;left: 18px;top: 23px; content: "";width: 3px;height: 3px;background: #5d5a5a;}
.sbre-menu>ul>li:hover a {color:#27afda}
.sbre-menu>ul>li>a {position:relative;display:block; width:100%; height:100%; padding-left:30px;  color:#333; font-size:14px; text-shadow:0.5px 0;}
.tit {text-align:left; padding:25px 0 15px;}
.tit>h3 {position:relative; font-size:20px; padding-top:5px;}
.tit>h3:before { position:absolute; top:0; left: 0; width:25px; height:3px;background:#53c1de; content:"";}
.demo-tbl01 {list-style: none; padding: 0 30px;}
.ex>div {padding-bottom:3px;}
.ex>div>input,.ant-picker {height:30px;}
.sbre-menu>ul>li>a.li-selected {background:#27b8de; color:#fff;}
.sbre-menu>ul>li>a.li-selected:before {display: inline-block;position: absolute;left: 18px;top: 23px; content: "";width: 3px;height: 3px;background: #fff;}
@font-face {			/*SBGrid 전체 폰트 스타일 적용*/
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('font/NotoSansKR-Regular.woff2') format('woff2'),url('font/NotoSansKR-Bold/NotoSansKR-Regular.woff') format('woff'),url('font/NotoSansKR-Regular.otf') format('opentype');
}

#root {height:calc(100% - 60px);}
.sbre-menu {display:table; width:100%; height:100%;}
.sbre-menu>ul {display:table-cell; width:200px; min-width:200px; height:100%; vertical-align: top;padding:0; margin:0; background:#f3f3f3; border-right:1px solid #d6d6d6;}
.sbre-menu>ul>li {display:inline-block; width:100%; vertical-align: top;}
.sbre-menu>div {display:table-cell; width:calc(100% - 200px);}