@import "ExComp.font.css";
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
body {
	font-size:14px;
	font-family: Pretendard,'Malgun Gothic',sans-serif
}
div {
	/* [disabled]margin:0;*/
	padding:0
}
ul,li,ol,dl,dt,dd {
	margin:0;
	padding:0;
	list-style:none
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	line-height:20px
}
a,a:link,a:hover {
	text-decoration:none;
	cursor:pointer
}
a,img {
	border: 0
}
/* 공통 스타일 */
form {
	margin: 0;
	padding: 0;
	outline: none
}

input:hover,select:hover,textarea:hover {
	-webkit-transition:border-color .3s;
	border-color:#9ac6f1;
	transition:border-color .3s
}
input:hover,select:hover,textarea:hover {
	-webkit-transition:border-color .3s;
	border-color:#9ac6f1;
	transition:border-color .3s
}
input[type="text"],input[type="password"],input[type="date"], input[type="datetime"], select, textarea, .ui-igedit .ui-igedit-field, select, textarea {
	font-family:Pretendard, 'Malgun Gothic', sans-serif;
	font-size:14px;
}
select {
	height: 27px;
	padding: 0 8px;
	border: 1px solid #d8d8d8;
	background: #fff;
	border-radius: 5px;
	color: #252525;
}
input[type="text"], input[type="password"],  input[type="text"],  input[type="reset"]    {
	/* padding: 7px 10px; */
	padding: 3px 8px;
	border: 1px solid #d8d8d8;
	background: #fff;
	border-radius: 5px;
	height:27px;
	/* height:32px; */
	box-sizing:border-box;
}
textarea {
	width: 100%;
	height: 100px;
	resize: vertical;
	padding:8px;
	border-radius: 5px;
	border: 1px solid #d8d8d8;
	line-height:1.3;
}

select.multiple {
	display:inline-block;
	padding:2px;
	width:100%;
	height:auto !important;
	border:1px solid #BEC4D4;
}
p {
	line-height:18px
}
input.checkbox {
	float:inline-block;
	margin-bottom:2px;
	padding:0;
	border:0;
	vertical-align:middle;
	height:inherit
}
input.radio {
	float:inline-block;
	margin-bottom:2px;
	padding:0;
	border:0;
	vertical-align:middle;
	height:inherit
}
.input-disabled {
	color:#cdcdcd !important;
	border:1px solid #ebebeb !important;
	background:#fff
}
.input-essential {
	padding-left:16px;
	color:#000;
	border:1px solid #b7bbcf;
	background:url(../themes/stc/images/essential.png) no-repeat left
}
.text-red {
	color:#ff4949 !important
}
.text-puopel {
	color:#a93c91 !important
}
.text-blue {
	color:#338fe5 !important
}
.text-orange {
	color:#fe6f21 !important
}
.text-green {
	color:#2A6C16 !important
}
.text-gray {
	color:#454545 !important
}
.text-white {
	color:#fff !important
}
.label {
	display:inline-block;
	margin:0;
	padding:0
}
.bg-red {
	background:#f25e5e!important;
	color:#fff !important
}
.bg-blue {
	background:#60abf1!important;
	color:#fff !important
}
.search-btn-div .bg-blue {
	background:#5886d3!important;
	color: #fff !important
}
.input-group {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.input-group label{
	display:inline-flex;
	align-items:center;
	margin-right:15px;
	line-height:27px;
}
.input-group label input[type=radio],  .input-group label input[type=checkbox] {
	margin:0 4px 0 0;
}
.disabled {
    border-color: #dcdcdc !important;
    background-color: #f2f2f2 !important;
	color:#a0a0a0;
	cursor:not-allowed;
}
/* Search 버튼 칼라 별도 지정 */
.search-btn-div .bg-blue:hover {
	background:#00235d;
	color:#fff !important
}
.bg-orange {
	background:#fb8151!important;
	color:#fff !important
}
.bg-purplish {
	background:#7d9aed!important;
	color:#fff !important
}
.bg-gray {
	background:#f2f2f2!important;
	color:#555 !important
}
.bg-red {
	background:#f25e5e!important;
	color:#fff !important
}
.bg-blue {
	background:#60abf1!important;
	color:#fff !important
}
.bg-orange {
	background:#fb8151!important;
	color:#fff !important
}
.bg-purplish {
	background:#7d9aed!important;
	color:#fff !important
}
.bg-gray {
	background:#a3a3a3!important;
	color:#fff !important
}
.bg-red-70 {
	background:#fedbdb;
	color:#f34848 !important
}
.bg-blue-70 {
	background:#dcf3fe;
	color:#3b8af5 !important
}
.bg-orange-70 {
	background:#ffe8d5;
	color:#e96a25 !important
}
.bg-purplish-70 {
	background:#e7effd;
	color:#5273f0 !important
}
.bg-gray-70 {
	background:#f2f2f2;
	color:#777 !important
}
.bg-none {
	background:none !important
}
.border-none {
	border:none !important
}
.float-right {
	float:right !important
}
.float-left {
	float:left !important
}
.margin-0 {
	margin:0 !important
}
.margin-10 {
	margin:10px !important
}
.margin-20 {
	margin:20px !important
}
.margin-left-4 {
	margin:4px !important
}
.padding-0 {
	padding:0 !important
}
.padding-3 {
	padding:3px !important
}
.padding-10 {
	padding:10px !important
}
.padding-top-5 {
	padding-top:5px !important
}
.padding-top-bottom-5 {
	padding:5px 0 !important
}
.padding-top-bottom-10 {
	padding:10px 0 !important
}
.padding-20 {
	padding:20px !important
}
.margin-left-20 {
	margin-left:20px !important
}
.vertical-top {
	vertical-align:top !important
}
.vertical-middle {
	vertical-align:middle !important
}
.vertical-bottom {
	vertical-align:bottom !important
}
.display-inline-block {
	display:inline-block !important
}
.border-0 {
	border:0 !important
}
.cursor-p {
	cursor:pointer
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10 {
	float:left;
	margin:0;
	padding:0;
	display:relative;
	outline:none
}
.col-1 {
	width:10%
}
.col-2 {
	width:20%
}
.col-3 {
	width:30%
}
.col-4 {
	width:40%
}
.col-5 {
	width:50%
}
.col-6 {
	width:60%
}
.col-7 {
	width:70%
}
.col-8 {
	width:80%
}
.col-9 {
	width:90%
}
.col-10 {
	width:100%
}
.td-laber {
	display:inline-block;
	margin:0;
	padding:0;
	height:20px;
	vertical-align:top;
	line-height:1.8;
	color:#656565
}
.td-list-type {
	width:100%;
	list-style:none
}
.td-list-type li {
	padding:3px
}
.td-list-type li a {
	width:35px !important
}
.subTitle-laber {
	display:inline-block;
	margin:0;
	padding:0;
	height:20px;
	vertical-align:top;
	line-height:1.8;
	color:#454545;
	font-weight:bold
}
.sub-sub-title, .sub-sub-title h6{
	display:flex;
	font-size:15px;
	margin:0 0 10px 0;
	color:#454545;
}
.sub-sub-title h6 {
	margin-bottom:0;
}
.circle,.square {
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	text-align:center;
	vertical-align:top;
}
.circle {
	display:inline-block;
	border-radius:12px;
	line-height:1.7
}
.circle i {
	display:inline-block;
	font-size:12px !important
}
.square {
	display:inline-block;
	border-radius:2px;
	line-height:1.7
}
.square i {
	display:inline-block;
	font-size:12px !important
}
.circle:hover,.square:hover,.btn-square:hover {
	background:#000;
	transition:background .3s
}
.fa {
	font-size:14px
}
.fa-btn {
	width:auto !important
}
.btn-square {
	display:inline-block;
	position:relative;
	padding:6px 8px 3px 25px;
	border-radius:2px;
	font-weight:bold
}
.btn-square i {
	position:absolute;
	display:inline-block;
	font-size:12px !important;
	font-weight:normal !important;
	top:5px;
	left:7px
}
.btn-square.on {
	background:#595e66 !important;
}
.btn-square.on i {
	color:#fff !important
}
.btn-icon {
	font-size:14px !important;
	display:inline-block;
	border-radius:12px;
	line-height:1.7
}
.btn_defult i {
	font-size:14px !important;
	width:19px !important;
	height:12px !important;
	line-height:1.2em !important;
	vertical-align:top;
	outline:none;
	border:0
}
.btn_sm_defult i {
	font-size:11.5px !important;
	width:15px;
	height:12px !important;
	line-height:1.75em !important;
	vertical-align:top;
	outline:none;
	border: 0
}
/* 체크박스,라디오 버튼 정렬 */
.td-checkbox,.td-radio {
	display:inline-block;
	margin:0;
	padding-top:3px;
	vertical-align:top
}
em.input-text {
	display:inline-block;
	margin0:0x;
	padding:0 5px;
	font-style:normal;
	color:#454545;
	vertical-align: top
}
/********** UI 프레임 레이아웃 ********/
.div-Shadow {
	box-shadow:0 2px 3px rgba(0,0,0,0.1) !important
}
.popup-Shadow {
	box-shadow:0 2px 7px rgba(0,0,0,1.5) !important
}
.top-areaShadow {
	box-shadow:0 1px 5px rgba(0,0,0,0)!important
}
.aside-areaShadow {
	box-shadow:0 1px 2px rgba(0,0,0,0) !important
}
#layout-index {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	height:auto;
	position:relative;
}
#layout-index > .btn-area,  #layout-index .header-fixed{
	border-top: 0;
    position: fixed;
    background-color: #fff;
    z-index: 999;
}
#layout-index > .btn-area h4, #layout-index .header-fixed h4{
	font-size:18px;
}
#layout-index > .btn-area h4 i, #layout-index .header-fixed i {
	display:none;
}
#layout-index .sub-title-area.sub-title {
	justify-content: space-between;
}
#layout-index .search .box-inp {
	display:flex;
	border:1px solid #d3d3d3;
	padding:5px;
}
.cleanfix {
	clear:both
}
#wrapperDiv,#ui-top-container,#ui-footer-container {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}
#wrapperDiv {
	height:100%
}
#ui-top-container {
	position:fixed;
	height:60px;
	font-size:12px;
	background:url(../themes/stc/images/gnb-top-background.png) repeat-x;
	background:#557fb6;
	border-bottom:1px solid #405f88;
	top:0;
	left:0;
	z-index:1004
}
#ui-aside-container {
	position:fixed;
	float:left;
	margin:0;
	padding:60px 0 0 0;
	width:180px;
	height:100%;
	border-right:1px solid #8c9fb8;
	background:#fff;
	top:0;
	left:0;
	z-index:1002
}
#ui-main-container {
	position:absolute;
	width:100%;
	margin:0;
	padding:60px 0 0 180px;
	top:0;
	left:0;
	z-index:1;
}
#ui-main-container.overflowline {
	position:fixed;
	height:100%;
	overflow:auto;
}
#ui-main-container .no-aside {
	padding:60px 0 19px 0 !important
}
#ui-footer-container {
	position:absolute;
	height:18px;
	bottom:0;
	font-family:Tahoma;
	border-top:1px solid #8c9fb8;
	background:#fff;
	z-index:1003
}
#ui-footer-container .footer-copyright {
	float:right;
	display:block;
	padding-top:2px;
	padding-right:15px;
	font-size:11px;
	color: #95a3ac
}
/******** 글로벌 네비게이션 ********/
#ui-top-container li {
	float:left;
}
#ui-top-container .top-logo {
	display:inline-block;
	float:left;
	padding:1px 15px 0 10px;
	height:30px;
	letter-spacing:1px
}
#ui-top-container .top-logo a {
	color:#fff
}
#ui-top-container .top-logo a:hover {
	color:#bff1ff;
	transition:background .3s
}
#ui-top-container .top-logo h1 {
	font-family:'tahoma';
	font-size:21px !important;
	color:#fff;
	font-style:normal
}
#ui-top-container .top-logo h1 em {
	font-family:'SECGCWL';
	font-style:normal
}
#ui-top-container .top-sidemenu {
	display:inline-block;
	float:right;
	height:30px;
	padding:10px 10px 0 0;
}
#ui-top-container .top-sidemenu ul li {
	padding:0 10px;
	color:#fff;
}
#ui-top-container .top-sidemenu ul li span {
	display:inline-block;
	padding-top:4px;
}
#ui-top-container .top-sidemenu ul li a {
	color:#fff
}
#ui-top-container .top-sidemenu ul li.toplogout {
	width:76px;
	height:22px;
	border:1px solid #405f88;
	text-align:center;
	background:#f9f9fa;
	padding:1px 0;
}
#ui-top-container .top-sidemenu ul li.toplogout span {
	color:#388cff!important;
	font-size:11px !important;
	font-family:'dotum';
	letter-spacing:-1px;
}
#ui-top-container .top-sidemenu ul li.toplogout:hover {
	border:1px solid #388cff;
	background:#f3fffe;
}
#ui-top-container .gnb-menu,#ui-top-container .gnb-menu a,#ui-top-container .gnb-menu a:hover,#ui-top-container .gnb-menu ol li {
	background:url(../themes/stc/images/gnb-background.png);
	background:#557fb6
}
#ui-top-container .gnb-menu {
	display:block;
	margin-top:30px;
	width:100%;
	height:29px;
	border-bottom:0px solid #222f43;
	min-width:1024px
}
#ui-top-container .gnb-menu a {
	display:inline-block;
	padding:9px 20px 0 20px;
	height:29px;
	font-family:SECGCWM;
	font-size:13px;
	color:#fff
}
#ui-top-container .gnb-menu a {
	background-position:0 0
}
#ui-top-container .gnb-menu a:hover {
	background-position:0 -32px;
	background:#6797d7;
	color:#fff;
	transition:background .3s
}
#ui-top-container .gnb-menu ol li.on a {
	background-position:0 -64px;
	background:#405f88;
	color:#fff
}
#ui-footer-container {
	font-size: 0.6em;
}
/******** left 메뉴 시작 ********/
#left-menu {
	margin:0;
	padding:0
}
#left-menu div.left-title {
	margin:0 0 5px 0;
	padding:17px 0 0;
	width:100%;
	height:50px;
	border-bottom:1px solid #8c9fb8;
	text-align:center
}
#left-menu div.left-title h2 {
	margin:0;
	padding:0;
	font-family:'SECGCWM';
	font-weight:normal;
	font-size:16px;
	color:#212121;
}
#left-menu a {
	font-family:'dotum';
	font-style:normal;
	font-size:12px;
	overflow:hidden
}
#left-menu ul {
	display:block;
	padding:0 16px;
	width:100%
}
#left-menu>ul>li {
	border-bottom:1px solid #cad6e6;
	white-space:nowrap;
	overflow:hidden
}
#left-menu>ul>li>a {
	display:block;
	padding:8px 0 6px 0;
	color:#353535;
	font-family:'SECGCWM' !important;
	font-style:normal;
	font-size:12px;
	background:url(../themes/stc/images/bullet-leftMenu-off.png) no-repeat right center
}
#left-menu>ul>li>a:hover {
	color:#000;
	background:url(../themes/stc/images/bullet-leftMenu-select-on.png) no-repeat right center
}
#left-menu>ul>li>a.on {
	color:#3275c8;
	background:url(../themes/stc/images/bullet-leftMenu-on.png) no-repeat right center !important
}
#left-menu>ul>li>a.off {
	color:#454545;
	background:url(../themes/stc/images/bullet-leftMenu-off.png) no-repeat right center !important
}
#left-menu>ul>li>a.noDown-on {
	color:#3275c8 !important;
	background:url(../themes/stc/images/bullet-leftMenu-none-on.png) no-repeat right center
}
#left-menu>ul>li>a.noDown-off {
	color:#353535 !important;
	background:url(../themes/stc/images/bullet-leftMenu-none-off.png) no-repeat right center
}
#left-menu>ul>li>a:hover.noDown-on,#left-menu>ul>li>a:hover.noDown-off {
	color:#000 !important;
	background: url(../themes/stc/images/bullet-leftMenu-none-hover.png) no-repeat right center
}
/**** 2,3,4번째 메뉴 공통 ****/
#left-menu dl>dt>a.noDown-on,#left-menu dl>dt>dl>dt>a.noDown-on,#left-menu dl>dt>dl>dt>dl>dt>a.noDown-on,#left-menu dl>dt>dl>dt>dl>dt>dl>dt>a.noDown-on {
	color:#000 !important;
	background:url(../themes/stc/images/bullet-leftMenu-select-none-on.png) no-repeat
}
#left-menu dl>dt>a.off,#left-menu dl>dt>dl>dt>a.off {
	color:#656565 !important;
	background:url(../themes/stc/images/bullet-leftMenu2.png) no-repeat
}
#left-menu dl>dt>a.noDown-off,#left-menu dl>dt>dl>dt>a.noDown-off,#left-menu dl>dt>dl>dt>dl>dt>a.noDown-off,#left-menu dl>dt>dl>dt>dl>dt>dl>dt>a.noDown-off {
	color:#656565 !important;
	background:url(../themes/stc/images/bullet-leftMenu-none-off.png) no-repeat
}
#left-menu dl>dt>a.noDown-on,#left-menu dl>dt>a.noDown-off {
	background-position:8px center !important
}
#left-menu dl>dt>dl>dt>a.noDown-on,#left-menu dl>dt>dl>dt>a.noDown-off {
	background-position:20px center !important
}
#left-menu dl>dt>dl>dt>dl>dt>a.noDown-on,#left-menu dl>dt>dl>dt>dl>dt>a.noDown-off {
	background-position:30px center !important
}
#left-menu dl>dt>dl>dt>dl>dt>dl>dt>a.noDown-on,#left-menu dl>dt>dl>dt>dl>dt>dl>dt>a.noDown-off {
	background-position:40px center !important
}
#left-menu dl,#left-menu dl>dt>dl,#left-menu dl>dt>dl>dt>dl,#left-menu dl>dt>dl>dt>dl>dt>dl {
	display:block;
	margin-top:0;
	margin-bottom:0
}
#left-menu dl>dt,#left-menu dl>dt>dl>dt,#left-menu dl>dt>dl>dt>dl>dt,#left-menu dl>dt>dl>dt>dl>dt>dl>dt {
	white-space:nowrap;
	overflow:hidden;
}
#left-menu dl>dt>a,#left-menu dl>dt>dl>dt>a,#left-menu dl>dt>dl>dt>dl>dt>a {
	display:block;
	color:#656565;
	border:1px solid #fff;
}
#left-menu dl>dt>a:hover,#left-menu dl>dt>dl>dt>a:hover,#left-menu dl>dt>dl>dt>dl>dt>a:hover,#left-menu dl>dt>dl>dt>dl>dt>dl>dt>a:hover {
	color:#151515;
	border:1px solid #b3daff;
	border-radius:3px;
	transition:border-color .3s
}
#left-menu dl>dt>a.on,#left-menu dl>dt>dl>dt>a.on,#left-menu dl>dt>dl>dt>dl>dt>a.on,#left-menu dl>dt>dl>dt>dl>dt>dl>dt>a.on {
	background:url(../themes/stc/images/bullet-leftMenu-select-on.png) no-repeat
}
#left-menu dl>dt>a.on,#left-menu dl>dt>a.off {
	background-position:4px center !important
}
#left-menu dl>dt>dl>dt>a.on,#left-menu dl>dt>dl>dt>a.off {
	background-position:18px center !important
}
#left-menu dl>dt>dl>dt>dl>dt>a.on,#left-menu dl>dt>dl>dt>dl>dt>a.off {
	background-position:32px center !important
}
#left-menu dl>dt>dl>dt>dl>dt>dl>dt>a.on,#left-menu dl>dt>dl>dt>dl>dt>dl>dt>a.off {
	background-position: 46px center !important
}
/* 2 */
#left-menu dl {
	padding:8px 0;
	border-top:1px solid #cad6e6;
	border-bottom:0px solid #8da7c9;
	overflow:auto
}
#left-menu dl>dt>a {
	padding:3px 0 0 16px;
	background:url(../themes/stc/images/bullet-leftMenu2-off.png) no-repeat 8px center
}
#left-menu dl>dt>a.on {
	color: #000 !important
}
/* 3 */
#left-menu dl>dt>dl {
	padding:0 !important;
	border:0 !important
}
#left-menu dl>dt>dl>dt>a {
	padding:3px 0 0 29px;
	background:url(../themes/stc/images/bullet-leftMenu2-off.png) no-repeat 20px center
}
#left-menu dl>dt>dl>dt>a.on {
	color: #000 !important
}
/* 4 */
#left-menu dl>dt>dl>dt>dl {
	padding:0 !important
}
#left-menu dl>dt>dl>dt>dl>dt>a {
	padding:3px 0 0 42px;
	background:url(../themes/stc/images/bullet-leftMenu2-off.png) no-repeat 32px center
}
#left-menu dl>dt>dl>dt>dl>dt>a.on {
	color: #000 !important
}
/* 5 */
#left-menu dl>dt>dl>dt>dl>dt>dl {
	padding:0 !important;
}
#left-menu dl>dt>dl>dt>dl>dt>dl>dt>a {
	padding:3px 0 0 55px;
	background:url(../themes/stc/images/bullet-leftMenu2-off.png) no-repeat 44px center
}
#left-menu dl>dt>dl>dt>dl>dt>dl>dt>a.on {
	color:#000 !important
}
#left-menu .menu-select {
	border:1px solid #9ac6f1;
	border-radius:3px;
	background:url(../themes/stc/images/menu-select-bg.png) repeat-x !important;
	transition:border-color .3s
}
/* 업무화면 시작 */
.btn-area + .content {
	margin:0;
	padding:55px 15px 15px 15px;
}
.content {
	margin:0;
	padding:0 15px;
}
.content .container-fixed{
	padding:0;
}
/* 계획일정*/
.process-step ul{
    display: flex;
    flex-wrap: wrap;
}
.process-step ul li{
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
	padding:5px 15px;
	margin:5px 0;;
	min-width:250px;
	position:relative;
}
.process-step ul li label{
    display: inline-flex;
    align-items: center;
	margin-right:10px;
	min-width:80px;
}
.process-step ul li label span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    margin-right: 5px;
    padding: 1px 0;
    color: #fff;
    font-size: 12px;
    border: 1px solid #57a75b;
    background-color: #67b76b;
    border-radius: 18px;
}
.process-step ul li i {
	color:#c8c8c8;
	position:absolute;
	right:0;
}
/* 폼 그룹 */
.ul-table-in-left li{
	display:flex;
	align-items:center;
	margin-right:5px;
}
.item-field input {
	border-radius:5px 0 0 5px;
	border-right:0;
}
.item-field.single input{
	border-radius: 5px 0 0 5px !important;
}
.item-field.single + .btn-defult a {
	border:0 !important
}
.item-field + .btn-defult a {
    display: inline-flex !important;
	align-items: center;
    height: 27px;
    width: 100%;
	margin:0 !important;
	padding:0 12px;
	color:#efefef;
	background-color:#7b7b7b !important;
	border-radius:0 5px 5px 0;
	transition:all .2s ease-out;
}
.item-field + .btn-defult a:hover {
	background-color:#454545 !important;
}
.item-field + .btn-defult.btn-del-line a{
	background-color:#fff !important;
	color:#808080;
	border:1px solid #d8d8d8  !important;
}
.copy-box {
	border: 1px solid #d3d3d3;
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 5px;
}
/* 체크박스 그룹 */
.check-group {
     display: inline-flex;
}
.check-group input {
	margin:0;
}
.check-group label {
    display: inline-flex;
    align-items: center;
	margin-right:20px;
}
.check-group label:last-child {
	margin-right:0;
}
.check-group label em{
     display:inline-block;
     margin-left:4px;
     font-style:normal;
}
.check-group .label-title {
	margin-right: 20px;
	color:#3973d0;
}
/* 타이틀 */
.sub-title01 {
 display:flex;
 justify-content: space-between;
 align-items:center;
 font-size:16px !important;
 width: 100%;
 padding: 10px 0 10px 22px;
 font-weight: 700;
 color: #000;
 background: url(../../css/themes/stc/images/bullet-sub01.png) no-repeat top left;
 background-position: left center;
}
.sub-title01 span {
	font-size:13px;
	font-weight:500;
}
/* Color 박스 */
.color-box {
	padding:15px 20px;
	margin-bottom:15px;
}
.light-blue {
	background-color:#f4fbff;
	border:1px solid #ccd9ef;
}
/*.content{margin:0;padding: 8px 38px 8px 16px}*/
.ie10 .content {
	margin:0;
	padding:8px 38px 8px 16px
}
.row {
	margin-bottom:20px
}
.grid-top span {
	float:left;
	padding:3px 0 0 0;
	font-family:'Malgun Gothic';
	font-size:12px;
	font-weight:bold;
	color:#212121
}
.grid-top {
	padding:6px 0 0 0;
	font-family:dotum;
	height:28px;
	font-size:11px;
	font-weight:bold;
	color:#858585;
	text-align:right
}
.grid-top select {
	margin:0 !important;
	padding:0 !important;
	border:0;
	font-family:'dotum';
	font-size:11px;
	font-weight:bold;
	height:16px;
	color:#353535
}
.grid-bottom {
	padding:6px 0 0 0;
	font-family:dotum;
	height:21px
}
.grid-bottom em {
	font-family:'tahoma';
	font-size:11px;
	font-style:normal;
	color:#858585
}
.grid-bottom em b {
	color:#353535
}
.grid-bottom em strong {
	color:#ff7531
}
@media print {
	
	#ui-aside-container,#ui-top-container,#ui-footer-container {
		display:none
	}
	#ui-main-container {
		padding-left:0 !important
	}

	td,th {
		border:1px solid #333 !important;
		border-collapse:collapse;
		color:#333 !important
	}
/*	안성주 인쇄 추가 */
	@page {
		margin: 2px;
	}

	body {
		margin: 50px;
	}


}
/* 페이지 루트 시작 */ #breadcrumb {
	height:28px;
	padding-top:8px;
	padding-left:10px;
	border-bottom:1px solid #cfcfcf;
	background:url(../themes/stc/images/depthHistory-bg.gif) repeat-x left top;
	background:#fff
}
#breadcrumb ul {
	margin:0;
	padding:0
}
#breadcrumb ul li {
	float:left;
	color:#808080;
	padding:0 3px;
	font-size:12px
}
#breadcrumb ul li.end {
	font-weight:bold;
	color:#808080
}
/* 조회 영역 시작 */ .search {
	display:block;
	padding:3px 0 0 0;
	background:#fff;
	/*min-width:768px;overflow:hidden;*/
}
.search table {
	margin:0;
	padding:0
}
.search table th {
	line-height:25px;
}
.search table th img,.search table td img {
	vertical-align:text-bottom
}
.search table {
	display:inline-block;
	margin:0;
	padding:0;
	border:0;
	box-sizing:border-box;
	overflow:hidden;
	outline:none
}
.search table th {
	padding:5px 15px;
	color:#454545;
	vertical-align:top;
	text-align:left;
	background:url(../themes/stc/images/bullet-search.png) no-repeat left .75em;
	white-space:nowrap
}
.search table td {
	padding-right:40px;
	/*white-space:nowrap;*/ color:#454545;
}
.search table td span {
	display:inline-block;
	vertical-align:text-bottom
}
.search table td select {
	margin-right:0;
	/*vertical-align:text-bottom*/;
}
.search table td input {
	margin-right:0
}
.search span.detail {
	display:block;
	float:right;
	padding-top:6px;
	padding-right:10px;
	background:url(../themes/stc/images/arrow-down.gif) no-repeat right center
}
.search a {
	display:inline-block;
	margin:0 2px 0 0;
	color: #5787d3
}
.shadow {
	-webkit-box-shadow:0px 1px 0 #f2f2f2;
	/* Safari and Chrome */
	-moz-box-shadow:0px 1px 0 #f2f2f2;
	/* Firefox */
	box-shadow:0px 1px 0 #f2f2f2;
	/* IE9->*/
}
		.search .detail-view {
	display:block;
	padding:7px 20px 5px 20px;
	margin:0 -20px -2px -20px;
	border-top:1px solid #b5cae2;
	border-bottom:2px solid #8fabcb;
	background:#f2f8ff
}
.search .detail-view-none {
	display:none;
	padding:7px 20px 5px 20px;
	margin:0 -20px -2px -20px;
	border-top:1px solid #b5cae2;
	border-bottom:2px solid #8fabcb;
	background:#f2f8ff;
}
.search .detail-view th {
	font-weight:normal !important;
	color:#215598 !important
}
.search .detail-view a {
	float:left;
	display:inline-block;
	margin-top:10px;
	padding-right:20px;
	background:url(../themes/stc/images/sidemenu-line.gif) no-repeat right center;
}
.search .detail-view a span {
	float:left;
	display:inline-block;
	width:12px;
	height:12px;
	margin:0 5px;
	vertical-align:middle
}
.search .detail-item {
	margin-right:20px;
	padding:10px;
	border-top:1px solid #c2c2c2;
	box-sizing: border-box
}
/* 아이콘 시작 */
.icon-mySES {
	display:inline-block;
	width:19px;
	height:19px;
	background:url(../themes/stc/images/icon-mySES.png) no-repeat top center
}
.icon-logout {
	display:inline-block;
	width:19px;
	height:19px;
	background:url(../themes/stc/images/icon-logout.png) no-repeat top center
}
.icon-search {
	background:url(../themes/stc/images/icon-search-sbin.gif) no-repeat top center
}
.icon-subTitle {
	display:inline-block;
	margin-right:5px;
	width:12px;
	height:12px;
	background:url(../themes/stc/images/icon-subTitle.gif) no-repeat top center;
	vertical-align:middle
}
.icon-sub-subTitle {
	display:inline-block;
	width:21px;
	height:7px;
	background: url(../themes/stc/images/bullet-sTitle.gif) no-repeat center center
}
/* 아이콘 끝 */
/* 버튼 영역 시작*/
.btn-area {
	width:100%;
	padding:5px 15px;
	border-bottom:1px solid #d6d6d6;
	vertical-align:top;
	display:table;
	min-width:480px
}
.btn-area.align-right {
	padding:10px 0;
	border-top:1px solid #d6d6d6;
	border-bottom:0;
}
.btn-area.align-right .btn_defult {
	padding:5px 12px;
	border-color:#bdbdbd;
}
.btn-area.align-right .btn_defult:hover {
	color:#151515;
	border-color:#858585;
}
.btn-area-popup {
	width:100%;
	padding:5px 15px 5px 15px;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #d6d6d6;
	vertical-align:top;
	display:table
}
.btn-area label {
	display:inline-block;
	padding-top:6px;
	font-family:'SECGCWM' !important;
	color:#151515
}
.btn-area ol {
	margin:0 0 0 -3px;
	padding:0
}
.btn-area ol li {
	float:left;
	padding-right:4px;
	padding-left:3px;
	height:24px;
}
.btn-area a {
	margin:0
}
.btn-area div {
	display:inline-block;
	float:right
}
.btn-area div ol.linebule {
	clear:both;
}
.btn-area div ol.linebule li {
	padding:0 4px 0px;
	background:none;
}
.btn-area div ol.linebule li.line2 {
	padding-right:5px;
	padding-left:4px;
	background:url(../themes/stc/images/iconBtn-line2.gif) no-repeat right center
}
/*.btn-area div ol.linebule li.lastbgnone{padding-right: 0px;}*/
.btn-area div ol.linebule li:last-child {
	padding-right:0px;
	float:right;
}
/*.btn-area div{display:inline-block;float:right;margin-right: 23px}*/
.btn-bottom {
	margin-top:-5px !important
}
.btn-top {
	height:23px;
	margin-bottom:10px !important;
	padding-bottom:4px;
	border-bottom:1px solid #cfcfcf !important
}
.btn-table-area {
	display:inline-block;
	vertical-align:text-top
}
.btn-sub-area {
	width:100%;
	margin-bottom:10px;
	height:28px;
	vertical-align:top;
}
.btn-sub-area>div {
	display:inline-block;
	float:left
}
.btn-sub-area>span {
	float:right;
	display:inline-block;
	padding-top:7px;
	color:#999;
	font-family:dotum;
	font-size:11px
}
.btn-footer-area {
	margin-top:5px;
	text-align: left
}
/* 브라우저 팝업 */
.sub-area {
	display:flex;
	justify-content: flex-end;
	padding:5px 15px;
}
.sub-area a{
	margin-left:4px;
}
.container-fixed {
	padding:15px;
}
/* 기본 버튼 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.table-shuttle td {
		padding:0 !important;
		border:0 !important
	}
	a.btn_defult em {
		line-height:19px !important;
	}
	a.btn_sm_defult {
		line-height:23px !important;
	}
}
a.btn_sm_defult:hover i,a.btn_sm_red:hover i,a.btn_sm_blue:hover i,a.btn_ss_defult:hover i,a.btn_ss_white:hover i,a.btn_defult:hover i {
	color:#fff !important
}
a.btn_defult, a.btn_defult.btn_search{
	cursor:pointer;
	transition:all .2s ease-out;
}
a.btn_defult {
	display:inline-block;
	padding:3px 12px;
	border:1px solid #d8d8d8;
	height: 27px;
	color:#656565;
	border-radius:5px;
	transition:all .2s ease-out;
}
a.btn_defult em{
	font-style:normal;
}
a.btn_defult.disabled {
	border:1px solid #efefef;
	color:#858585;
}
a.btn_defult:hover {
	border:1px solid #858585;
	color:#151515;
}
/* 아이콘형 버튼 */
a.btn_icon_defult,a.btn_icon_defult:hover,a.btn_icon_defult:active {
	background:url(../themes/stc/images/btn_icon_defult.png);
	cursor:pointer;
	transition:background .1s
}
a.btn_icon_defult {
	display:inline-block;
	width:24px;
	height:24px
}
a.btn_icon_defult {
	background-position:0 0
}
a.btn_icon_defult:hover {
	background-position:0 -24px
}
a.btn_icon_defult:active {
	background-position:0 -48px
}
a.btn_icon_defult span {
	display:inline-block;
	width:24px;
	height:24px
}
a.btn_icon_defult span.print,a.btn_icon_defult span.heip,a.btn_icon_defult span.excel,a.btn_icon_defult span.column {
	display:inline-block
}
a.btn_icon_defult span.print {
	background:url(../themes/stc/images/icon_print.png) no-repeat center center
}
a.btn_icon_defult span.help {
	background:url(../themes/stc/images/icon_help.png) no-repeat center center
}
a.btn_icon_defult span.excel {
	background:url(../themes/stc/images/icon_excel.png) no-repeat center center
}
a.btn_icon_defult span.column {
	background: url(../themes/stc/images/icon_column.png) no-repeat center center
}
/* small Button */
a.btn_sm_defult,a.btn_sm_defult span,a.btn_sm_defult em,a.btn_sm_defult:hover,a.btn_sm_defult:hover span,a.btn_sm_defult:hover ema.btn_sm_defult:active,a.btn_sm_defult:active span a.btn_sm_defult:active em {
	background:url(../themes/stc/images/btn_sm_defult.png);
	cursor:pointer;
}
a.btn_sm_defult {
	display:inline-block;
	padding:0 0 0 7px !important;
	height:22px;
	line-height:24px;
	font-size:12px;
	color:#454545;
	font-family:'dotum';
	white-space:nowrap;
}
a.btn_sm_defult em {
	display:inline-block;
	float:right;
	height:22px;
	width:7px
}
a.btn_sm_defult {
	background-position:0 0
}
a.btn_sm_defult em {
	background-position:right -44px
}
a.btn_sm_defult:hover {
	background-position:0 -22px;
	color:#fff;
}
a.btn_sm_defult:hover em {
	background-position: right -66px
}
/* small Button Red */
a.btn_sm_red,a.btn_sm_red span,a.btn_sm_red em,a.btn_sm_red:hover,a.btn_sm_red:hover span,a.btn_sm_red:hover ema.btn_sm_red:active,a.btn_sm_red:active span a.btn_sm_red:active em {
	background:url(../themes/stc/images/btn_sm_red.png);
	cursor:pointer;
}
a.btn_sm_red {
	display:inline-block;
	padding:0 0 0 7px !important;
	height:22px;
	line-height:24px;
	font-size:12px;
	color:#b33737;
	font-family:'dotum';
	white-space:nowrap;
}
a.btn_sm_red em {
	display:inline-block;
	float:right;
	height:22px;
	width:7px
}
a.btn_sm_red {
	background-position:0 0
}
a.btn_sm_red em {
	background-position:right -44px
}
a.btn_sm_red:hover {
	background-position:0 -22px;
	color:#fff;
}
a.btn_sm_red:hover em {
	background-position: right -66px
}
/* small Button Blue */
a.btn_sm_blue,a.btn_sm_blue span,a.btn_sm_blue em,a.btn_sm_blue:hover,a.btn_sm_blue:hover span,a.btn_sm_blue:hover ema.btn_sm_red:active,a.btn_sm_red:active span a.btn_sm_red:active em {
	background:url(../themes/stc/images/btn_sm_blue.png);
	cursor:pointer;
}
a.btn_sm_blue {
	display:inline-block;
	padding:0 0 0 7px !important;
	height:22px;
	line-height:24px;
	font-size:12px;
	color:#005bb1;
	font-family:'dotum';
	white-space:nowrap;
}
a.btn_sm_blue em {
	display:inline-block;
	float:right;
	height:22px;
	width:7px
}
a.btn_sm_blue {
	background-position:0 0
}
a.btn_sm_blue em {
	background-position:right -44px
}
a.btn_sm_blue:hover {
	background-position:0 -22px;
	color:#fff;
}
a.btn_sm_blue:hover em {
	background-position: right -66px
}
/* super small Button */
a.btn_ss_defult,a.btn_ss_defult span,a.btn_ss_defult em,a.btn_ss_defult:hover,a.btn_ss_defult:hover span,a.btn_ss_defult:hover ema.btn_ss_defult:active,a.btn_ss_defult:active span a.btn_ss_defult:active em {
	background:url(../themes/stc/images/btn_ss_defult.gif);
	cursor:pointer;
}
a.btn_ss_defult {
	display:inline-block;
	padding:0 0 0 8px !important;
	height:20px;
	font-size:11px;
	line-height:20px;
	color:#fff;
	font-family:'SECGCWM';
	font-style:normal;
	white-space:nowrap;
}
a.btn_ss_defult em {
	display:inline-block;
	float:right;
	height:20px;
	width:8px
}
a.btn_ss_defult {
	background-position:0 0
}
a.btn_ss_defult em {
	background-position:right -40px
}
a.btn_ss_defult:hover {
	background-position:0 -20px;
	color:#fff;
}
a.btn_ss_defult:hover em {
	background-position: right -60px
}
/* super small Button. white */
a.btn_ss_white,a.btn_ss_white span,a.btn_ss_white em,a.btn_ss_white:hover,a.btn_ss_white:hover span,a.btn_ss_white:hover ema.btn_ss_white:active,a.btn_ss_white:active span a.btn_ss_white:active em {
	background:url(../themes/stc/images/btn_ss_white.gif);
	cursor:pointer;
}
a.btn_ss_white {
	display:inline-block;
	padding:0 0 0 8px !important;
	height:20px;
	font-size:11px;
	line-height:20px;
	color:#454545;
	font-family:'SECGCWM';
	font-style:normal;
	white-space:nowrap;
}
a.btn_ss_white em {
	display:inline-block;
	float:right;
	height:20px;
	width:8px
}
a.btn_ss_white {
	background-position:0 0
}
a.btn_ss_white em {
	background-position:right -40px
}
a.btn_ss_white:hover {
	background-position:0 -20px;
	color:#fff;
}
a.btn_ss_white:hover em {
	background-position: right -60px
}
/* small Button Red */
a.btn_red,a.btn_red span,a.btn_red em,a.btn_red:hover,a.btn_red:hover span,a.btn_red:hover em,a.btn_red.disabled,a.btn_red.disabled em {
	background:url(../themes/stc/images/btn_red.png);
	cursor:pointer;
}
a.btn_red {
	display:inline-block;
	padding:0 0 0 6px !important;
	height:21px;
	line-height:1.7;
	font-size:12px;
	color:#b33737;
	font-family:'malgun gothic';
	white-space:nowrap;
}
a.btn_red em {
	display:inline-block;
	float:right;
	height:21px;
	width:6px
}
a.btn_red {
	background-position:0 0
}
a.btn_red em {
	background-position:right -42px
}
a.btn_red:hover {
	background-position:0 -21px;
	color:#fff;
}
a.btn_red:hover em {
	background-position:right -63px
}
a.btn_red.disabled {
	background-position:0 -84px !important;
	color:#b2b2b2 !important
}
a.btn_red.disabled em {
	background-position: right -105px !important
}
/* small Button Blue */
a.btn_blue,a.btn_blue span,a.btn_blue em,a.btn_blue:hover,a.btn_blue:hover span,a.btn_blue:hover em,a.btn_sm_red:active,a.btn_sm_red:active span a.btn_sm_red:active em {
	background:url(../themes/stc/images/btn_blue.png);
	cursor:pointer;
}
a.btn_blue {
	display:inline-block;
	padding:0 0 0 6px !important;
	height:21px;
	line-height:1.7;
	font-size:12px;
	color:#005bb1;
	font-family:'malgun gothic';
	white-space:nowrap;
}
a.btn_blue em {
	display:inline-block;
	float:right;
	height:21px;
	width:6px
}
a.btn_blue {
	background-position:0 0
}
a.btn_blue em {
	background-position:right -42px
}
a.btn_blue:hover {
	background-position:0 -21px;
	color:#fff;
}
a.btn_blue:hover em {
	background-position:right -63px
}
a.btn_blue.disabled {
	background-position:0 -84px !important;
	color:#b2b2b2 !important
}
a.btn_blue.disabled em {
	background-position: right -105px !important
}
/* image Button */
.btn_divC,.btn_divC:hover,.btn_divC:active {
	background:url(../themes/stc/images/btn_divClose.gif);
}
.btn_divC {
	display:inline-block;
	width:15px;
	height:15px;
	background-position:0 0;
}
.btn_divC:hover {
	display:inline-block;
	width:15px;
	height:15px;
	background-position:0 -15px;
}
.btn_divC:active {
	display:inline-block;
	width:15px;
	height:15px;
	background-position: 0 -30px;
}
/* 테이블 타이들 */
.sub-title-area {
	display:flex;
	padding:10px 0;
}
.sub-title-area h3 {
	font-size:18px;
}
.sub-title-area h4 {
	display:inline-block;
	margin-top:3px;
	font-family:'Malgun Gothic' !important;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom
}
.sub-title-area div {
	float:right;
	color:#656565
}
.sub-title-area p {
	display:inline-block;
	float:right;
	margin:0;
	padding-top:5px;
	height:16px;
	color:#656565
}
.sub-title-area.btn-ui {
	justify-content: space-between;
}
.sub-title-area.btn-ui a{
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    color: #656565;
    font-weight: 500;
    border: 1px solid #bababa;
    border-radius: 5px;
    height: 27px;
    background-color: #fff;
}
.sub-title-area.btn-ui a:hover{
    color: #fff;
    background: #42454f;
    border: 1px solid #1f2229;
    transition: border-color .3s;
}
.sub-title {
	color:#212121
}
.pop-sub-title {
	color:#fff;
	font-weight:bold
}
.sub-title>h4>i {
	display:inline-block;
	width:12px;
	height:14px;
	vertical-align:text-top
}
.icon-subTitle {
	background:url(../themes/stc/images/icon-subTitle.gif) no-repeat left bottom
}
.sub-title-btn-area {
	padding-top:4px;
	height:30px;
	border-top:1px solid #cfcfcf
}
.sub-title-btn-area div {
	float:right;
	color:#858585;
	font-size:11px
}
.sub-footer-btn {
	padding-top:4px;
	margin:0;
	height:25px
}
.sub-footer-btn div {
	float:right;
	margin:0 -3px;
	color:#656565
}
.bottom-line {
	border-bottom:1px solid #b6b9bd;
	margin-bottom:7px;
	height:23px !important
}
.top-line {
	border-top:1px solid #b6b9bd;
	margin-top: 7px
}
/* 텍스트 정열 */
.text-left {
	text-align:left !important
}
.text-center {
	text-align:center !important
}
.text-right {
	text-align:right !important
}
.text-middle {
	vertical-align:middle !important
}
.text-middle-center {
	text-align:center !important;
	vertical-align:middle !important
}
.text-middle-right {
	text-align:right !important;
	vertical-align: middle !important
}
/* Table Style */
.td-edit {
	line-height:0 !important;
	padding:3px 6px !important;
}
.td-table {
	padding:3px !important
}
.table-view .table-border-none,.table-edit .table-border-none {
	margin:0;
	padding:0
}
.table-view .table-border-none tr td,.table-view .table-border-none tr th,.table-edit .table-border-none tr td,.table-edit .table-border-none tr th {
	border:0
}
.table-view .table-border-none tr th,.table-edit .table-border-none tr th {
	margin:0;
	padding:0;
	background:none
}
.table-view .table-border-none tr td,.table-edit .table-border-none tr td {
	margin:0;
	padding:0
}
.table-view .table-line,.table-edit .table-line {
	margin:0;
	padding:0;
	border-collapse:collapse
}
.table-view .table-line tr td,.table-view .table-line tr th,.table-edit .table-line tr td,.table-edit .table-line tr th {
	border:1px solid #ebebeb
}
.table-view .table-line tr th,.table-edit .table-line tr th {
	margin:0;
	padding:0;
	text-align:center;
	background:#f6f6f6
}
.table-view .table-line tr td,.table-edit .table-line tr td {
	margin:0;
	padding:0 6px
}
.table-view .table-line-strong,.table-edit .table-line-strong {
	margin:0;
	padding:0;
	border-collapse:collapse
}
.table-view .table-line-strong tr td,.table-view .table-line-strong tr th,.table-edit .table-line-strong tr td,.table-edit .table-line-strong tr th {
	border:1px solid #ebebeb
}
.table-view .table-line-strong tr th,.table-edit .table-line-strong tr th {
	margin:0;
	padding:0;
	color:#e4e7ed;
	text-align:center;
	background:#55627f
}
.table-view .table-line-strong tr td,.table-edit .table-line-strong tr td {
	margin:0;
	padding:0 6px
}
.table-view .table-line-division,.table-edit .table-line-division {
	display:inline-block;
	width:100%
}
.table-view .division-left li,.table-edit .division-left li {
	float:left;
	padding:0 6px;
	border-right:1px solid #ebebeb;
	border-bottom:0 !important
}
.table-view .table-line-division li,.table-edit .table-line-division li {
	border-bottom: 1px solid #ebebeb
}
.table-edit.table-outline > table{

}
.table-edit.table-outline > table > tbody > tr > th, .table-edit.table-outline > table > tbody > tr > td{
	border:0;
	padding:10px;
	background-color:#fff;
}
.table-edit.table-outline > table th {
	padding:2px 15px 2px 2px;
	color:#333;
}
.table-edit.table-outline > table td {
	padding:2px;
	color:#333;
}
.table-edit table td > table th {
	text-align:right;
}
.table-edit table td > table td {
	text-align:left;
	padding:5px;
}
.table-edit.file th, .table-edit.file td{
	text-align:center;
}
.title-box {
	display:inline-flex;
	justify-content: center;
	align-items:center;
	width:100%;
	height:120px;
	color:#fff;
	background-color:#68c56b;
}
.form-text-group .form-text {
	margin-right:20px;
}
.form-text {
	display:inline-flex !important;
	align-items:center;
}
.form-text label {
	margin-right:5px;
	color:#000;
}
.form-text i {
	font-size:18px;
	vertical-align:top;
	color:#ff7f47;
}
.form-text small {
	margin-left:5px;
}
.col-2way {
	display:flex;
}
.col-2way li {
	width:50%;
}
/* Table 읽기 모드 */
.table-view {
	margin:0;
	padding:0;
	border-collapse:separate;
	/*border:1px solid #4282c8;padding:1px;*/
}
.table-view>table {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #cdd2de;
	border-left:1px solid #cdd2de;
}
.table-view>table th {
	color:#343f4e;
	background:#eff9ff;
	padding:3px 16px 0;
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
	height:26px;
	line-height:22px;
	border-bottom:1px solid #cdd2de;
	border-right:1px solid #cdd2de;
}
.table-view>table td {
	color:#353535;
	padding:3px 16px 0;
	text-align:left;
	vertical-align:middle;
	line-height:22px;
	border-bottom:1px solid #cdd2de;
	border-right:1px solid #cdd2de;
}
/*.table-view>table{margin:0;padding:0;border:0;width:100%;border-collapse:collapse}.table-view>table th{color:#343f4e;background:#eff9ff;padding:3px 16px 0;text-align:left;font-weight:normal;vertical-align:middle;height:26px;line-height:22px;border:1px solid #cdd2de}.table-view>table td{color:#353535;padding:3px 16px 0;text-align:left;vertical-align:middle;line-height:22px;border: 1px solid #cdd2de}*/
.table-view>table td.long-text {
	display:block;
	line-height:180%
}
.table-view>table td span.check {
	display:inline-block;
	margin-right:20px;
	vertical-align:middle
}
.table-view>table td a {
	display:inline-block;
	margin:0 2px
}
.table-view>table td span {
	display:inline-block
}
.table-view>table td select {
	margin-right:0;
	vertical-align:text-bottom
}
.table-view>table td input {
	margin-right:0
}
.table-view>table td img,.table-view table td input {
	vertical-align:text-bottom
}
.table-view>table td.td-edit {
	line-height:0 !important;
	padding: 3px 6px !important;
}
/* Table 편집 모드 */
.table-edit {
	margin:0;
	padding:0;
	border-collapse:separate;
	margin-bottom:20px;
}
.table-edit>table {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	border-collapse:collapse;
}
.table-edit>table > tbody > tr > th {
	color:#333;
	background:#f6f6f8;
	padding:10px 5px 10px 20px;
	text-align:left;
	font-size:14px;
	font-weight:500;
	border:1px solid #e4e4e4;
}
.table-edit>table > tbody > tr > td {
	color:#555;
	padding:5px;
	text-align:left;
	vertical-align:middle;
	border:1px solid #e4e4e4;
}
.table-edit>table tr td span {
	display:inline-block;
	vertical-align:bottom;
}
.table-edit>table tr td.long-text {
	display:block;
	line-height:180%
}
.table-edit>table tr td span.check {
	display:inline-block;
	margin-right:20px;
	vertical-align:middle
}
.table-edit>table tr td a {
	display:inline-block;
	margin:0 2px
}
.table-edit>table tr td span {
	display:inline-block
}
.table-edit>table tr td select {
	margin-right:0;
	vertical-align:text-bottom
}
.table-edit>table tr td input {
	margin-right:0
}
.table-edit>table tr td input[type=button] {
	padding:0;
	height:27px;
	line-height:27px;
	background-color:#fff;
	border:1px solid #bdbdbd;
	color:#454545;
	border-radius:5px;
	font-family: Pretendard,'Malgun Gothic',sans-serif;
	cursor:pointer;
	transition:all .2s ease-out;
}
.table-edit>table tr td input[type=button]:hover {
	color:#151515;
	border:1px solid #858585;
}
.table-edit>table tr td img{
	vertical-align:text-bottom
}
.table-edit>table tr td.td-view {
	padding: 3px 16px 0 !important
}

.table-edit-list-box { margin-bottom:20px;}
.table-edit-list-box table{ width:100%; margin:0; padding:0; border-collapse:collapse}
.table-edit-list-box table th, .table-edit-list-box table td { font-size:14px; border:1px solid #e4e4e4}
.table-edit-list-box table th { background:#f6f6f8; text-align:center; padding:10px 5px; color:#252525;}
.table-edit-list-box table td { padding:5px; color:#252525; text-align:center}

.table-edit-list2-box { margin-bottom:20px;}
.table-edit-list2-box table{ width:100%; margin:0; padding:0; border-collapse:collapse}
.table-edit-list2-box table th, .table-edit-list2-box table td { font-size:14px; border:1px solid #e4e4e4}
.table-edit-list2-box table th { background:#f4f5f7; text-align:center; padding:10px 5px; color:#252525;}
.table-edit-list2-box table td { color:#252525; text-align:center}

/* shuttle table */
.table-shuttle {
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:0
}
.table-shuttle td {
	padding:0 !important;
	border:0 !important
}
.table-shuttle td ol {
	width:100%
}
.table-shuttle td ol li div.header {
	padding-top:6px;
	text-align:center;
	height:25px;
	color:#49618a;
	background:#e8eff9;
	border-top:1px solid #BEC4D4;
	border-left:1px solid #BEC4D4;
	border-right:1px solid #BEC4D4
}
.table-shuttle td ol li div.header-input {
	padding:2px;
	text-align:right;
	color:#49618a;
	background:#fff;
	border-top:1px solid #BEC4D4;
	border-left:1px solid #BEC4D4;
	border-right:1px solid #BEC4D4
}
.table-shuttle td ol li div.footer-input {
	padding:2px;
	text-align:right;
	color:#49618a;
	background:#fff;
	border-bottom:1px solid #BEC4D4;
	border-left:1px solid #BEC4D4;
	border-right:1px solid #BEC4D4
}
.table-shuttle td ol li div.btn-footer {
	margin:0 -2px;
	padding-top:3px;
	height:25px
}
.table-shuttle td ol li div.footer span {
	float: right
}
/* VP 항목 추가 */
.add-vp {
	display:flex;
	justify-content: center;
}
.add-vp span {
	padding:5px 12px;
	color:#fa6c3d;
	border:1px solid #ffa689;
	border-radius:14px;
	cursor:pointer;
	transition:all .2s ease-out;
}
.add-vp span:hover {
	color:#252525;
	border:1px solid #999;
}
/* check */
.check-label label {
	display: inline-flex;
    align-items: center;
	margin-bottom:10px;
}
.check-label label span{
	margin-left:5px;
	color:#959595;
}
/* 버튼*/
.btn-grey {
	display: inline-block;
	padding: 8px 12px;
	background: #6e6e6e;
	color: #fff !important;
	font-size: 14px;
	vertical-align: top;
	border-radius:5px;
}

.btn-lightgrey {
	display: inline-block;
	padding: 8px 12px;
	background: #a4a4a4;
	color: #fff !important;
	font-size: 14px;
	vertical-align: top;
	border-radius:5px;
}

.btn-darkgrey {
	display: inline-block;
	padding: 8px 12px;
	background: #414141;
	color: #fff !important;
	font-size: 14px;
	vertical-align: top;
	border-radius:5px;
}

.btn-orange {
	display: inline-block;
	padding: 8px 12px;
	background: #fe7912;
	color: #fff !important;
	font-size: 14px;
	vertical-align: top;
	border-radius:5px;
}
/* Info Box */
.info-topbox {
	padding:5px 15px 2px 15px;
	font-size:12px;
	background:#fffbe2;
	border-radius:0;
	box-shadow:0 1px 2px rgba(0,0,0,0.25);
	border-bottom:1px solid #ffdd8e;
}
.info-topbox p {
	margin:0;
	padding:0;
	line-height:18px
}
.info-topbox a {
	display:block;
	width:100%;
	color:#353535
}
.info-topbox a:hover {
	color:#000
}
.topbox-red {
	background:#ffebeb !important;
	color:#e02424 !important;
	border-bottom:1px solid #fcb1b1 !important;
}
.topbox-red a {
	color:#e02424 !important
}
.topbox-blue {
	background:#def3ff !important;
	color:#256c9e !important;
	border-bottom:1px solid #86c1ef !important;
}
.topbox-blue a {
	color:#256c9e !important
}
.topbox-green {
	background:#e9f8e2 !important;
	color:#417d34 !important;
	border-bottom:1px solid #aee099 !important;
}
.topbox-green a {
	color:#417d34 !important
}
.info-box-label {
	padding:5px 15px 2px 15px;
	margin-bottom:4px;
	border:1px solid #ffdd8e;
	color:#625d3c;
	font-size:12px;
	background:#fffbe2;
	border-radius:2px
}
.label-red {
	background:#ffebeb !important;
	color:#e02424 !important;
	border:1px solid #fcb1b1 !important;
}
.label-red a {
	color:#e02424 !important
}
.label-blue {
	background:#def3ff !important;
	color:#256c9e !important;
	border:1px solid #86c1ef !important;
}
.label-blue a {
	color:#256c9e !important
}
.label-green {
	background:#e9f8e2 !important;
	color:#417d34 !important;
	border:1px solid #aee099 !important;
}
.label-green a {
	color:#417d34 !important
}
.label-puopel {
	background:#f9f0f8 !important;
	color:#a957a0 !important;
	border:1px solid #e3bcdf !important;
}
.label-puopel a {
	color:#a957a0 !important
}
.label-gray {
	background:#f6f6f6 !important;
	color:#454545 !important;
	border:1px solid #bbb !important;
}
.label-gray a {
	color: #252525 !important
}
/* tab */
.tabs1 {
	float:left;
	width:100%;
	height:25px;
	font-size:12px;
	line-height:normal;
	border-bottom:1px solid #6583b1;
}
.tabs1 ul {
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
}
.tabs1 li {
	display:inline;
	margin:0;
	padding:0;
}
.tabs1 a {
	float:left;
	background:url('../themes/stc/images/tableft1.gif') no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
.tabs1 a span {
	float:left;
	display:block;
	background:url('../themes/stc/images/tabright1.png') no-repeat right top;
	padding:7px 12px 3px 8px;
	color: #627EB7;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs1 a span {
	float: none;
}
/* End IE5-Mac hack */
.tabs1 a:hover span {
	color:#4368b5
}
.tabs1 a:hover {
	background-position:0% -42px
}
.tabs1 a:hover span {
	background-position:100% -42px
}
.tabs1 .on a {
	background-position:0% -42px;
}
.tabs1 .on a span {
	background-position:100% -42px
}
.tabs1 .on a span {
	font-weight:bold;
	padding:7px 11px 4px 7px;
	color:#3b5a9a
}
.tab-body {
	display:table;
	width:100%;
	padding:10px;
	border-left:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
	border-color: #6583b1
}
/* 행간 높이 조정 */
.space-20,.space-10,.space-5 {
	display:block;
	width:100%;
	overflow:hidden;
	clear:both
}
.space-20 {
	height:20px
}
.space-10 {
	height:10px
}
.space-5 {
	height: 5px
}
/* 팝업 */
.popup-ui {
	display:table-cell;
	width:100%;
	height:*;
	padding:5px;
	border:1px solid #333;
	border-radius:5px;
	background:#143e74
}
.popup-content {
	width:100%;
	padding:15px 15px 5px;
	background:#fff
}
.popup-sub-title {
	margin-bottom:5px;
	color:#fff
}
.popup-footer {
	margin-top:5px;
	padding-top:4px;
	text-align:right;
	border-top:1px solid #dcdcdc
}
.popup-ui-win {
	display:table-cell;
	width:100%;
	height:*;
	padding:5px;
	background: #143e74
}
/* Portlet Box */
.portlet-ui {
	display:block;
	width:100%;
	height:*;
	padding:3px;
	border-radius:5px
}
.popup-content {
	width:100%;
	padding:10px;
	border:1px solid #c3c7cc;
	background:#fff
}
.portlet-sub-title {
	margin-top:2px;
	margin-left:5px;
	margin-bottom:3px
}
.popup-footer {
	margin-top:5px;
	padding-top:4px;
	text-align:right;
	border-top:1px solid #dcdcdc
}
.popup-ui-win {
	display:table-cell;
	width:100%;
	height:*;
	padding:5px;
	background: #143e74
}
/* Drag Box */
.drag_area {
	border:2px dotted rgb(203,149,197);
	height:150px;
	padding:4px;
	-ms-overflow-x:hidden;
	-ms-overflow-y:auto
}
.drag_area:hover {
	border:2px dotted rgb(90,58,87)
}
.drag_area>table {
	margin:0;
	padding:0;
	border-collapse:separate;
	width:100% !important;
}
.drag_area>table>tbody>tr>td {
	padding:2px 5px 0;
	height:26px;
	border:1px solid #dcdcdc !important
}
.drag_area>table>tbody>tr>td:hover {
	border:1px solid #e3bcdf !important
}
#uploadedContainer {
	margin:10px 0 0;
	padding:0;
	border:1px solid #dcdcdc
}
.uploadedContainer-title {
	padding:5px 0 2px;
	border-bottom:1px solid #dcdcdc;
	text-align:center;
	color:#454545
}
.uploaded-box {
	padding:5px 4px;
	background:#f4f4f4;
	-ms-overflow-x:hidden;
	-ms-overflow-y:auto;
}
.uploaded-box>ul {
	display:block;
	list-style:none;
	border-collapse:separate;
}
.uploaded-box>ul>li {
	float:left;
	padding:5px 9px 2px;
	border:1px solid #cfcfcf;
	background:#fff
}
.uploaded-box>ul>li>span {
	margin-left:10px
}
.uploaded-box>ul>li:hover {
	border:1px solid #777
}
.uploaded-box>ul>li.uploadedList-none {
	width:100%;
	border:0 !important;
	background:none;
	color:#656565;
	text-align: center
}
/*150120 ~150206 IMSY10*/
.pw-divbox {
	width:730px;
	height:310px;
	background:#f9f9f9;
	border:1px solid #f3f3f3;
	margin:auto;
	margin-top:100px;
}
.pw-divbox .pw-box-label {
	width:520px;
	font-size:12px;
	line-height:18px;
	color:#454545;
	margin:auto;
	padding-top:100px;
}
.pw-divbox .pw-box-label .lockleft {
	float:left;
	font-size:100px;
	width:100px;
	color:#c1baba;
}
.pw-divbox .pw-box-label .lockright {
	float:right;
	width:420px;
}
.pw-divbox .pwlabel {
	width:400px;
	font-size:12px;
	line-height:18px;
	color:#454545;
	margin:auto;
	padding-top:110px;
}
.pw-divbox .pwlabel .lockleft {
	padding-top:20px;
	float:left;
	font-size:120px;
	width:180px;
	text-shadow:3px 3px 8px #d5d5d5;
}
.pw-divbox .pwlabel .lockright {
	float:right;
	width:220px;
}
.pw-divbox .pwlabel .toppa {
	padding-top:20px;
}
.table-edit table td.bordnone {
	padding:3px 8px 2px 8px !important;
	border-top:0px solid #dcdcdc;
	border-bottom:0px solid #dcdcdc;
	border-right:0px solid #dcdcdc;
}
.table-edit table td.h45 {
	height:40px;
	background:#fff;
}
.pw-divbox .mgtable {
	margin:auto;
	padding-top:85px;
	display:block;
	width:600px;
}
.input38 {
	float:inline-block;
	margin:0;
	padding:0 10px;
	height:30px!important;
	color:#000;
	border:1px solid #b7bbcf;
	box-sizing:border-box;
}
.logrein {
	padding:15px 50px 30px 50px;
}
.logrein-btn {
	text-align:center;
	padding-bottom: 30px;
}
/*login*/
.logbox {
	width:650px;
	height:300px;
	margin:auto;
	margin-top:10px;
}
.ttbox {
	height:33px;
	margin-bottom:15px;
}
.loginbox {
	width:650px;
	margin-bottom:10px;
}
.loginbox .logimg {
	float:left;
	width:290px;
	height:240px;
}
.loginbox .logrightbox {
	float:right;
	width:360px;
	border:1px solid #eaeaea;
	border-left:0px solid #eaeaea;
	padding:50px 50px;
	height:240px;
}
.idbox {
	width:270px;
	padding-bottom:10px;
}
.logchek {
	width:270px;
	padding-top:10px;
	color:#707070;
}
.log_btn {
	display:inline-block;
	width:80px;
	height:30px;
	border:1px solid #c88842;
	background:#d4a26a;
	padding:7px 0;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.log_btn:hover {
	background:#c88842;
}
.log_btn:active {
	background:#c88842;
}
.overflow-hidden {
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
/*input placeholder 색사변경 */
/* Webkit */
input::-webkit-input-placeholder {
	font-size:11px;
	color: #aaaaaa;
}
/* Firefox 4-18 */
input:-moz-placeholder {
	font-size:11px;
	color: #aaaaaa;
}
/* Firefox 19+*/
input::-moz-placeholder {
	font-size:11px;
	color: #aaaaaa;
}
/* IE10+*/
input:-ms-input-placeholder {
	font-size:11px;
	color: #aaaaaa;
}
/*new font*/
.text-aaa {
	#aaa;
}
.text-gray2 {
	color:#a3a3a3;
}
.text-orange2 {
	color:#bfb7b2
}
.textfont {
	font-size:5px!important;
	vertical-align:top;
}
.guidpadding {
	padding:10px 20px!important
}
.tbox {
	margin:0;
	padding:0;
	border-collapse:separate;
	border:1px solid #4282c8!important;
	padding:1px!important
}
.table-viewbox {
	border:1px solid #4282c8;
	padding:3px;
}
.spaec-width10 {
	width:10px;
	padding-right:20px;
}
.Aloading {
	width:500px;
	margin:0 auto;
	vertical-align:middle;
	text-align:center;
	margin-top:150px;
}
.Aloading div {
	margin-top:70px;
	text-align:center;
	line-height: 22px;
}
/*메뉴줄임*/
#font-more {
	font-size:19px;
	padding-top:3px;
	padding-right:5px;
}
#font-more a {
	color:#d3d3d3;
}
#font-more a:hover {
	color:#75d54f;
}
#font-more a:active {
	color:#75d54f;
}
#font-more a.on {
	color:#75d54f;
}
#font-more a.on:hover {
	color: #d3d3d3;
}
/*미디어쿼리 프린드*/
.MQprint {
	position:fixed;
	overflow:auto;
	width:100%;
	height:100%;
	z-index: 1000000;
}
/* 건설기계 선택 */
/* 건설기계 선택 */
.cm-selcet-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin-top:150px;
}
.cm-selcet-list li {
	padding:0 5px;
	width:200px;
}
.cm-selcet-list li .thumb {
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:20px;
	border-radius:8px;
	border:1px solid #efefef;
	cursor:pointer;
	transition:all ease-out .2s;
}
.cm-selcet-list li .thumb:hover {
	border:1px solid #9fb5e0;
	background-color: #f2f8ff;
}
.cm-selcet-list li span {
	font-size:16px;
}
/* 팝업 */
.popup-header-fixed {
	position:fixed;
}
.popup-header {
	padding:10px;
}
.popup-header h4 i {
	color:#fe7912;
}
.popup-header h4 {
	font-size:20px;
	font-weight: 600;
}
/* 페이지 메뉴 스크롤링 */
.index-list h4 {
	font-size:26px;
	font-weight:600;
	line-height:1.1;
	margin-bottom:10px;
}
.index-list h4 span {
	display:block;
}
.index-list .btn-backwards {
	display:inline-block;
	color:#454545;
	font-size:18px;
	padding:0;
	margin-bottom:15px;
}
.index-list .btn-backwards:hover {
	color:#000;
}
.index-list {
	position:fixed;
	top:0;
	left:0;
	width:200px;
	padding:20px;
}
.index-list li {
	padding:8px 0;
	word-break:keep-all;
	font-size:15px;
	font-weight:400;
	line-height:1.3;
}
.index-list li .sub-link {
	color:#959595;
	cursor:pointer
}
.index-list li .is-current {
	color:#333;
	font-weight:600;
}
.scrolling-container {
	padding-top:30px;
	padding-left:250px;
}
[data-serialscrolling-target] {
	margin-bottom: 20px;
}
.save-fixed {
	position:fixed;
	left:20px;
	bottom:30px;
}
.save-fixed a {
	display:inline-block;
	padding:10px 20px;
	width:200px;
	text-align:center;
	background-color:#FF793F;
	border:1px solid #f4682b;
	border-radius:8px;
	color:#fff;
	transition:all .2s ease-out;
}
.save-fixed a:hover {
	background-color:#f96221;
	border-color:#ca3d00;
}

/******************* BASIC STYLING **********************/
.scroll_tabs_container {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  text-align: left;
  height: 40px;
  margin-bottom: 10px;
}

ul.scroll_tabs_container {
  list-style: none;
}

.scroll_tabs_container div.scroll_tab_inner {
  height: 40px;
}

.scroll_tabs_container div.scroll_tab_inner span, .scroll_tabs_container div.scroll_tab_inner li {
  padding-left: 20px;
  padding-right: 20px;
  line-height: 40px;
  font-size: 14px;
  background-color: #CCCCCC;
  color: #333333;
  cursor: pointer;
}

.scroll_tabs_container div.scroll_tab_inner li {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  list-style-type: none;
}

.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_left_finisher {
  padding: 0px;
  width: 0px;
}

.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_right_finisher {
  padding: 0px;
  width: 0px;
}

.scroll_tabs_container .scroll_tab_left_button {
  height: 40px;
  background-color: #CCCCCC;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.scroll_tabs_container .scroll_tab_left_button::before {
  content: "\25C0";
  line-height: 40px;
  padding-left: 5px;
}

.scroll_tabs_container .scroll_tab_left_button_over {
  background-color: #999999;
}

.scroll_tabs_container .scroll_tab_left_button_disabled {
  color: #AAAAAA;
  background-color: #CCCCCC;
}

.scroll_tabs_container .scroll_tab_right_button {
  height: 40px;
  background-color: #CCCCCC;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.scroll_tabs_container .scroll_tab_right_button::before {
  content: "\25B6";
  line-height: 40px;
  padding-left: 5px;
}

.scroll_tabs_container .scroll_tab_right_button_over {
  background-color: #999999;
}

.scroll_tabs_container .scroll_tab_right_button_disabled{
  color: #AAAAAA;
  background-color: #CCCCCC;
}

/****************** LIGHT THEME **************************/
.scroll_tabs_theme_light {
  height: 42px;
}

.scroll_tabs_theme_light div.scroll_tab_inner {
  height: 42px;
}

.scroll_tabs_theme_light div.scroll_tab_inner span, .scroll_tabs_theme_light div.scroll_tab_inner li {
  padding-left: 20px;
  padding-right: 20px;
  line-height: 40px;
  font-size: 14px;
  background-color: #CCCCCC;
  border-left: 1px solid #999999;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  color: #333333;
  cursor: pointer;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_first, .scroll_tabs_theme_light div.scroll_tab_inner li.scroll_tab_first {
  border-left: 0px;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_left_finisher {
  padding: 0px;
  width: 10px;
  background-color: #CCCCCC;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher {
  padding: 0px;
  width: 10px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #CCCCCC;
  border-left: 0px;
  border-right: 1px solid #999999;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_over, .scroll_tabs_theme_light div.scroll_tab_inner li.scroll_tab_over {
  background-color: #999999;
}

/*.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_first_over {
  background-color: #999999;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_left_finisher_over {
  background-color: #999999;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher_over {
  background-color: #999999;
}*/

/*.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_left_finisher_selected {
  background-color: #AAAAAA;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher_selected {
  background-color: #AAAAAA;
}*/


.scroll_tabs_theme_light .scroll_tab_left_button {
  height: 42px;
  background-color: #CCCCCC;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #999999;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.scroll_tabs_theme_light .scroll_tab_left_button::before {
  content: "\25C0";
  line-height: 40px;
  padding-left: 5px;
}

.scroll_tabs_theme_light .scroll_tab_left_button_over {
  background-color: #999999;
}

.scroll_tabs_theme_light .scroll_tab_left_button_disabled {
  color: #AAAAAA;
  background-color: #CCCCCC;
}

.scroll_tabs_theme_light .scroll_tab_right_button {
  height: 42px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #CCCCCC;
  border: 1px solid #999999;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.scroll_tabs_theme_light .scroll_tab_right_button::before {
  content: "\25B6";
  line-height: 40px;
  padding-left: 5px;
}

.scroll_tabs_theme_light .scroll_tab_right_button_over {
  background-color: #999999;
}

.scroll_tabs_theme_light .scroll_tab_right_button_disabled{
  color: #AAAAAA;
  background-color: #CCCCCC;
}

.scroll_tabs_theme_light div.scroll_tab_inner span.tab_selected, .scroll_tabs_theme_light div.scroll_tab_inner li.tab_selected {
  background-color: #AAAAAA;
}

/*.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_first_selected {
  background-color: #AAAAAA;
}*/

/****************** DARK THEME **************************/
.scroll_tabs_theme_dark {
  height: 42px;
}

.scroll_tabs_theme_dark div.scroll_tab_inner {
  height: 42px;
}

.scroll_tabs_theme_dark div.scroll_tab_inner span, .scroll_tabs_theme_dark div.scroll_tab_inner li {
  padding-left: 20px;
  padding-right: 20px;
  line-height: 40px;
  font-size: 14px;
  background-color: #333333;
  border-left: 1px solid #222222;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #222222;
  color: #FFFFFF;
  cursor: pointer;
}

.scroll_tabs_theme_dark div.scroll_tab_inner span.scroll_tab_first, .scroll_tabs_theme_dark div.scroll_tab_inner li.scroll_tab_first {
  border-left: 0px;
}

.scroll_tabs_theme_dark div.scroll_tab_inner span.scroll_tab_left_finisher {
  padding: 0px;
  width: 10px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.scroll_tabs_theme_dark div.scroll_tab_inner span.scroll_tab_right_finisher {
  padding: 0px;
  width: 10px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: 0px;
  border-right: 1px solid #222222;
}

.scroll_tabs_theme_dark div.scroll_tab_inner span.scroll_tab_over, .scroll_tabs_theme_dark div.scroll_tab_inner li.scroll_tab_over {
  background-color: #555555;
}

.scroll_tabs_theme_dark .scroll_tab_left_button {
  height: 42px;
  background-color: #333333;
  color: #FFFFFF;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #222222;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.scroll_tabs_theme_dark .scroll_tab_left_button::before {
  content: "\25C0";
  line-height: 40px;
  padding-left: 5px;
}

.scroll_tabs_theme_dark .scroll_tab_left_button_over {
  background-color: #666666;
}

.scroll_tabs_theme_dark .scroll_tab_left_button_disabled {
  color: #444444;
  background-color: #333333;
}

.scroll_tabs_theme_dark .scroll_tab_right_button {
  height: 42px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #333333;
  border: 1px solid #222222;
  color: #FFFFFF;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.scroll_tabs_theme_dark .scroll_tab_right_button::before {
  content: "\25B6";
  line-height: 40px;
  padding-left: 5px;
}

.scroll_tabs_theme_dark .scroll_tab_right_button_over {
  background-color: #666666;
}

.scroll_tabs_theme_dark .scroll_tab_right_button_disabled{
  color: #444444;
  background-color: #333333;
}

.scroll_tabs_theme_dark div.scroll_tab_inner span.tab_selected, .scroll_tabs_theme_dark div.scroll_tab_inner li.tab_selected {
  background-color: #666666;
}
/* 작업계획 TAB */
.tab-workplan {
	display:flex;
	position:relative;
}
.tab-workplan:before {
	content:'';
	position:absolute;
	display:block;
	width:100%;
	height:1px;
	background-color:#454545;
	bottom:-1px;
}
.tab-workplan li{
	cursor:pointer;
	position:relative;
	margin-right:2px;
	margin-bottom:-1px;
}
.tab-workplan li span {
	display:flex;
	align-items:center;
	font-size:15px;
	padding:8px 25px;
	border-width:1px;
	border-style:solid;
	border-color:#e2e2e2 #e2e2e2 transparent #e2e2e2;
	color:#858585;
	transition:all .2s ease-out;
}
.tab-workplan li span:hover {
	color:#333;
	border-color:#959595;
}
.tab-workplan li.active span{
	color:#333;
	border-width:1px;
	border-style:solid;
	border-color:#656565 #656565 #fff #656565;
}
.tab-workplan li span a{
	display:none;
	color:#c5c9cf;
	position:absolute;
	right:5px;
	top:9px;
}
.tab-workplan li:hover span a {
	display:inline-block;
}
.tab-workplan li span a:hover{
	color:#333;
}
.tab-contents {
	padding:0;
	border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #e2e2e2;
}
.tab-contents .table-edit, .tab-contents .sub-sub-title {
	padding-left:20px;
	padding-right:20px;
}
.tab-contents .table-edit {
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
}
.tab-contents .table-edit:before {
	content:'';
	border-bottom:1px solid #efefef;
	display:block;
	width:auto;
	position:absolute;
	bottom:0;
	left:20px;
	right:20px;
}
.tab-contents .table-edit.table-outline th {
	text-align:left;
}
/* 결과검토 작성 */
.result-textarea {
	margin-top:10px;
    padding: 10px 15px;
    display: flex !important;
    align-items: center;
    background-color: #efefef;
}
.result-textarea label{
    margin-right: 30px;
	font-size:16px;
}
.result-textarea label i{
	font-size:18px;
    color:#f57e2f;
	margin-right:3px;
}
.result-textarea input.disabled {
	border:0;
	font-size:18px;
	font-weight:700;
	background-color:transparent !important;
	color:#000;
}
.result-textarea input::placeholder {
	font-size:14px;
	font-weight:400;
}
.result-textarea em {
	font-style:normal;
	margin:0 10px;
}
/* 작업허가서 */
.work-detail {
	padding:0 15px;
	position:relative
}
.work-detail:before {
    content: '';
    position: fixed;
    left: 250px;
    top: 0;
    width: 1px;
    height: 100%;
    display: block;
    background-color: #efefef;
}
.work-detail .table-edit th{
	text-align:center;
	padding:5px 10px;
}
/* 기타 텍스트 */
.info-text {
	margin-bottom:15px;
	line-height:1.3
}
.info-text dl {
	display:flex;
}
 .info-text dl dt {
	color:#5786cf;
	margin-right:20px;
}
.info-text dl dd {
	margin-right:20px;
	color:#656565;
}
/* 콘텐츠 미니 팝업 */
.item-content-popup {
  width:100%;
  height:100vh;
  padding:15px;
}
.item-content-popup .search {
	padding:0;
}
.item-content-popup .sub-area {
	padding:5px 0;
}
.item-content-popup .container-fixed {
	padding:0;
}
.item-content-popup .ui-corner-top, .item-content-popup .ui-iggrid-footer {
	background-color: transparent !important;
}
/* 파일첨부 버튼 스타일*/
.btn-defult a {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	color: #656565;
	font-weight: 500;
	border: 1px solid #bababa;
	border-radius: 5px;
	height: 27px;
	background-color: #fff;
	transition: all .2s ease-out;
}
/* 파일을 숨기고자 할 때 div영역에 추가*/
.input-file-hidden {
	width: 0px;
	height: 0px;
	overflow: hidden;
}
.drag_area > table > tbody > tr > td {
	padding: 5px 10px;
	color: #555;
	border: 1px solid #d2d2d2 !important;
	background: #fff;
}
.imgPrv {
	max-width: 100%;
	max-height: 300px;
	height: 300px;
}
/* 담당자 지정 */
.userSearch.fixd-row {
	display:flex;
	flex-direction: column;
}
.userSearch.fixd-row li {
	margin-bottom:5px;
}
.userSearch.fixd-row li:last-child {
	margin-bottom:0;
}
.userSearch.fixd-row .item-field input {
	border-radius:5px;
	border-right:1px solid #d8d8d8 !important;
}
/* fancy gm table */
.gmtable-view {
	border: 1px solid #d3d3d3;
	margin-bottom: 15px;
	padding: 5px 20px;
	border-radius: 8px;
}

	.gmtable-view table th, .gmtable-view table td {
		line-height: 1.3;
		border-bottom: 1px solid #efefef;
	}

	.gmtable-view table th {
		padding: 10px 5px;
		text-align: left;
		color: #333;
		font-weight: 500;
		background-image: url(../../Content/IgniteUI/css/themes/stc/images/bullet-sub02.png);
		background-repeat: no-repeat;
		background-position: 8px 14px;
	}

	.gmtable-view table td {
		padding: 10px 5px;
		font-size: 14px;
		font-weight: 500;
	}

	.gmtable-view tr:last-child td, .gmtable-view tr:last-child th {
		border-bottom: 0;
	}