/* Your custom styles */
body {
	background-color: #eeeeee;
	font-family:inherit;
}
.mr2{margin-right: 2px;}
.red{color:red;}
.mt120{margin-top: 120px;}
.mt70{margin-top: 70px;}
.mt60{margin-top: 60px;}
.mt50{margin-top: 50px;}
.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}

.mb100{margin-bottom: 100px;}
.mb90{margin-bottom: 90px !important;}
.mb80{margin-bottom: 80px;}
.mb70{margin-bottom: 70px !important;}
.mb60{margin-bottom: 60px !important;}
.mb50{margin-bottom: 50px;}
.mb40{margin-bottom: 40px;}
.mb30{margin-bottom: 30px;}
.mb27{margin-bottom: 27px;}
.mb20{margin-bottom: 20px;}
.mb10{margin-bottom: 10px;}
.mb5{margin-bottom: 5px;}
.ml0{margin-left: 0 !important;}
.mr0{margin-right: 0 !important;}
.mx150{max-width:150px !important}
.mr5{margin-right:5px;}
.mr15{margin-right: 15px;}
.ml10{margin-left: 10px;}

/* 좌측 하위메뉴 백그라운드 색상 변경 */
.side-nav .collapsible-body a {
	background-color: #e7f1fb;
}
/* 08-23 수정
.side-nav .collapsible-body a {
	background-color: #eee;
}
*/
table th{font-weight:500 !important;}
table td{font-weight:500 !important;}
text{font-family:Roboto !important;}
/* 테이블 바디 스크롤 */
.tableFix tbody {
    display:block;
    height:10rem;
    min-width:50rem;
    overflow:auto;
}
.tableFix thead, .tableFix tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.tableFix thead {
    width: calc( 100% - 1em )
}

.form-clear {align-items : center; background : #cecece; border-radius:50%; color:rgba(0,0,0,.54); cursor:pointer; display:flex; justify-content:center; position:absolute; top:1rem; right:0; z-index:10; margin-right:10px; }

/* Footer 최하단 고정 */
.footer	{position:relative; bottom:-17vh; background-color:#dfdfdf!important; color:#666!important; }

/*
.tableFix th, .tableFix td							{border-right:1px solid rgba(158, 158, 158, 0.1); }
.tableFix th										{border-bottom : 2px solid rgba(158, 158, 158, 0.1);}
.tableFix th:first-child, .tableFix td:first-child	{border-left:1px solid rgba(121, 85, 72, 0.1);}
.tableFix th:last-child, .tableFix td:last-child	{border-right:1px solid rgba(121, 85, 72, 0.1);}
*/
input:disabled, select:disabled	{color:rgba(0,0,0,1)!important;}

.md-form textarea.md-textarea {overflow-y:auto;}

textarea.md-textarea.fixed {
	height: 3rem;
	overflow-y: scroll;
}

/** 모바일 대응 정렬, show/hidden */
.m-show 	{display:none!important;}
.m-hide		{display:block!important;}

@media screen and (max-width:599px) {
	.m-float-left	{float:left;}
	.m-float-right	{float:right;}
	.m-show			{display:block!important;}
	.m-hide			{display:none!important;}
	.m-left			{margin-right:0!important;}
}

/** 보더 */
@media screen and (max-width:599px) {
	.m-no-bdr			{border:0px!important;}
	.m-no-bdr-top		{border-top:0px!important;}
	.m-no-bdr-bottom	{border-bottom:0px!important;}
	.m-no-bdr-left		{border-left:0px!important;}
	.m-no-bdr-right		{border-right:0px!important;}

	.m-bdr			{border:1px solid #dee2e6!important;}
	.m-bdr-top		{border-top:1px solid #dee2e6!important;}
	.m-bdr-bottom	{border-bottom:1px solid #dee2e6!important;}
	.m-bdr-left		{border-left:1px solid #dee2e6!important;}
	.m-bdr-right	{border-right:1px solid #dee2e6!important;}
}


/** 조회폼 라벨 */
.searchForm label {height:1rem;}

/* 테이블 안의 셀렉트박스가 가려질 때 */
.modal-body .table-responsive		{overflow:inherit;}
/*
 * 테이블 안의 셀렉트박스가 가려질 때
 * 2018-09-12 김명진 추가
 * 모달이 아닐 경우에도 셀렉트박스가 가려지지 않도록 ..
*/
.table-scroll .table-responsive		{overflow:inherit;}

/* 공통수정  이 아래는 여러 화면에서 테스트 할 필요 있음  */
.headerTitle						{height:5vh;text-align:center;}
.ci									{max-height:5vh;}

.img-thumbnail	{max-height:150px;}

.wrapper-scroll-top					{width:40px; height:27px; text-align:center; z-index:997; position:fixed; right:2rem; bottom:7rem; border:none; outline:none; -webkit-border-radius: 10px; border-radius:10px;}


/*  GNB Top 쓸 때 해제
header								{margin-bottom:1rem; width:100%;}
#slide-out, header>.navbar			{top:0px; z-index:999; width:100%;}
*/
header>.navbar						{z-index:997;}

header .navbar.fixed-top .select-wrapper input	{height:2rem; margin : 0; padding : 0; width:170px;}
header .navbar.fixed-top .select-wrapper .caret	{top:.3rem;}

#authorlangTable td					{padding-top:3px; padding-bottom:3px;}
/* .select-wrapper						{margin-top:5px;}
input.select-dropdown				{padding-top:1rem!important;} */
textarea							{margin-top:12px!important;}

/* 버튼 스타일 add  */
.color-def						{color:#666666!important;}
.btn-def						{background-color:#666666!important; color:#000!important;}
.btn-outline-def				{border:solid 1px #666666!important;}
.btn-img-delete					{width:1.5rem; height:1.5rem; position:absolute; top:-3%; right:-3%; background-color:rgba(10, 10, 10, 0.2);}
.btn-img-delete	i				{position: relative; top:-1rem;}

.switch label input[type=checkbox]:checked+.lever 		{background-color:#abd2ff}
.switch label input[type=checkbox]:checked+.lever:after {background-color:#5895ff}

@media screen and (max-width:320px) {
	.readWrap .btn-sm, .wuWrap .btn-sm	{padding-left:1.1rem; padding-right:1.1rem;}
}

/* card title Icon Header */
/* .card-cascade								{margin-top:2.5rem;} 20191126 호현에프앤씨 지창근 */
.card-cascade>.d-flex						{margin-top:-2rem; padding-left:.5rem;}
.card-cascade>.d-flex>i:FIRST-CHILD			{padding:1rem; font-size:2.7rem; border-radius:5px; color:white;}
.card-cascade>.d-flex>i:NTH-CHILD(2)		{margin-top:2.5rem; padding-left:0.5rem;}
.card-cascade>.d-flex>.data					{margin-top:2.5rem; margin-left:0.8rem;}
.card-cascade>.d-flex>i.fa-star, .card-cascade>.d-flex>i.fa-star-o {margin-top:2.2rem; margin-left : 1rem; opacity :0.6;}
.card-cascade>.btnWrap						{margin-top:-30px;padding-right:15px;}

@media screen and (max-width:450px) {
	.card-cascade>.btnWrap				{margin-top:-0;}
}

/**/
/* .searchWrap input.select-dropdown, .postForm .md-form input.select-dropdown, .uploadWrap .md-form input.select-dropdown
	{height:19px!important; padding:.3rem 0 .55rem!important; margin:0 0 .5rem!important;}

 */ /* 2019-11-25 지창근 예외처리 */
/* 회원관리 > 회원상세정보 수정 셀렉트 박스 위치 조절 */
#authorIdDiv .select-wrapper					{top:-15px;}

/* 테이블 스크롤 */
.table-wrapper-scroll-y {
  display: block;
  max-height: 28rem;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

/* ID/PW 찾기 팝업에서 사이즈 및 위치 조절 */
form[id$=FindForm] .row							{height:2rem;}
form[id$=FindForm] .select-wrapper				{position:relative; top:-6px;}
form[id$=FindForm] .select-wrapper>span			{top:1rem;}

/* 모달 안 테이블 */
.modal-content									{min-width:45%; max-width:100%}
.modal-body .table-responsive					{overflow-x:scroll;}

/** 회원가입폼 */
.privacy_wrap									{height:15rem; overflow-y:scroll;}
.privacy_text									{margin:1rem;}
.scrollbar-default::-webkit-scrollbar-track		{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: #F5F5F5; border-radius: 10px; }
.scrollbar-default::-webkit-scrollbar			{width: 6px; background-color: #F5F5F5; }
.bordered-default::-webkit-scrollbar-track		{-webkit-box-shadow: none; border: 1px solid #bbbbbb; }
.bordered-default::-webkit-scrollbar-thumb		{-webkit-box-shadow: none; }


form[class$=joinForm]							{padding-left:0; padding-right:0;}
form[class$=joinForm] .col-form-label			{padding-top:1.4rem;}
form[class$=joinForm] input:not(.mdb-select)	{height:1.2rem;}
form[class$=joinForm] input.select-dropdown		{width:auto; height:1.146rem; margin-top:0.5rem; margin-bottom:0.5rem; padding-top:0.5rem; padding-bottom:0.5rem;}
form[class$=joinForm] input.emailDomain			{width:77%!important;}
form[class$=joinForm] .form-check-label			{padding-top:.1rem; padding-right:2rem;}

@media screen and (min-width:1280px) {
	form[class$=joinForm]							{padding-left:10rem; padding-right:10rem;}
}

@media screen and (max-width:599px) {
	form[class$=joinForm] .col-form-label			{text-align:left;}
}

/** 단순 폼 */
/* form[class$=postForm] input:not(.datepicker)	{height:19px;} */
form[class$=postForm] input						{height:30px;}
form[class$=postForm] .file-path-wrapper		{padding-top:0.8rem;}
form[class$=postForm] .form-check-label			{padding-top:.1rem;}
form[class$=postForm] input[type=file]			{text-overflow:hidden;}
form[class$=postForm] .md-form small			{position:relative; top:.4rem;}
form[class$=postForm] table .label-table		{padding-left:1.8rem;}
form[class$=postForm] table .label-table:before	{margin-top:0;}
form[class$=postForm] .col-preview				{margin-top:-50px;}

form[class$=postForm] .mt-m75					{margin-top:-.75rem}

@media screen and (max-width:599px) {
	form[class$=postForm] label				{text-align:left;}
	form[class$=postForm] .form-check-label	{padding-left:1.7rem!important; margin-bottom:1rem;}
	form[class$=postForm] .col-preview		{margin-top:0px;}
}

input::placeholder, textarea::placeholder {font-size:11px;}

#cmmnConfirmAlertRole						{z-index:2000;}

.nav-menu li								{min-width:5rem;}
.nav-menu li>a								{padding-top:0.5rem; padding-bottom:0.5rem;}
.nav-menu li:hover							{background-color:#2a75f3;}
.nav-menu li:hover>a>span					{color:white;}

/** 사이즈, spacing */
.w-5 { width: 5% !important; }
.w-5p { width:5%; }
.w-10 { width:10% !important;}
.w-15 { width:15% !important;}
.w-20 { width:20% !important;}
.w-25 { width:25% !important;}
.w-30 { width:30% !important;}
.w-33 { width:33% !important;}
.w-35 { width:35% !important;}
.w-40 { width:40% !important;}
.w-45 { width:45% !important;}
.w-47 { width:47% !important;}
.w-50 { width:50% !important;}
.w-55 { width:55% !important;}
.w-60 { width:60% !important;}
.w-65 { width:65% !important;}
.w-70 { width:70% !important;}
.w-75 { width:75% !important;}
.w-80 { width:80% !important;}
.w-85 { width:85% !important;}
.w-90 { width:90% !important;}
.w-100{width: 100% !important;}

.sm-w-25	{width:25%}
.md-w-25	{width:25%}
.lg-w-25	{width:25%}
.xl-w-25	{width:25%}

.sm-w-50	{width:50%}
.md-w-50	{width:50%}
.lg-w-50	{width:50%}
.xl-w-50	{width:50%}

.sm-w-75	{width:75%}
.md-w-75	{width:75%}
.lg-w-75	{width:75%}
.xl-w-75	{width:75%}

.sm-w-100	{width:100%}
.md-w-100	{width:100%}
.lg-w-100	{width:100%}
.xl-w-100	{width:100%}

.m-w-dbl-sm {width:47% !important;}

.m-w-auto	{width:50% !important;}
.m-w-a4		{width:40% !important;}

@media screen and (max-width:365px) {
	.m-w-dbl-sm {width:45% !important;}
	.sm-w-25	{width:25% !important;}
	.sm-w-50	{width:50% !important;}
	.sm-w-75	{width:75% !important;}
	.sm-w-100	{width:100% !important;}
}

@media screen and (min-width:768px) {
	.m-w-auto	{width:45% !important;}
	.m-w-a4		{width:35% !important;}
	.md-w-25	{width:25% !important;}
	.md-w-50	{width:50% !important;}
	.md-w-75	{width:75% !important;}
	.md-w-100	{width:100% !important;}
}

@media screen and (min-width:992px) {
	.m-w-auto	{width:60% !important;}
	.m-w-a4		{width:50% !important;}
	.lg-w-25	{width:25% !important;}
	.lg-w-50	{width:50% !important;}
	.lg-w-75	{width:75% !important;}
	.lg-w-100	{width:100% !important;}

}

@media screen and (min-width:1200px) {
	.m-w-auto	{width:65% !important;}
	.m-w-a4		{width:55% !important;}
	.xl-w-25	{width:25% !important;}
	.xl-w-50	{width:50% !important;}
	.xl-w-75	{width:75% !important;}
	.xl-w-100	{width:100% !important;}
}

.mw-25	{max-width:25%;}
.mw-50	{max-width:50%;}
.mw-75	{max-width:75%;}

.mh-25	{max-height:25%;}
.mh-50	{max-height:50%;}
.mh-75	{max-height:75%;}

.h-r5-f		{height:5rem !important;}
.h-r10-f	{height:10rem !important;}
.h-r15-f	{height:15rem !important;}
.h-r20-f	{height:20rem !important;}
.h-r25-f	{height:25rem !important;}
.h-r30-f	{height:30rem !important;}
.h-r35-f	{height:35rem !important;}
.h-r40-f	{height:40rem !important;}

.my-0r, .mb-0r	{margin-bottom:0rem!important;}
.py-0r, .pb-0r	{padding-bottom:0rem!important;}

.my-75r, .mt-75r	{margin-top:.75rem!important;}
.my-75r, .mb-75r	{margin-bottom:.75rem!important;}
.mx-75r, .ml-75r	{margin-left:.75rem!important;}
.mx-75r, .mr-75r	{margin-right:.75rem!important;}

.py-75r, .pt-75r	{padding-top:.75rem!important;}
.py-75r, .pb-75r	{padding-bottom:.75rem!important;}
.px-75r, .pl-75r	{padding-left:.75rem!important;}
.px-75r, .pr-75r	{padding-right:.75rem!important;}

.py-100r, .pt-100r	{padding-top:1rem!important;}
.py-100r, .pb-100r	{padding-bottom:1rem!important;}
.px-100r, .pl-100r	{padding-left:1rem!important;}
.px-100r, .pr-100r	{padding-right:1rem!important;}

.py-150r, .pt-150r	{padding-top:1.5rem!important;}
.py-150r, .pb-150r	{padding-bottom:1.5rem!important;}
.px-150r, .pl-150r	{padding-left:1.5rem!important;}
.px-150r, .pr-150r	{padding-right:1.5rem!important;}

.my-200r, .mt-200r	{margin-top:2rem!important;}
.my-200r, .mb-200r	{margin-bottom:2rem!important;}
.mx-200r, .ml-200r	{margin-left:2rem!important;}
.mx-200r, .mr-200r	{margin-right:2rem!important;}

.my-250r, .mt-250r	{margin-top:2.5rem!important;}
.my-250r, .mb-250r	{margin-bottom:2.5rem!important;}
.mx-250r, .ml-250r	{margin-left:2.5rem!important;}
.mx-250r, .mr-250r	{margin-right:2.5rem!important;}

.py-200r, .pt-200r	{padding-top:2rem!important;}
.py-200r, .pb-200r	{padding-bottom:2rem!important;}
.px-200r, .pl-200r	{padding-left:2rem!important;}
.px-200r, .pr-200r	{padding-right:2rem!important;}

.py-250r, .pt-250r	{padding-top:2.5rem!important;}
.py-250r, .pb-250r	{padding-bottom:2.5rem!important;}
.px-250r, .pl-250r	{padding-left:2.5rem!important;}
.px-250r, .pr-250r	{padding-right:2.5rem!important;}

.my-300r, .mt-300r	{margin-top:3rem!important;}
.my-300r, .mb-300r	{margin-bottom:3rem!important;}
.my-500r, .mt-500r	{margin-top:5rem!important;}
.my-500r, .mb-500r	{margin-bottom:5rem!important;}
.my-500r, .ml-500r	{margin-left:5rem!important;}
.mx-500r, .mr-500r	{margin-right:5rem!important;}

.my-700r, .mb-700r	{margin-bottom:7rem!important;}

/** 공통-등록/수정폼 */
/* @media screen and (max-width:599px) {
	input[type=text], input[type=number], input[type=email], input[type=tel]
		{margin-top:0.5rem; margin-bottom:0.1rem; margin-left:4px; width:100%!important;}
} */
/*{color:#666; font-size:13px;}*/ /* 2019-11-25 지창근 예외처리 */
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}
/* input[type=text]{height:auto; font-size:13px;} */ /* 2019-11-25 지창근 예외처리 */
/**[type=checkbox]+label, [type=radio]+label{font-size:13px; padding-left:25px; margin-right:10px; margin-bottom:0;}*/
/** 2018-08-23 김명진추가 START **/
table.table .label-table {
	margin: 0;
	padding: 0;
	line-height: 15px;
	height: 15px;
}
[type=checkbox]+label, [type=radio]+label{
	position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
}
[type=checkbox]+label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    z-index: 0;
    border: 1.5px solid #8a8a8a;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
[type=checkbox]:checked+label:before {
    top: -4px;
    left: -3px;
    width: 12px;
    height: 22px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent #4285f4 #4285f4 transparent;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.color-inherit{color:inherit !important;}
.dtl-sub-title{margin-top: -10px;margin-left: 20px;background-color: white;width: 100px;text-align: center;}
/** 2018-08-23 김명진추가 END **/
textarea.md-textarea{padding:0; font-size:13px;}

.search{background:#fff; border-radius:3px; padding:15px 5px;}
.search-in{display:inline-block; width:calc(100% - 60px);}
.search-btn{display:inline-block; width:44px;}
.search-tit{font-size:13px; margin-left:40px; padding-top:5px; font-weight:bold; color:#33b5e5;}
.search-line .search-tit:first-child{margin-left:15px;}
.search-line{min-height:30px;}
.search-cont{margin-left:8px;}
.btn-search{padding:5px 10px; margin:0;}
.search-block{display:inline-block; -ms-flex: 1; flex: 1;}
.search-block span{display:inline-block;}
.mrt-30{margin-top:-30px;}
.h20{width:100%; height:20px;}

.content{margin-bottom:50px; background:#fff; border-radius:3px; padding:15px 15px; padding-bottom:0;}
.btn-box{position:relative !important; padding-bottom:80px !important;}
.btn-box-none{position:relative; padding-bottom:15px;}

.pagination.pg-purple .active .page-link{background:#33b5e5;}
.justify-content-right{position:absolute; bottom:15px; right:15px;}
.justify-content-center{position:absolute; bottom:15px; width:calc(100% - 30px); text-align:center;}
.btn.btn-sm, .btn.wishlist{font-size:12px;}
.align-center{justify-content:center!important;}

.content table{margin-bottom:0;}
.table-wrapper-2 {
    display: block;
    height: 600px;
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-wrapper-1{
    display: block;
    height: 350px;
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.div-wrapper-2{
	display: block;
    height: 600px;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
table.table tbody a{color:#0c65bc;}
table.table td, table.table th{padding-top:8px; padding-bottom:8px;vertical-align:middle;}
/* 호현에프앤씨 지창근 *//* table.table tr:last-child th,  */table.table tr:last-child td{border-bottom:1px solid #b6c7d8;}
table.table th:first-child  {border-left:none;}

.data{margin-right:0; margin-left:0;}
.data .tit{margin-bottom:8px; font-size:12px; line-height:23px; text-align:center; background:#f1f1f1;}
.data .textarea-tit{line-height:52px;}
.data .txt{margin-bottom:8px;}

.data .tit2{margin-bottom:8px; font-size:12px; line-height:38px; text-align:center; background:#cfd8dc;height:40px;}
.data .textarea-tit2{line-height:52px; background:#fff;}
.data .txt2{margin-bottom:8px;background:#f1f1f1;}
.data .txt2 input{margin: 9px 0px 4px;border:1px solid #cfd8dc; padding-left:10px;width:100%;background-color:#fff;}

/* 0717수정 .data .col-md-2, .data .col-md-4, .data .col-md-10{padding-left:5px; padding-right:5px;} */
.data textarea{overflow:auto;}
.data .btn-txt a{display:inline-block; right:0; background:#b1b1b1; color:#fff; border-radius:3px; font-size:12px; width:59px; text-align:center; height:25px; line-height:25px;}
.data .btn-txt input{width:calc(100% - 63px); margin-right:4px;}

.layer-pop{position:fixed; top:0; left:0; right:0; bottom:0; z-index:999; display:none; background-color:rgba(0,0,0,0.78);}
.pop-in{background:#fff; border: 2px solid #333; padding: 15px; border-radius:3px; position:absolute; left:50%; top:50%; color:#333;}
.pop-large .pop-in{width:calc(100% - 30px); max-width:600px;}
.pop-small .pop-in{width:calc(100% - 30px); max-width:400px;}
.pop-tit{padding:5px 0 15px 0; font-weight:bold; font-size:18px; border-bottom:1px solid #333; margin-bottom:15px;}
.pop-con{max-height:500px; overflow-y: auto; -ms-overflow-style: -ms-autohiding-scrollbar;}
@media screen and (max-width:599px) {
  .pop-in.btn-box{padding-bottom:120px !important;}
}

/** 2018-08-23 김명진 모달팝업 임시 처리 START **/
.file-field input.file-path{height:29px;}
.cursor-pointer{cursor:pointer !important;}
.btn{box-shadow:none; -webkit-box-shadow:none;}
#modalRegistUser{overflow-y: hidden;}
#modalRegistUser .modal-dialog{height:100%;}
#modalRegistUser .modal-dialog .modal-content{height:68%;}
#modalRegistUser .modal-dialog .modal-content .modal-header{display:block;height:60px;}
#modalRegistUser .modal-dialog .modal-content .modal-header p{float:left}
#modalRegistUser .modal-dialog .modal-content .modal-body{overflow-y:auto;}
#modalModifyUser{overflow-y: hidden;}
#modalModifyUser .modal-dialog{height:100%;}
#modalModifyUser .modal-dialog .modal-content{height:74%;}
#modalModifyUser .modal-dialog .modal-content .modal-header{display:block;height:60px;}
#modalModifyUser .modal-dialog .modal-content .modal-header p{float:left}
#modalModifyUser .modal-dialog .modal-content .modal-body{overflow-y:auto;}

@media screen and (max-width:575px) {
  .m-col-auto{margin: auto !important;}
}
table .th-s{min-width: 4rem;}
table .th-xl{min-width: 18rem;}
table a.m-half{margin-right:0.5rem !important;}
.m-w-25{max-width:25% !important;}

table tbody tr.active{background-color:#efefef !important;}
.side-nav li.current_menu_item a {color:#fff !important; background-color:#6cb1f6;}
.side-nav li.current_menu_item a > p{color:#fff !important;}
#cmmnConfirmAlert, #cmmnAlert{z-index:99999999;}
table tbody textarea{resize:none;}
.resize-none{resize:none !important;}
/** 2018-08-23 김명진 모달팝업 임시 처리 END **/
/** 2018-09-06 김명진 메뉴관리 TREE 관련 CSS 추가 START **/
.tree a {
	color: #428bca;
}
.tree ul {
    padding: 0em;
    margin-top: 1em;
}

.tree ul li, .tree ul li ul li {
    position:relative;
    top:0;
    bottom:0;
    padding-bottom: 7px;

}

.tree ul li ul {
    margin-left: 4em;
}

.tree li {
    list-style-type: none;
}

.tree li a {
    padding:0 0 0 10px;
    position: relative;
    top:1em;
}

.tree li a:hover {
    text-decoration: none;
}

.tree a.addBorderBefore:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 28px;
    position: absolute;
    left: -46px;
    top:-16px;
    border-left: 1px solid gray;
}

.tree li:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 0;
    position: relative;
    left: 0em;
    top:1em;
    border-top: 1px solid gray;
}

/* .tree ul li ul li:last-child:after, .tree ul li:last-child:after {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    position: relative;
    background: #fff;
    top: 8px;
    left: -1px;
}
 */
 /** 2018-09-06 김명진 메뉴관리 TREE 관련 CSS 추가 END **/
 /** 2019-11-26 호현에프앤씨 지창근 **/

/** 2018-09-07 이영현 트리 수정 > 2018-09-10 트리 누락 부분 추가 */
.treeWrap							{overflow:auto;}
.root ul							{width:100%;}
.root>li>ul							{width:MAX-CONTENT;}
.root>li>ul>li:last-child			{top:-4px!important;}/*�듃由� 1�젅踰� 硫붾돱 留덉�留됱쓽 ���뼱吏� �쁽�긽�� addBeforeMenu Style�씠 留욎� �븡�븘�꽌�씠�떎. �씠嫄� �넀��湲곕뒗 猿꾨걚�윭�썙 �븘�옒 �뒪�겕由쏀듃濡� ���떊�븳�떎.*/
.treeWrap .relativeTop				{position:relative; top:1rem; }
.treeWrap li>a.space				{padding-left:31.16px;}
.treeWrap li>a>span					{display:inline-block; position:relative; top:5px; width: 11rem; max-width:11rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor:pointer;}
.treeWrap div.authCheck				{display:inline-table; padding-left:1.5rem; overflow-x:auto;}
.treeWrap div.noPd					{padding-left:0;}
.treeWrap div.authCheck>label		{font-size:0.75rem!important; padding-left:1.8rem!important; padding-right:0.45rem!important; padding-top:4px;}
.treeWrap div.authCheck>input		{font-size:0.75rem!important; padding-left:1.8rem!important; padding-right:0.45rem!important; padding-top:4px;}


@media screen and (max-width:440px) {	/* 화면너비가 440 이하일 때 체크박스 크기 조절 */
	[type=checkbox]+label:before	{width:14px;height:14px;}
}
/** */

/** 2018-08-31 이영현 UL 테이블  */
.likeTable				{list-style:none; margin:0; padding:0; display:table; white-space:nowrap; width:100%;}

.likeThead, .likeTbody	{width:100%; display:table-row;}

.likeThead>div, .likeTbody>div	{display:table-cell; vertical-align:middle;}
.likeThead				{font-size:.9rem; font-weight:400; text-align:inherit;}
.likeTbody				{font-size:.9rem; font-weight:300; text-align:inherit;}

.likeTbody:hover		{-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background-color: rgba(0, 0, 0, 0.075); }

.likeTh, .likeTd		{padding:.75rem; padding-top:8px; padding-botton:8px; vertical-align:middle;}

.likeTd					{border-top:1px solid #dee2e6;}
/** //2018-08-31 이영현 UL 테이블  */
/** //2018-09-05 김명진 푸터 관련 CSS 추가 START **/
html {
  position: relative;
  min-height: 100%;
}
/* body {
  Margin bottom by footer height
  margin-bottom: 86.5px;
} */ /* 2019-11-25 지창근 호현에프앤씨 */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 76.5px;
}

.wrap_404 .row		{min-height:calc(100vh - 227.5px - 2.55rem);}
.img_boxIn			{background:url(/images/404.png) no-repeat center 3rem; background-size:100%; display:table-cell; text-align:center; width:100%;}

.img_boxIn .error_tit	{font-size : 3.7rem; padding-top:6vh;}
.img_boxIn .error_num	{font-size:0.7rem; margin-bottom:17vh; font-weight:400; color:#BBB;}
.img_boxIn .error_lost	{font-size : 0.9rem; width:80%; height:25%;}

.img_boxIn .btnWrap		{position:absolute; bottom:1rem; width:100%;}

@media screen and (min-width:320px) {
	.img_boxIn			{background:url(/images/404.png) no-repeat center 1rem; background-size:100%;}

	.img_boxIn .error_tit	{padding-top:2vh;}
	.img_boxIn .error_num	{margin-bottom:12vh;}
}

@media screen and (min-height:700px) {
	.img_boxIn .error_lost	{height:30%;}
}

@media screen and (min-width:400px) {
	.img_boxIn				{background:url(/images/404.png) no-repeat center 0rem; background-size:100%;}
	.img_boxIn .error_num	{margin-bottom:14vh;}
}

@media screen and (min-width:550px) {
	.img_boxIn			{background:url(/images/404.png) no-repeat center -5rem; background-size:550px; margin-top:0;}

	.img_boxIn .error_num	{font-size : 1.1rem;}
	.img_boxIn .error_lost	{font-size : 1rem;}
}

/** IF IE 10 OR 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .form-control-lg				{padding-top:0px!important;}
     form[class$=postForm] input	{height:calc(1.875rem + 2px);}
     input.select-dropdown			{line-height:normal!important;}
}


div[class*=col-].px-auto	{padding-left:15px;padding-right:15px;}
@media screen and(max-width:575px){
	div[class*=col-].px-auto	{padding-left:.25rem!important;padding-right:.25rem!important;}
}

/* .md-form .form-control[readonly]	{background-color:#edf3f8; border-radius:8px; padding-left: 10px;} */ /* 호현에프앤씨 지창근 */

/* 플랫폼 소개페이지 css 20190513 */
.business_tit {font-size:2.3rem !important; font-weight: 500 !important;color:#333;}
.business_text {font-size:1.4rem !important;font-weight:400;}
.business_text > span {font-weight:bold; font-size: 1.4rem;}

/* card-img */
.con-img{width:35%;margin: auto; margin-top: 1.5rem;}


/* card-size */
.con-box-wrap {padding-right:0 !important;cursor: pointer;}
.con-title {padding-top:1.5rem;padding-bottom:1.5rem;font-weight:600 !important;}
.con-box {height:95%;margin-bottom: 12px;padding-top: 1rem;}

/* DashBoard 추가 2019.07.09 */
.top_data{margin-right:0; margin-left:0;margin-bottom:40px;margin-top:10px;}
.top_data .tit{margin-bottom:8px; font-size:12px; line-height:23px; text-align:center; background:#f1f1f1;}
.top_data .textarea-tit{line-height:52px;}
.top_data .txt{margin-bottom:8px;}
/* 0717수정 .top_data .col-md-2, .data .col-md-4, .data .col-md-10{padding-left:5px; padding-right:5px;} */
.top_data textarea{overflow:auto;}
.top_data .btn-txt a{display:inline-block; right:0; background:#b1b1b1; color:#fff; border-radius:3px; font-size:12px; width:59px; text-align:center; height:25px; line-height:25px;}
.top_data .btn-txt input{width:calc(100% - 63px); margin-right:4px;}
.top_data .farm_name {color:#0c789f !important;font-size:1.5rem !important;}

.circle_Gtext {position: absolute; margin-top: 54px;margin-left: 63px;text-align: center;}
.circle_Gtext .title {font-size: 15px;}
.circle_Gtext .rate {font-size: 16px; color:#109618;}
.circle_Gtext .num {font-size: 15px;}
.circle_Rtext {position: absolute; margin-top: 54px;margin-left: 88px;text-align: center;}
.circle_Rtext .title {font-size: 15px;}
.circle_Rtext .rate {font-size: 16px; color:#dc3912;}
.circle_Rtext .num {font-size: 15px;}
.circle_Grtext {position: absolute; margin-top: 54px;margin-left: 88px;text-align: center;}
.circle_Grtext .title {font-size: 15px;}
.circle_Grtext .rate {font-size: 16px; color:#8b8b8b;}
.circle_Grtext .num {font-size: 15px;}

.c_home {margin-top:.75rem!important;margin-bottom:.75rem!important;font-weight:bold;text-align: center;}
.gtext_bc {margin-top:.75rem!important;margin-bottom:.75rem!important;font-weight:bold;text-align: center;border:none !important;}
.goal_tit {font-weight:500;}
.t_red {color:#d00808; padding-left:8px;text-align:center;font-weight:600;line-height:14px;}
.t4_red {color:#d00808;font-weight:400;line-height:14px;}
.fw_b {font-size:15px; font-weight:bold;}
.txt_red {color:#ff0600;}
.txt_blue {color:#3366cc;}
.txt_green {color:#109618;}
.txt_orange {color:#ff9900;}
.bu_pdn {width:10px !important;height:6px !important;background-position:0 -80px; margin:0px 2px 0px 3px;}
.bu_blue{display:inline-block !important;background:url(/images/icon_bl.png) no-repeat}
.bu_red{display:inline-block !important;background:url(/images/icon_red.png) no-repeat;}
.arrow{display:inline-block !important;background:url(/images/chart_arrow.png) no-repeat; position:relative;width:26px;height:22px;margin-top:32px;}

.feed {
	width: 194px;
	height: 210px;
	margin: 0px auto;
	padding: 0;
	background:url('/images/feed.jpg') no-repeat center center/100%;
}
.feed_orange {
	position:relative;
	display:inline-block;
	width: 42%;
	background: #f46807;
	vertical-align:bottom;
	margin-bottom:-131px
}
 .feed_red {
	position:relative;
	display:inline-block;
	width:  42%;
	background: #e53b0f;
	vertical-align:bottom;
	margin-bottom:-131px
}
.feed_green {
	position:relative;
	display:inline-block;
	width:  42%;
	background: #359b0a;
	vertical-align:bottom;
	margin-bottom:-131px
}
.feed_text {position: absolute; margin-top: 90px;margin-left: 72px;z-index:1;}
.feed_text .title {font-size: 14px; color:#000;font-weight:600;}

/* Table */
.table1 {width:100%;background-color:transparent;box-sizing:border-box;display:table;border-spacing:2px;}
table.table1 td, table.table th{padding-top:6px; padding-bottom:6px;vertical-align:middle;}
.text_ac {text-align:center !important;}
.title {font-size: 15px;font-weight:700;}
.rate {font-size: 16px;font-weight:700;}
.num {font-size: 15px;font-weight:700;}

.p-b2 {padding:.5rem .5rem 2rem .5rem !important; }
.p-b3 {padding:.5rem .5rem 3rem .5rem !important; }
.p-b4 {padding:.5rem .5rem 4rem .5rem !important; }
.p-b5 {padding:.5rem .5rem 5rem .5rem !important; }
.pt-0{padding-top:0 !important;}

#chartdiv2_navi {padding:4rem 2rem 2rem 4rem;}
#chartdiv3_navi {padding:4rem 2rem 2rem 4rem;}
.spec_basic{float:left;color:#ff0000;font-weight:bold;font-size:15px;padding-right:2rem;}
.spec_list{float:left;color:#333333;font-weight:bold;font-size:15px;cursor:pointer;padding-right:1.5rem;}
.spec_total{float:right;color:#ff0000;font-weight:bold;font-size:15px;padding-right:1rem;}


/* 19.07.22 add */
.inbox_col_2_2_1 {
	position:relative;
	width:100%;
	padding:10px;
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.inbox_col_3_2_1 {
	position:relative;
	width:100%;
	padding:10px;
	-ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.inbox_col_img {width:180px; padding:5px;}
.inbox_col_img .feed {width:100%;}
.inbox_col_con {width:calc(100% - 180px);}

@media screen and (max-width:1680px){
	.inbox_col_3_2_1 {
		-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
}

@media screen and (max-width:992px){
	.inbox_col_3_2_1 {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
}
@media screen and (max-width:1680px){
	.inbox_col_2_2_1 {
		-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
}

@media screen and (max-width:992px){
	.inbox_col_2_2_1 {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
}

@media screen and (max-width:768px){
	.inbox_col_img,
	.inbox_col_con  {width:100%;}
	.inbox_col_img .feed {width:194px;}
}

/* 19.07.26 일일업무등록 추가 */
.daybox_wrap {margin-top:20px; padding:0 20px 20px; border-top:1px solid #e5e5e5;}
.right_date_search {position:relative;}
.right_date_search:after {content:''; display:block; clear:both;}
.right_date_search .md-form {float:right; width:200px;}

.sub_tab {position:relative; height:40px; border-bottom:1px solid #ced4da;}
.sub_tab:after {content:''; display:block; clear:both;}
.sub_tab ul {margin:0; padding:0; list-style:none;}
.sub_tab ul li {float:left; border-right:1px solid #ced4da;}
.sub_tab ul li:first-child {border-left:1px solid #ced4da;}
.sub_tab ul li a {display:block; height:40px; padding:0 20px; border-top:1px solid #ced4da; border-bottom:1px solid #ced4da; background:#f2f2f2; color:#6d6d6d; font-size:16px; line-height:38px; text-align:center;}
.sub_tab ul li a.active {border-bottom:1px solid #fff; background:#fff; color:#212529;}

.btn_minus_right {height:40px; margin-top:-40px;}

.sub_tab_con {display:none;}
.sub_tab_con.active {display:block;}
.sub_tab_con table th {text-align:center;}

.stit {margin-top:50px; color:#4f4f4f; font-size:16px; line-height:40px; font-weight:400;}
.stit2 {margin-top:10px; color:#4f4f4f; font-size:1.2rem; line-height:40px; font-weight:600;margin-bottom:0px !important;;}

.ipt_btn {position:relative; padding-right:120px;}
.ipt_btn .btn {position:absolute; top:0; right:0; margin-right:0 !important;}

@media (max-width: 1200px){
	.sub_tab ul li a {padding:0 15px;}
	.ipt_btn {padding-right:65px !important;}
}

@media (max-width: 768px){
	.daybox_wrap {padding:0 10px 10px;}
	.sub_tab ul li a {padding:0 10px; font-size:13px;}
	.btn_minus_right {margin-top:10px;}
	.stit + .btn_minus_right {margin-top:-40px;}
	.stit {margin-top:25px;}
}
.overf_us {overflow-x:unset !important}
.fr{float:right}
.rtext_ib {color:#f44336 !important; display:inline-block;}
.padding_l0 {padding-left:0 !important;}
.padding_R0 {padding-right:0 !important;}
.col-md-6 .map {height:500px;border:1px solid #e5e5e5;float:left;margin-top:20px;display:table-cell; text-align:center; width:100%;/*background:url(/images/map.png) no-repeat center;*/}
.code_chart {width:100%;height:420px;border:1px solid #e5e5e5;margin-top:20px;}
td.reply_off {color:#eb4c06;}
td.reply_on {color:#212529;}
.m_center {margin: 0 auto;}
.w80 td input {width:80% !important;text-align:right; padding-right:4px;}
.th_label {padding-bottom:0 !important;margin-bottom:-6px !important;}
.pd0{padding-left:0 !important;padding-right:0 !important;}
.w10{width:10%;}
.w20{width:20%;}
.dp_in {display:inline !important;}
.sup_input {height:16px !important;vertical-align:top;padding:2px 2px 2px 6px;font-size:11px !important;}
table.table .analysis td {text-align:left;padding-left:2.5rem !important;}

/* 2019-11-25 지창근 호현에프앤씨 */

.iot_stats_select ul{list-style:none; }
.remove_reset_btn .form-clear{display: none;}

.iot_stats_select ul{ list_style:none; padding: 0;}
.iot_stats_select li:first-child{/* border-top:1px solid #c5c5c5 */}
.iot_stats_select li{/* border-bottom:1px solid #c5c5c5; */height: 32px; line-height: 32px;}
.iot_stats_select>div:first-child li{text-align: right; padding-right: 15%;}
.iot_stats_select>div:first-child li label{display: inline-block; height: 30px; line-height: 30px;}
.iot_stats_select>div:last-child li{height: auto; line-height: normal; padding: 3px 0;}
.iot_stats_select label:before{top:3px}
.iot_stats_select .datepicker{border-radius: 8px;height:30px;border:none;background-color: #d8e8f9}
.form-check-input[type=checkbox]+label, label.btn input[type=checkbox]+label{padding-left:25px !important;}

.font_normal{font-size: 13px !important;}
table.table td, table.table th{font-size:14px; position: relative;}
.md-form label{padding-left:10px; font-size:14px;}
.select-wrapper input.select-dropdown{font-size:14px; border:1px solid #ced4da !important; box-sizing:border-box; padding-left: 3px; margin-bottom: 0 !important;}
.page-link, .popover-body, .popover-header{font-size:0.875em !important;}
.footer .py-3{padding-bottom: 0 !important;}
.side-nav .fa-angle-down.rotate-icon{top:0.9rem; position: relative;}
.form-clear{margin-top: -8px; top:50%; font-size: 12px; padding:3px; margin-right: 6px; width: 16px; height: 16px;}
.md-form .form-control[readonly]{height: 38px; box-sizing:border-box; padding: 10px 10px 12px 10px; border:1px solid #ced4da}
.md-form .form-control{margin-bottom: 0 !important; border:1px solid #ced4da !important; padding-left: 10px !important; box-sizing:border-box !important; padding-top:6px !important; padding-bottom: 6px !important;}
.md-form label.active{font-size:12px; transform:translateY(-160%); padding-left: 0;}
.md-form label{top:.6em}
.select-wrapper span.caret{right:10px;}
.footer{height:77.5px;}
.fixed-sn .page-footer .container-fluid, .fixed-sn main{margin-left: 2% !important; margin-right: 2% !important;}
.navbar .breadcrumb .breadcrumb-item p{margin-bottom: 0 !important;}
.navbar .breadcrumb{font-size: 14px; padding: 0;}
.h5, h5{font-size: 1rem;}
.modal h4{font-size: 13px; border-bottom:1px solid rgba(0,0,0,.1); padding-bottom: 5px;}
.fixed-sn main, .hidden-sn main{padding-top: 4.5rem;}
main{margin-bottom: 30px;}
.wrapper-scroll-top{right:calc(.65% - 7px)}
header .navbar.fixed-top .select-wrapper .caret{top:.55rem;}
header .nav-item a{vertical-align: middle;}
header .nav-item a>span{font-size: 0.875em;}
thead.blue-grey.lighten-4{background-color:#3b5999 !important; color:#fff;}
thead.blue-grey.lighten-4 tr th{border-top:0; background: linear-gradient(#777, #444); position: relative;}
thead.blue-grey.lighten-4 tr th:first-child{border-radius:3px 0 0 3px}
thead.blue-grey.lighten-4 tr th:last-child{border-radius:0px 3px 3px 0px}
thead.blue-grey.lighten-4 tr th:after{background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08)); content:''; display: block; height:25%; left:0; margin:1px 0 0 0; position: absolute; top:25%; width: 100%; pointer-events: none;}
thead.blue-grey.lighten-4 tr th [type=checkbox]+label:before{border-color:#fff}
thead.blue-grey.lighten-4 tr th [type=checkbox]:checked+label:before{border-color:transparent; border-right-color: #fff;border-bottom-color: #fff;}
table.table tbody tr:last-child th{border-bottom:1px solid #b6c7d8}
.table thead th{border-bottom:0;}
.container-fluid>section>div>div>div.card:first-of-type,.container-fluid>section>.card:first-of-type,.container-fluid>.card:first-of-type,.container-fluid>section>form>.card:first-of-type,.container-fluid>form>.card:first-of-type{margin-top:2rem;}
.container-fluid>section>.card,.container-fluid>.card,.container-fluid>section>form>.card,.container-fluid>form>.card{margin-bottom: 2.5rem !important; border:1px solid #c5c5c5 !important}
.card-cascade>.d-flex>i:FIRST-CHILD{padding: 1rem; font-size: 2rem; padding: 0; width: 60px; text-align: center; line-height: 65px; height: 65px;}
.dropdown-content li>a, .dropdown-content li>span{font-size:12px;}
header .navbar.fixed-top .select-wrapper input{font-size:13px; padding-left: 5px; width: 180px;}
.ml-2,.mx-2{margin-left: 0 !important;}
.stit2{font-size: 1em;}
.btn.btn-sm i{font-size:.9rem !important; margin:0 .2rem !important}
.modal-body .btn.btn-sm i{font-size:.9rem !important; margin-right:.2rem !important; margin-left: 0 !important;}
.tree a.addBorderBefore:before{left:-49px}
.tree *{box-sizing:border-box;}
.tree ul li:after{content:''; display: block; width: 1px; height:40px; position: absolute; left:-1px; top:-27px; background:gray;}
.tree ul li:last-child:after{content:''; display: block; width: 1px; height:40px; position: absolute; top:-27px; background:gray;}
.tree ul li:last-child{border-left:1px solid transparent; left:-1px; margin-bottom: 20px;}
.tree>ul>li>ul>li>a.addBorderBefore:after,.tree>ul>li>ul>li>a.addBorderBefore:before{display: none;}
.tree ul li, .tree>ul>li>ul>li{padding-bottom: 0 !important;}
.tree li{margin-bottom:10px}
.tree li:before{top:-5px}
.tree ul li a{top:auto}
.tree>ul>li:last-child:after{display: none;}
.tree ul li ul li:first-child:after, .tree ul li:first-child:after{height: 20px; top:-7px}
.tree>ul>li>ul>li ul{border-left:0 !important}
.tree>ul>li>ul li a.addBorderBefore:before{display: none;}
.add_btn{width: 24px; display: inline-block;}
.treeWrap li>a.space{padding-left: 34px;}
.root>li>ul>li:last-child{top:0 !important; left:0}
.root>li>ul>li:last-child:after{left:-1px}
.root>li>ul>li:nth-of-type(7)>ul>li:last-child,.root>li>ul>li:nth-of-type(8)>ul>li:last-child{left:-1px !important;}
/* .right_icon{position: relative;} */
/* .right_icon:after{position: absolute; right:0; bottom:5px; width: 20px; height: 20px; font-size: .813em; font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:#757575} */
/* .calendar_icon:after{content:"\f073";} */
label[for$='cd'],label[for$='Dt'],label[for$='Nm'],label[for$='Name'],label[for$='Date'],label[for='entryDate'],label[for='searchStart'],label[for='searchEnd'],label[for='keyword'],label[for$='Age'],label[for='rm'],label[for='searchMemberId'],label[for^='srchNLogin'],label[for='dissAdtCd'],label[for='medcinMakr'],label[for='feedMakr']{width: 100%; pointer-events:none; text-align: left;}
label[for$='Dt']:after,label[for$='Date']:after,label[for='searchStart']:after,label[for='searchEnd']:after{content:"\f073" !important; position: absolute; right:0; top:4px !important; width: 20px; height: 20px; font-size: .938em; font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:#757575; opacity: 1 !important;}
label[for$='cd']:after,label[for$='Nm']:after,label[for='entryDate']:after,label[for='rm']:after,label[for='searchMemberId']:after,label[for='dissAdtCd']:after,label[for='medcinMakr']:after,label[for='feedMakr']:after{content:"\f044" !important; position: absolute; right:0; top:5px !important; width: 20px; height: 20px; font-size:1em; font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:#757575; opacity: 1 !important;}
label[for$='Name']:after,label[for='keyword']:after,label[for$='Age']:after,label[for^='srchNLogin']:after{content:"\f044" !important; position: absolute; right:0; top:3px !important; width: 20px; height: 20px; font-size:1em; font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:#757575; opacity: 1 !important;}
label[for='userNm']:after,label[for='bplcNm']:after,label[for='bplcFondDate']:after{display: none;}
label.active:after{opacity: 0 !important;}
/* .md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=email], .md-form input[type=number], .md-form input[type=password], .md-form input[type=search-md], .md-form input[type=search], .md-form input[type=tel], .md-form input[type=text], .md-form input[type=time], .md-form input[type=url], .md-form textarea.md-textarea{
	border-top:1px solid #ced4da
 }*/
.fromto_icon{position: absolute; right:-25px; top:8px; display: none;}
.picker__box .picker__table .picker__day--infocus{letter-spacing:normal;}
.picker__box .picker__table .picker__day--infocus:hover{font-weight: 400;}
.form-check-input[type=checkbox]+label, label.btn input[type=checkbox]+label{padding-left: 30px !important;}
.side-nav ul li.collapsible:last-child>li{border-bottom:1px solid #d8e8f9}
.picker__box .picker__header .picker__nav--next,.picker__box .picker__header .picker__nav--prev{top:1em}
.picker__box .picker__table .picker__day--infocus{padding: .45rem 0 .65rem 0; line-height: 1.5rem;}
.dark-grey-text, .dark-grey-text:focus, .dark-grey-text:hover{font-size: 16px;}
.top_data .farm_name{font-size: 20px;}

@keyframes find_word{
	from{content:'?';}
	to{cotent:'?'}
}

@keyframes find_data{
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}
}
@keyframes find_late{
	from{font-size: 0;}
	to{font-size: 0;}
}
@keyframes slideDown{
	0%{max-height:0; overflow: hidden;}
	100%{max-height:500px; overflow: hidden;}
}
div[id*="Chart"]{position: relative;}

/*leftControll*/
.close_left_menu{position:fixed; left:15rem; top:50%; width: 30px; height: 70px; background: #fff; border:1px solid #ddd; border-left:0; margin-top:-35px; z-index: 1040; border-radius:0 5px 5px 0; box-shadow:1px 0px 3px rgba(0,0,0,0.3);}
.close_left_menu:before{content:'\f053'; left:0; right:0; top:0; bottom:0; position: absolute; margin:auto;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; text-align: center; line-height: 70px;}
.leftOpen .close_left_menu:before{transform:rotate(180deg)}
.white-skin .side-nav{z-index:1030}
.leftOpen.white-skin .side-nav{transform: translateX(-100%) !important;}
.leftOpen.white-skin .close_left_menu{left:0;}
.leftOpen.white-skin .logo-wrapper{position: fixed; left:0; top:0;}
.white-skin .side-nav,.white-skin main,.close_left_menu{transition:none !important;}
.leftOpen.white-skin main{padding: 4.5rem 0 0 0; }
.leftOpen.fixed-sn .double-nav,.leftOpen.fixed-sn footer{padding-left: 0;}
table.table tbody a:after,table.table tbody a:before{position: absolute; content:'';}
form[class$=postForm] input{padding: 0 0 3px 5px; height: calc(2.25rem + 2px);}
@keyframes nodata{
	0%{background-position:center 400px;}
	100%{background-position:center 100%;}
}
.nodata_find{width: 100%; height: 100%; position: absolute; z-index:100; left:0; top:0; font-size: 0; max-height:300px; right:0; bottom:0; margin:auto}
.nodata_find>span:first-child{width:40%; height: 60%; position: absolute; left:50%; top:50%; transform:translate(-50%,-70%); background:url(/images/common/nodata_bottom.png) 50% 100% / contain no-repeat; max-width:300px}
.nodata_find>span:first-child:after{width:100%; height: 100%; content:''; display: block; position: absolute; left:0; top:0; background:url(/images/common/nodata_up.png) center 100% / contain no-repeat; animation:nodata 2s ease;}
.nodata_find>span:last-child{position: absolute; left:50%; top:80%; width: 100%; transform:translateX(-50%); text-align: center; font-size: 1.7rem;}
.nodata{width: 100%; height: 100%; position: absolute; z-index:100; left:0; top:0; font-size: 0; max-height:300px; right:0; bottom:0; margin:auto}
.nodata>div{width:40%; height: 60%; position: absolute; left:50%; top:50%; transform:translate(-50%,-70%); background:url(/images/common/nodata_bottom.png) 50% 100% / contain no-repeat; max-width:300px}
.nodata>div:after{width:100%; height: 100%; content:''; display: block; position: absolute; left:0; top:0; background:url(/images/common/nodata_up.png) center 100% / contain no-repeat; animation:nodata 2s ease;}
.nodata>p:last-child{position: absolute; left:50%; top:80%; width: 100%; transform:translateX(-50%); text-align: center; font-size: 1.7rem;}
.ovv,.ovv *{overflow: visible !important;}
.btn-outline-info{background: transparent !important; color:#5b9fe3 !important}

.form-control-lg{font-size: 1rem; padding: .375rem .75rem; height: calc(2.25rem + 2px); border-radius:.25rem;}
.pos-r{position: relative !important;}
.pos-r .form-clear{margin-right: 15px !important;}
.picker__input.picker__input--active{border-color:#0089ec !important}
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    // IE9+ CSS
    .ie9up {
        property: value;
    }
    body{-ms-overflow-x: hidden;}
    element:focus{
	 outline: thin transparent;
	}
}

@media(max-width: 1440px){
	.close_left_menu{display: none;}
	.fixed-sn .double-nav{border-bottom:1px solid #9e9e9e}
}

/*left메뉴 top메뉴로 변경*/
@media(min-width: 1440px){
	.navbar.scrolling-navbar{padding-top:12px !important;padding-bottom:12px !important;height: 70px;}
	.close_left_menu{display: none;}
	.white-skin main{padding: 4.5rem 0 0 0; }
	.side-nav{height: 70px;width: calc(100% - 430px) !important;overflow: visible !important;}
	.side-nav .ps__scrollbar-x-rail{display: none !important;}
	.side-nav .ps__scrollbar-y-rail{display: none !important;}
	.side-nav p{margin:0 !important; display: inline; font-weight: 400 !important;}
	.side-nav ul{display: inline-block; vertical-align:top; margin: 0 !important;}
	.side-nav>ul{width: 100%; max-height: 100% !important; overflow: visible !important;}
	.side-nav>ul>li{display: inline-block; float: left;}
	.side-nav>ul>li>ul{width:100%; margin:0 !important; display: flex; justify-content:space-around}
	.side-nav>ul>li>ul>ul>li>a{display: block;padding: 0 !important;height: 70px !important;line-height: 70px !important;}
	.side-nav>ul>li>ul>ul>li>div>ul{display: block;}
	.side-nav>ul>li>ul>ul>li>div>ul>li>a{display: block; padding:0 7px !important; min-width: 150px; text-align: center;}
	.side-nav>ul>li>ul>ul{float: left; text-align: center;}
	.side-nav>ul>li>ul>ul:first-of-type{display: none;}
	.side-nav>ul>li>ul>ul:first-of-type>li>a{padding: 0 7px !important;}
	.white-skin .side-nav .collapsible ul:first-child li{border-top:0 !important;}
	.side-nav>ul>li>ul>ul>li{border-top:0 !important; position: relative;}
	.bkmk-menu:hover>div,.side-nav>ul>li>ul>ul>li:hover>div{display: block; animation:slideDown .7s linear;}
	.bkmk-menu>a{padding: 0 !important; height: 56px !important; line-height: 56px !important; position: fixed; right:-80px; top:0;}
	.white-skin .side-nav .collapsible li.bkmk-menu .collapsible-body a:hover,.white-skin .side-nav .collapsible li.bkmk-menu .collapsible-body a:active{background-color:#6cb1f6 !important; border-bottom:0 !important;}
	.bkmk-menu p{font-weight: 400 !important;}
	.bkmk-menu>div{position: fixed; right:-80px; top:56px; border:1px solid #6f6f6f;border-top:0}
	.bkmk-menu>div>ul{display: block !important; background: #e7f1fb;}
	.bkmk-menu>div>ul>li>a{padding: 0 !important; text-align: center; display: block; min-width:150px; }
	.bkmk-menu>div>ul>li>a:after{display: none;}
	.white-skin .close_left_menu{left:0;}
	.white-skin .side-nav{background:transparent; box-shadow:none;}
	.logo-wrapper{height:100% !important;}
	.side-nav .logo-wrapper, .side-nav .logo-wrapper a{height: 100%;}
	.side-nav>ul>li:first-of-type{width:240px;height: 69px;}
	.side-nav>ul>li:last-of-type{width:calc(100% - 240px);}
	.side-nav .logo-wrapper a{width:240px;height: 100%;/* position: absolute; *//* top:50%; *//* margin-top:-19px; */display: flex;align-items: center;justify-content: center;}
	.side-nav .logo-wrapper img{padding: 0;width:230px;height: 53px;}
	.side-nav .sidenav-bg:after{display: none;}
	.side-nav .logo-wrapper{position: relative; background: #fff;}
	.side-nav a{display: inline-block; border-radius:0 !important}
	.white-skin .side-nav .collapsible li .collapsible-body a{background: #fff;}
	.white-skin .side-nav .collapsible li.current_menu_item a{background: #6cb1f6;}
	.side-nav .fa-angle-down.rotate-icon{margin-right:0 !important; position: static;margin-left:3px; display: none;}
	.blockOverlay{display: none !important;}
	.preloader-wrapper.big{position: fixed; left:50%; top:50%; z-index:100; margin:-32px 0 0 -32px}
	.collapsible-body{position: absolute;}
	.side-nav>ul>li>ul>ul>li .collapsible-body{max-height:500px !important; position: absolute; left:50%; margin-left:-75px; margin-top:0; border:1px solid #6f6f6f; border-top:1px solid #fff; background: #fff;}
	.side-nav .MN007 .collapsible-body{border:0;}
	.MN008>div{max-height:calc(100vh - 50px) !important; overflow: auto; border-bottom:1px solid #ccc;}
	.side-nav .MN007>a{padding: 0 3px !important; text-align: center; display: block;}
	.side-nav .MN007>a:after{margin-left: -10px !important;}
	.white-skin .side-nav .collapsible li .collapsible-header{border-bottom:0;}
	.white-skin .side-nav .collapsible li .collapsible-header:after,.white-skin .side-nav .collapsible li .collapsible-header:after{
		content:''; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:0px solid #fff; position: absolute; left:50%; margin-left:-10px; bottom:0px; transition:0.2s all ease; z-index:1
	}
	.white-skin .side-nav .collapsible li .collapsible-header:hover:after,.white-skin .side-nav .collapsible li .collapsible-header.active:after{
		content:''; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; position: absolute; left:50%; margin-left:-10px; bottom:0px;
	}
	.white-skin .side-nav .collapsible li .collapsible-header:hover,.white-skin .side-nav .collapsible li .collapsible-header.active{background:transparent !important; color:#fff}
	.white-skin .navbar{background: #2188DC; padding-right:1rem !important;}
	.navbar .nav-item .caret,.navbar .nav-item input[type="text"],.white-skin .side-nav .fa:hover.white-skin .side-nav .fa,.white-skin .side-nav .collapsible li .collapsible-header,.white-skin .navbar .navbar-nav .nav-item a, .white-skin .navbar.double-nav a,.white-skin .side-nav .fa{color:#fff}
	.footer{opacity: 0 !important; height: 0 !important; overflow: hidden !important;}
	.navbar .nav-item.pr-4{padding-right: .5rem!important;}
	.btn-outline-info:not([disabled]):not(.disabled).active, .btn-outline-info:not([disabled]):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle{background:#3b5999 !important; color:#000 !important}
/* 	html{overflow: auto !important; padding: 0 !important;} */
	.header_schedule>a,.header_day_schedule>a{display: flex; align-items:center; justify-content:center; position: fixed; right:calc(.65% - 7px); bottom:75px; font-size:12px; width:40px; height: 40px; text-align: center; background:#fff; border:1px solid #3e8dde; box-shadow:0 0 2px #3288dc; border-radius:50%; margin:0 !important; background: #3288dc;}
	.header_schedule>a>i,.header_day_schedule>a>i{font-size: 15px; padding: 0 !important;}
	.header_schedule>a>i,.header_schedule>a>span,.header_day_schedule>a>i,.header_day_schedule>a>span{color:#fff !important}
	.header_schedule>a:hover,.header_day_schedule>a:hover{background: #3288dc;}
	.header_schedule>a:hover * , .header_day_schedule:hover *{color:#fff !important;}
	.header_day_schedule>a{bottom:140px}
	.header_day_schedule>a>i{position: relative; left:2px; top:2px;}
	.navbar-nav>li{margin-top:-1px}
	.navbar-nav>li>a{font-size: 0; margin-left:10px; margin-right:10px;}
	.navbar-nav>li>a>i{font-size: 26px; padding:1px; height: 34px;}
	.navbar-nav>li:not(.header_logout) i{line-height: 34px;}
	.navbar-nav>li.header_logout i{font-size:32px;}
	.navbar.scrolling-navbar .navbar-nav>li{padding: 0 !important; display: inline-flex; justify-content:center; align-items:center;}
	.navbar.scrolling-navbar .navbar-nav>li:last-child a{margin-right:0;}
	.navbar .breadcrumb {display: none;}
	.white-skin .navbar .navbar-nav .nav-item a span{display: none !important; position: fixed; width:auto; margin-top:35px; margin-left:-58px; color:#fff; font-size: 12px; padding: 5px 8px; background:#3b5999; white-space:nowrap; border-radius:3px; pointer-events:none;}
 	.white-skin .navbar .navbar-nav .nav-item.header_schedule a span,.white-skin .navbar .navbar-nav .nav-item.header_day_schedule a span{margin-left: 0px;font-size: 11px;margin-top: -50px;padding: 3px 5px;width: 40px;white-space: normal;}
 	.white-skin .navbar .navbar-nav .nav-item.header_schedule a span{padding: 3px 3px; margin-top:-35px}
	.white-skin .navbar .navbar-nav .nav-item a:hover span{display: inline-block !important;}
	.drag-target{width: 0;}
	.white-skin .side-nav .collapsible li .collapsible-body .active{background: #fff; color:#424242;}
}
@keyframes updown {
	0%{top:0}
	25%{top:-3px}
	50%{top:0}
	75%{top:3px}
	100%{top:0}
}
/*left메뉴 top메뉴로 변경*/
.wrapper-scroll-top{bottom:30px}
.wrapper-scroll-top a{display: flex; justify-content:center; align-items:center; height: 40px;}
.wrapper-scroll-top i{font-size:30px; line-height: 20px; border-top:3px solid}
.wrapper-scroll-top a:hover i{animation: updown .7s ease-out infinite; margin-top: 0; position: relative; top:0;}
/* 파일등록 css 변경 테스트
.fileDiv .file-field .file-path-wrapper{height:auto; padding-top: 0;} */

/* dataPicker 설정 변경 */
.picker__header *{vertical-align:top; font-size: 14px;}
.picker__header {padding-top:.5rem !important; padding-bottom:.5rem !important; margin-bottom:0 !important}
.picker__header.grey.lighten-3{background: #fff !important;}
.picker__box .picker__header .picker__nav--next, .picker__box .picker__header .picker__nav--prev{top:.5rem !important}
.picker__box .picker__table .picker__weekday{color:#666}
.picker__box .picker__table{margin-top:0}
.picker__box .picker__table .picker--focused, .picker__box .picker__table .picker__day--selected, .picker__box .picker__table .picker__day--selected:hover{transform: scale(.7); border:0 !important}
.picker__box .picker__table .picker__day.picker__day--today{color:#000;border:1px dashed #000;}
.picker__box .picker__header .picker__select--month, .picker__box .picker__header .picker__select--year{width:20% !important;}
.picker .picker__box{border-radius:5px}
.picker .picker__box tr th{height: 30px; line-height: 30px;}
.picker .picker__box tr th:nth-child(1),.picker .picker__box tr td:nth-child(1)>div{color:red;}
.picker .picker__box tr th:nth-child(7),.picker .picker__box tr td:nth-child(7)>div{color:blue;}

/* 색 및 쉐도우 제거 */
body{background:#fdfdfd;}
.card{box-shadow:none;}
.navbar{box-shadow:none}
.side-nav .logo-wrapper{box-shadow:0 1px 1px #c5c5c5 !important}

/* alarm 조절 */
.modal-dialog.modal-notify .modal-header{padding: .6rem;}
.modal-dialog.modal-notify .modal-body{font-size:13px; color:#000; padding: 1rem;}
.modal-dialog.modal-notify .modal-footer{padding:.3rem 25px !important;}
.modal-dialog.modal-notify .heading{font-size:16px; font-weight: 700;}
.fc-toolbar h2{font-size:16px; line-height: 27px;}
.fc-month-button{display: none;}
#calendar .fc-left{float: right;}
.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td{text-align: center !important;}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:none !important;}
.fc-day-grid-container{height: 528px !important;}
.fc-basic-view .fc-body .fc-row{height: 88px !important;}
table.table .label-table{height: 0; line-height: 0; width: 0; margin: 0 !important;}
table.table .label-table:before{position: absolute; margin-left:-10px !important; margin-top:-15px !important}
.carousel-control-prev,.carousel-control-next{opacity:1; margin: 0; padding:0 15px; border-radius:5px; background: #3e8ede; height: 80px; margin-top:-40px; top:50%; bottom:auto !important; position: absolute !important;}
.carousel-control-prev{left:-50px}
.carousel-control-next{right:-50px}
.carousel-control-prev img,.carousel-control-next img{display: none;}
.carousel-control-prev:after,.carousel-control-next:after{color:#fff; position: absolute; left:50%; top:50%; width: 20px; height: 20px; margin:-10px 0 0 -10px; font: normal normal normal 20px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.carousel-control-prev:after{content:'\f053';}
.carousel-control-next:after{content:'\f054';}
.container-fluid>section>div>div>div.card{border:1px solid #9E9E9E}
.file-field input.file-path{height: 36px;}
.btn.btn-sm, .btn.wishlist{margin-bottom:0 !important;margin-top: 0 !important; padding-bottom: 0 !important; padding-top: 0 !important; height: 38px; line-height: 34px;}
.form-check-input[type=radio]:checked+label, .form-check-input[type=radio]:not(:checked)+label, label.btn input[type=radio]:checked+label, label.btn input[type=radio]:not(:checked)+label{padding-left: 25px; margin-right: 10px;}
div.stats_entry_in{display: inline-block; width: 170px; height: 170px; background: #000; background:url(/images/dash/entry_in.png) 50% 50% / contain no-repeat; position: relative;}
div.stats_entry_out{display: inline-block; width: 170px; height: 170px; background: #000; background:url(/images/dash/entry_out.png) 50% 50% / contain no-repeat; position: relative;}
div.stats_entry_out:after{content:''; width:120px; height:60px; background:url(/images/main/sold-out.svg) 50% 50% / contain no-repeat; position: absolute; left:50%; top:50%; margin:-30px 0 0 -60px;}
.mdb-select.md-form{margin-bottom:0 !important ; margin-top:0 !important}
.white-skin input[type=email]:focus:not([readonly]), .white-skin input[type=text]:focus:not([readonly]), .white-skin input[type=password]:focus:not([readonly]), .white-skin input[type=number]:focus:not([readonly]), .white-skin textarea.md-textarea:focus:not([readonly]){box-shadow:none;}
.md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=text]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]){box-shadow:none;}
#modalModifyUser .modal-body{padding:1rem 6rem 1rem 1rem !important;}
.check_email{position: absolute; right:-95px}
.email_address{position: absolute; left:-24px; top:10px; font-size: 18px;}
.form-control{border-radius:0 !important; font-size:15px;}
.modal-backdrop.now_hide{z-index:1055}
.form-control-lg{font-size: 14px;}

/* 회원가입 화면 수정 */
form[class$=joinForm] .form-check-label{height: 22px !important; line-height: 22px !important;}
.form-join-progress .form-control,.form-join-progress .mdb-select,.form-join-progress input.select-dropdown{height: 38px !important; margin-top: 0 !important;}
.form-join-progress .col-form-label{text-align: left;}
.form-join-progress .fa{margin-right:5px}
.form-join-progress .md-form label{top:0 !important}
.form-join-progress .col-form-label{padding-top: 0 !important; padding-bottom: 0 !important;}
.form-join-progress .row{align-items:center !important; padding-bottom: 7px; margin-bottom: 7px;}
.form-join-progress .data>.row{border-bottom:1px solid #000}
.form-join-progress .data>.row:first-child{border-top:1px solid #000; padding-top: 7px;}
.form-join-progress .email_address{left: -8px;}
form[class$=joinForm] input.select-dropdown{width: inherit !important;}
.address_group .form-control:first-child{margin-top:0 !important}
.address_group .form-control{margin-top:7px !important}
.mt-50{margin-top: 50px !important;}
.form-join-progress .md-tabs.indigo{background-color:#fff !important; box-shadow:none; border:1px solid #9e9e9e;}
.form-join-progress .md-tabs .nav-link{color:#000}
.md-tabs .nav-item.open .nav-link, .md-tabs .nav-link.active{border:1px solid #3b5999; color:#3b5999; background: #fff;}
.modal form[id="SearchForm"] .md-form,.modal form[id="searchForm"] .md-form{padding-top: 0 !important; margin-bottom: 0 !important;}
.modal form[id="SearchForm"] .form-group,.modal form[id="searchForm"] .form-group{margin-top: .5rem;}
.modal form[id="SearchForm"] input[type="text"],.modal form[id="searchForm"] input[type="text"]{height: 38px !important;}
.modal form[id="SearchForm"] a,.modal form[id="searchForm"] a{margin-left:0 !important; margin-right:0 !important;}
.modal form[id="SearchForm"] .md-form label.active,.modal form[id="searchForm"] .md-form label.active{font-size:12px;}
/*회원가입 화면 수정 종료*/
.overflow_visible{overflow: visible !important;}
*::placeholder{color:rgba(0, 0, 0, 0.42) !important; font-size:12px !important;}
div[id^="chart_div"]{position: relative; min-height:300px}
img[name="img-preview"]{border:0 !important}
.btn-img-delete{width:18px; height: 18px; top:-2px; right:-2px; background: #fff; border:1px solid #9e9e9e; box-shadow:none;}
.btn-img-delete:hover{box-shadow:0px 1px 3px rgba(0,0,0,0.5)}
.btn-img-delete i{font-size:.8rem; color:#000 !important; left:-1px}
.container-fluid a.btn_disable{background-color:gray !important; border-color:gray !important; cursor:default !important; opacity: 0.5 !important; pointer-events:none;}
.btn_disable.btn-outline-danger:not([disabled]):not(.disabled):active,.container-fluid a.btn_disable:hover,.container-fluid a.btn_disable:focus{background-color:gray !important; border-color:gray !important; cursor:default !important; box-shadow:none; pointer-events:none;}
tr[class$="sub"] td table{position: relative; left:15px;}
tr[class$="sub"]>td:before{content:'\f148'; left:5px; top:11px; position: absolute; margin:auto;font: normal normal normal 24px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; transform:rotate(90deg)}
tr[class$="sub"]>td{padding-right:38px; box-sizing:border-box;}
small{font-size: 12px !important;}

/* 일일 업무 등록 화면 수정 */
.sub_tab{overflow-x: auto; overflow-y: hidden; height: 55px; border-bottom:0 !important;}
.sub_tab ul{width:max-content;}
.sub_tab ul li a{position: relative;}
.sub_tab ul li a.data_on{padding-right: 30px;}
.sub_tab ul li a.data_on:before{content:'iot'; position: absolute; right:8px; top:-11px; font-size: 12px;}
.sub_tab ul li a.data_on:after{content:'';position: absolute; background:url(/images/common/data_icon_gray.svg) 50% 50% / contain no-repeat;transition:0.7s all ease; width: 20px; height: 20px; display: block;text-align: center; right:5px; top:17px;}
.sub_tab ul li a.data_on:hover:after{background:url(/images/common/data_icon.svg) 50% 50% / contain no-repeat;}
.sub_tab ul li a.active.data_on:after{color:#3288dc; background:url(/images/common/data_icon.svg) 50% 50% / contain no-repeat;}
.stit{margin-top:25px; line-height: 15px;}
.stit:first-child{margin-top:15px}
.right_date_search .md-form{margin:.5rem 0 .3rem 0;}

.daybox_wrap .form-control-lg{font-size: 1rem;}

/* 알림화면수정 */
[ui-pnotify].ui-pnotify .brighttheme.ui-pnotify-container{padding: 15px; background: #fff; box-shadow:inset 0 0 3px rgba(33,136,220,1); border-radius:5px;}
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-closer, [ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-sticker{font-size: 13px;}
[ui-pnotify].ui-pnotify .brighttheme-icon-notice, [ui-pnotify].ui-pnotify .brighttheme-icon-info, [ui-pnotify].ui-pnotify .brighttheme-icon-success, [ui-pnotify].ui-pnotify .brighttheme-icon-error, [ui-pnotify].ui-pnotify .brighttheme-icon-closer, [ui-pnotify].ui-pnotify .brighttheme-icon-sticker{font-size: 18px;}
[ui-pnotify].ui-pnotify .brighttheme-icon-notice:after, [ui-pnotify].ui-pnotify .brighttheme-icon-info:after, [ui-pnotify].ui-pnotify .brighttheme-icon-success:after, [ui-pnotify].ui-pnotify .brighttheme-icon-closer:after, [ui-pnotify].ui-pnotify .brighttheme-icon-sticker:after{font-size: 13px; left:.3rem !important; top:.05rem !important;}
[ui-pnotify].ui-pnotify .brighttheme-icon-notice:after{color:#fff;}
[ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-title, [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-text, [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-confirm{margin-left:0 !important}
[ui-pnotify].ui-pnotify .brighttheme-icon-notice{background-color:#2188DC !important;}
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-title span:nth-last-child(2){font-size:11px; position: absolute; right:3px; bottom:3px; color:#fff}
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-title strong{font-size: 13px; position: relative; top:-3px; left:5px;}
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-title strong:after{content:'\c77c\c815\c54c\b9bc'; font-size: 13px; position: relative; top:1px; left:11px;}
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-text{font-size: 13px !important;}

[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-text span,[ui-pnotify].ui-pnotify .brighttheme-icon-notice,[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-title span,[ui-pnotify].ui-pnotify .brighttheme-notice h4, [ui-pnotify].ui-pnotify .brighttheme-notice div{color:#000 !important}
#feedCarousel .inbox_col_img{position: relative; height:240px}
.feed{width: 100%; height: 87px; background: none; z-index:10;position: relative; top:50px}
.feed_text{position: absolute; left:50%; top:50%; margin-top:-13.5px; margin-left:-30px; z-index:101; border-radius:3px; min-width:60px;}
.feed:after{content:''; width: 170px; height:210px; margin:0 auto; padding: 0; background:url('/images/feed.jpg') no-repeat center center/100%; display: block; position: absolute; left:50%; top:-57.5px; margin-left:-85px}
.feed>div:last-child{position: absolute; display: inline-block; margin-bottom:0; left:50%; width: 70px; bottom:0; z-index:100; margin-left:-35px; max-height:100%;}
#feedCarousel .c_home{text-align: center; position: absolute; bottom:0; left:0;}
.daybox_wrap table tr:first-child>th:first-child{min-width:200px !important}
.daybox_wrap table a:not(.btn_delete){background:#fff !important;}
.daybox_wrap table a:not(.btn_delete):hover{background: #1664b2!important;}
.daybox_warp input[name="dissNm"]{width: calc(100% - 2px);}
.onlyNum{text-align: right !important; padding-right: 10px !imporntant;}
.feed_orange{background-color: #FF9800 !important;}

@keyframes animationTop{
	from{
		opacity: 0;
		transform:translateY(-30px)
	}
	to{
		opacity: 1;
		transform:translateY(0)
	}
}
.layer_container{position: fixed; left:50%; top:10%; z-index:1041; min-width:360px;animation:animationTop 0.3s ease; padding: 0 !important;}
.layer_body{background: #fff; min-height:300px; padding:10px 30px 10px 30px;}
.layer_title{background: #3b5999 !important; color:#fff !important;padding:10px;  }
.layer_title h3{font-size:15px !important; margin: 0 !important; position: relative;}
.layer_footer{padding: 10px; background: #fff; text-align: right;}
.layer_footer a{color:#000; background: #fff; border:1px solid #3b5999; min-width:80px; padding: 0 3px; display: inline-block; text-align: center;}
.layer_chart_height{height: 400px; border:1px solid #9e9e9e; margin-bottom: 20px;}
.layer_chart_height>div{height:100%;}
.layer_close{position: absolute; right:0; color:#fff}
#henLayingTable tr:first-child > th:first-child{border-left:1px solid #b6c7d8}
#henLayingTable tr:first-child > th:first-child:after{content:'\ad6c\bd84';}
#henLayingTable tr> td{position: relative;}
.dark_bg{position: fixed; left:0; top:0; z-index:1030; background:rgba(0,0,0,0.5); width: 100%; height: 100%;}
td.check_on{background-color: #3b5999; transition:.3s all ease}
td.check_on:hover{background-color: #3b5999 !important;}
td.check_on>a>span{color:#fff}
td.check_on>a>span:before{content:''; display: block; width: 20px; height: 20px; background:url(/images/common/check_w.svg) 50% 50% / 1vw no-repeat; position: absolute; left:.2vw; top:50%; margin-top: -10px;}

.layer_btn_container{width: 100%; position: absolute; left:0; top:50%; height: 24px; display: block;}
.layer_left_btn,.layer_right_btn{position: absolute; width: 30px; height:30px; text-align: center; color:#000; display: flex !important; justify-content:center; align-items:center; margin-top: -2px; border-radius:50%}
.layer_left_btn{left:0px;}
.layer_left_btn:after{font: normal normal normal 24px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:'\f053'; position: relative; left:-1px;}
.layer_right_btn{right:0px;}
.layer_right_btn:after{font: normal normal normal 24px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:'\f054'; position: relative; left:1px;}
.layer_btn_container .disable{color:rgba(0,0,0,0.3); pointer-events:none; cursor:default}
.layer_close_btn{position: absolute; right:10px; top:10px; font-size: 0; width:20px; height:20px; border-radius:50%; border:1px solid #fff;}
.layer_close_btn:after,.layer_close_btn:before{content:''; display: inline-block;position: absolute; left:50%; top:50%; background: #fff; transition:.3s all ease}
.layer_close_btn:hover:after,.layer_close_btn:hover:before{transform:rotate(45deg)}
.layer_close_btn:active:after,.layer_close_btn:active:before{transform:rotate(45deg) scale(1.1)}
.layer_close_btn:after{margin-left:-5px; margin-top:-1px; width: 10px; height: 2px; transform:rotate(0deg)}
.layer_close_btn:before{width: 2px; height: 10px; margin-left:-1px; margin-top:-5px; transform:rotate(90deg)}
#mntrChartDiv2 circle[aria-label^='급이량'],#mntrChartDiv2 path[aria-label^='음수량']{cursor:pointer}
#modalPieChart{position: absolute !important;}
.p-b3{padding: .3rem .3rem 1rem .3rem !important;}
.carousel-indicators .active{background-color: rgb(65, 150, 22);}
.carousel-indicators li{background-color: rgba(65, 150, 22, 0.24);}
.y_day{font-size: 14px; padding-left:10px}
.card #SearchPagingNavi{height: 20px !important;}
.form-check-input[type=checkbox]:checked+label:before, label.btn input[type=checkbox]:checked+label:before{top:50%; left:-5px; width: 15px; height:26px; margin-top:-17px}
[type=checkbox]:checked, [type=checkbox]:not(:checked){margin-left:0}
[type=checkbox]+label:before{width: 20px; height: 20px;}
.form-check-input[type=checkbox]+label:before, .form-check-input[type=checkbox]:not(.filled-in)+label:after, label.btn input[type=checkbox]+label:before, label.btn input[type=checkbox]:not(.filled-in)+label:after{top:50%; left:0; width: 20px ;height:20px; margin-top:-10px;}
.form-clear:not(:only-child){display: none;}
.form-clear:first-of-type{display:inline-block;}
.form-clear > i{position: absolute; top:0; left:0; width: 16px; height:16px; display: flex; justify-content:center; align-items:center;}
.form-clear > i:before{font-size: 13px; line-height: 0;}

@keyframes down_animation{
	from{opacity: 0; transform:translateY(-30px)}
	to{opacity: 1; transform:translateY(0px)}
}
/*date picker*/
.datepicker{z-index:2000 !important}
.picker.picker_f .picker__box{border-bottom-width:1px; box-shadow:none; -webkit-box-shadow:none;}
.picker.picker_f .picker__frame{position: fixed !important; margin-left:0; margin-right:0; transition:none; bottom:auto;}
.picker.picker_f:not(.picker--opened){pointer-events:none; cursor:default;}
.picker_f.picker--opened .picker__holder.transparent{background:transparent;}
.mp-title{color:#000 !important; background: transparent !important;}
.mp-dialog{margin-bottom: 30px; height: 250px !important;}
.mp-content ul{padding: 10px 20px 10px 20px !important;}
.mp-content li{line-height: 44px !important;}
.glyphicon-circle-arrow-left:before{content:'\f137' !important; font: normal normal normal 16px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.glyphicon-circle-arrow-right:before{content:'\f138' !important; font: normal normal normal 16px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.custom_carousel>.carousel-inner>div,
.custom_carousel>.carousel-inner>div,
.custom_carousel>.carousel-inner>div{box-shadow:1px 0 0 0 #ddd,0 1px 0 0 #ddd,1px 1px 0 0 #ddd,1px 0 0 0 #ddd inset,0 1px 0 0 #ddd inset; display: inline-block; float: left;}
#carousel .carousel-inner,
#henCarousel .carousel-inner,
#chiCarousel .carousel-inner{overflow: visible;}
.goal_tit{width:80px !important;}
#dflCarousel .col-md-4 .inbox_col_img,#dflCarousel .col-md-4 .inbox_col_con,#dflCarousel .col-md-3 .inbox_col_img,#dflCarousel .col-md-3 .inbox_col_con{display: block; width: 100%;}
#dflCarousel .col-md-4 .inbox_col_con,#dflCarousel .col-md-3 .inbox_col_con{margin-bottom:10px}
#dflCarousel .inbox_col_con{display: flex; align-items:center;}
/* .main_progress_bar{width: 380px;} */
.no_line tr td:last-child{width:80px;}

.farmHenDashBoard .card-body.data{padding: 0 !important;}
.farmHenDashBoard .card-body.data .form-group{margin:0 !important;}
table.table tr:last-of-type td{border-bottom:1px solid #b6c7d8;}
.layer_date{z-index:1; font-size: 16px;}
.layer_date:before{margin-right:5px; content:'\f073'; font: normal normal normal 16px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.modal-dialog.modal-notify .modal-body{padding: 1rem 25px !important;}
.modal-body .amcharts-main-div{border:1px solid #ddd}
.date_right_top{position: absolute; display: inline-block; right:50px; top:-12px;}
.date_right_top .md-form label.active{ padding-left: 0; transform:none; left:-43px; top:50%; margin:0; margin-top:-9px;}
.carousel .col-md-4{padding-top: 15px;}
#feedCarousel .table-secondary,#feedCarousel .table-secondary>td,#feedCarousel .table-secondary>th{width: 170px;}
#envCarousel table tr:first-child td:first-child,#envCarousel table tr:nth-child(4) td:first-child{width: 80px;}
#envCarousel table tr:first-child td:nth-child(2),
#envCarousel table tr:nth-child(2) td:first-child,
#envCarousel table tr:nth-child(3) td:first-child,
#envCarousel table tr:nth-child(4) td:nth-child(2),
#envCarousel table tr:nth-child(5) td:first-child{width: 100px;}
#pthseDtlDiv .inbox_col_con tr>td:first-child{width: 130px;}
#dflCarousel table tr td:first-child{width:41%;}

section[class*='DashBoard'] div[id^="chart"]{overflow: visible !important;}
section[class*='DashBoard'] div[id^="chart"] *{overflow: visible !important;}
#modalPieChart.absolute_layer{position: absolute !important;}
#modalPieChart.fixed_layer{position: fixed !important;}
.flex_chart_container{display:flex; justify-content:space-between;}
.flex_chart_container>div{width: 49%;}
.flex_title{font-size: 13px;}
.flex_title>div{position: relative; padding-left: 9px;}
.flex_title>div:after{content:''; width: 6px; height: 6px; border-radius:50%; background: #fff; border:1px solid #000; display: inline-block; position: absolute; left:0; top: 50%; margin-top: -2px;}
.flex_title>div:first-child:after{border-color:red}
.flex_title>div:nth-child(2):after{border-color:#258bcd}

.carousel-col-2{max-width:50% !important; flex:0 0 50% !important}
.carousel-col-3{flex: 0 0 33.333333%;  max-width: 33.333333%;}
.carousel-col-4{max-width:25% !important; flex:0 0 25% !important}

.side-nav .collapsible-body a{background-color:transparent;}
.white-skin .side-nav .collapsible li.active .collapsible-body{background:#e7f1fb;}

.carousel-inner{overflow:visible !important;}
.stats_01{margin-right:15px;}
.stats_01,.stats_02{display: inline-flex; font-size: 14px; align-items:center;}
.stats_01 .box,.stats_02 .box{display: inline-block; width: 18px; height: 18px; vertical-align: middle; border-radius:3px; margin-right:5px; border:1px solid #9e9e9e}
.stats_01 .box{background:#CCFF33;}

.file_warning{color:#ff0000; display: flex;align-items:center; margin-top: 10px;}
.file_warning i{font-size: 24px; margin-right: 3px;}
.file_warning span{font-size:13px;}
.stats_02 .box{background:#FFFFCC;}

.diagnosis_search .col-sm-4{padding-top:6px; padding-bottom: 6px;}
.regdiagnosis .input_area>label{top:15px}

.reg_page .bg{background:url(/images/p_bg_03.png) 50% 50% / cover no-repeat; position: fixed; left:0; top:0; width: 100%; height:100%; pointer-events:none; z-index: -2;}
.reg_page .dark_bg{background: rgba(0,0,0,0.5);position: fixed;left:0;top:0;width: 100%;height:100%;pointer-events:none;z-index: -1;}
.reg_page{max-width: 940px;margin:0 auto;color:#fff;}
.reg_page input[type="radio"],.reg_page input[type="checkbox"]{position: relative; opacity: 1; -moz-appearance: none; -webkit-appearance: none; outline:0; width: auto; height: 0;}
.reg_page input[type="checkbox"]:after,.reg_page input[type="radio"]:after{vertical-align: middle; content:''; display: inline-block; width: 14px; height: 14px; background:rgba(255,255,255,0.5); margin-right:3px; border-radius:3px;}
.reg_page input[type="checkbox"]:checked:before,.reg_page input[type="radio"]:checked:before{content:'\f00c'; display: inline-block; width: 16px; height: 16px; position: absolute; left:0px; top:-4px; border-radius:50%; margin-top: 9px;
	font: normal normal normal 16px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:#fff;
}
.reg_page option{color:#000}
.reg_page label{margin-bottom: 0; margin-right: 15px;}
.reg_page label>span{color:#fff; font-size: 14px; vertical-align: middle;}
.reg_page input::placeholder{color:rgba(255,255,255,0.5) !important}
.reg_page h2{display: block;font-size:24px;width: 100%;border-bottom:1px solid #dddddd;text-align: center;padding-bottom:.5rem;}
.reg_page h3{display: block;font-size:18px;width: 100%;padding-bottom:5px;text-align: center;}
.reg_page h4{font-size:16px; display: inline-block;}
.reg_page h4:before{content:''; display: inline-block; width: 10px; height: 10px; border:3px solid #fff; background:transparent; border-radius:50%; margin-right:5px;}
.reg_page th.req:after{color:#fff}
.reg_page select{opacity: 1; position: relative; display: inline-block !important; background:rgba(255,255,255,0.05); border:1px solid #fff; color:#fff; font-size: 13px;}
.reg_page input[type="text"],.reg_page input[type="password"]{padding-left:5px; background:rgba(255,255,255,0.05); color:#fff; font-size: 13px; border:1px solid #fff; outline:0;}
.reg_page table{width: 100%;background:rgba(255,255,255,0.2);table-layout:fixed;border-top: 2px solid #fff340;}
.reg_page table th{height: 52px; width: 140px; padding-left: 15px; font-weight: 600;}
.reg_page table a{background: rgba(255,255,255,0.05); color:#fff; text-align: center; width: 120px; border:1px solid #fff; display: inline-block; height: 34px; line-height: 32px; vertical-align: top;}
.reg_page table a:hover{border:1px solid #4285f4;}
.reg_page select,.reg_page input[type="text"],.reg_page input[type="password"]{height:34px; width: 100%;max-width:250px; outline:0;}
.reg_page select:focus,.reg_page input[type="password"]:focus{border:1px solid #4285F4}
.reg_page
.member_info{margin-top:10px}
.number_container{display:inline-flex; justify-content:space-between;max-width: 250px; vertical-align: top;}
.address_container>div{display:inline-flex; justify-content:space-between; width: 500px; vertical-align: top;}
.reg_page .address_container>input{margin-top:5px; max-width:500px; display: block;}
.address_container>div>input:first-child{width:120px;}
.address_container>div>input:nth-child(2){max-width:375px; margin-left: 5px;}
.reg_container{margin-bottom:20px;}
.share_horizontal{margin:30px auto; width: 30px; height: 2px; background: #ffffff; border-radius:5px;}
.member_container{padding-left:0; padding-right:0;}
.member_container>.member_textarea{border:1px solid #dddddd; max-height:300px; font-size: 13px; overflow-y:auto; overflow-x: hidden; background:rgba(255,255,255,0.2); padding: 7px; box-sizing:border-box;}
.member_container:not(:last-child){margin-bottom: 30px;}
.member_height{max-height:750px; overflow-y: auto; overflow-x: hidden;}
.last_check{border-top: 1px solid #dddddd; display: block; width: 100%; font-weight: 600; padding-top: 10px; margin-top: 15px;}
.radio_container,.label_container{display: flex; align-items:center;}
.birth_container{display: flex; justify-content:space-between; max-width: 250px;}
.reg_container .birth_container b,.number_container b{display: flex; align-items:center; margin:0 3px;}
.number_container>div{width:200px;}
.email_address_container{display: flex; justify-content:space-between; max-width: 375px;}
.email_address_container>span{width: 15px;display: inline-flex; align-items:flex-end; margin: 0 2px;}
.email_address_container>input[type="text"]:first-child{max-width:120px;}
.email_address_container>input[type="text"]:nth-of-type(2){max-width:112px}
.email_address_container>select{max-width:120px; margin:0 0 0 5px;}
.confirm_container{display: flex; width: 100%; justify-content:flex-end; margin-bottom: 30px;}
.confirm_container a{width: 150px !important;}
.confirm_container .btn-group .btn-outline-primary{background-color:rgba(255,255,255,0.05) !important; color:#fff !important; border-color:#fff !important}

.farm_info_layer .modal-footer{background: #fff; border-top: 0 !important;}
.write_table {border-top:1px solid #000; border-bottom:1px solid #000;}
.write_table table{width:100%; border-collapse:collapse;}
.write_table table tr>th{width: 170px; border-right:1px solid #000; height: 50px; position: relative; font-size: 13px; padding-left: 5px;}
th.req{padding-left: 21px !important; position: relative !important;}
th.req:after{content:'\f00c'; display: flex; justify-content:center; align-items:center; position: absolute; left:0; top:0; height: 100%; width: 20px;font: normal normal normal 16px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:#d60505;}
.write_table table tr>td{padding-left:5px; font-size: 13px;}
.write_table table tr>th,.write_table table tr>td{border-top:1px solid #9e9e9e;}
.write_table table tr>th:nth-child(3){border-left:1px solid #000}
.write_table table tr:first-child>th,.write_table table tr:first-child>td{border-top:0;}
.write_table select,.reg_page input[type="text"],.write_table input[type="password"]{height:34px; width: 100%;max-width:250px; outline:0;}
.write_table select{opacity: 1; position: relative; display: inline-block !important; font-size: 13px;}
.write_table .radio_container input[type="radio"],.write_table .radio_container input[type="checkbox"]{position: relative; opacity: 1; -moz-appearance: none; -webkit-appearance: none; outline:0; width: auto; height: 0;}
.write_table .radio_container input[type="checkbox"]:after,.write_table .radio_container input[type="radio"]:after{vertical-align: middle; content:''; display: inline-block; width: 14px; height: 14px; background:rgba(181, 181, 181, 0.5); margin-right:3px; border-radius:3px;}
.write_table .radio_container input[type="checkbox"]:checked:before,.write_table .radio_container input[type="radio"]:checked:before{content:'\f00c'; display: inline-block; width: 16px; height: 16px; position: absolute; left:0px; top:-6px; border-radius:50%; margin-top: 9px;
	font: normal normal normal 16px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:#000;
}
.write_table .label_container input[type="radio"],.write_table .label_container input[type="checkbox"]{position: relative; opacity: 1; -moz-appearance: none; -webkit-appearance: none; outline:0; width: auto; height: 0;}
.write_table .label_container input[type="checkbox"]:after,.write_table .label_container input[type="radio"]:after{vertical-align: middle; content:''; display: inline-block; width: 14px; height: 14px; background:rgba(181, 181, 181, 0.5); margin-right:3px; border-radius:3px;}
.write_table .label_container input[type="checkbox"]:checked:before,.write_table .label_container input[type="radio"]:checked:before{content:'\f00c'; display: inline-block; width: 16px; height: 16px; position: absolute; left:0px; top:-6px; border-radius:50%; margin-top: 9px;
	font: normal normal normal 16px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:#000;
}


.write_table .form-check-label:before,
.write_table .form-check-label:after{top:1px !important;}
.write_table select,.write_table input[type="text"],.write_table input[type="password"]{height:34px; width: 100%;max-width:250px; outline:0; font-size: 13px;}
.write_table input[type="text"],.write_table input[type="password"]{padding-left: 5px; vertical-align: middle;}
.write_table label{margin-bottom: 0; margin-right: 15px; padding: 0; font-size: 13px;}
.write_table label>span{color:#000; font-size: 14px; vertical-align:top;}
.write_table .datePicker_container{position: relative; display: inline-block; height: 100%; width:250px}
.write_table .datePicker_container:after{content:'\f073'; width:34px; height: 34px; position: absolute; right:0; top:0; background: #3b5999; display:inline-flex; justify-content:center; align-items:center;
	font: normal normal normal 20px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:#fff;
}
.write_table .address_container{padding: 5px 0;}
.write_table .address_container>input{margin-top:5px; max-width:500px !important; display: block;}
.write_table table a{vertical-align: middle; background: rgba(255,255,255,0.05); color:#000; text-align: center; width: 120px; border:1px solid #000; display: inline-block; height: 34px; line-height: 32px; font-size: 13px;}
.write_table table a:hover{border:1px solid #4285f4;}

.flex_container{display: flex; justify-content:space-between; align-items:flex-end;}
.farm_info_layer .modal-dialog .float-right i.fa{color:#d60505;}
.info_tab{display: inline-block;}
.info_tab>ul{padding: 0;}
.info_tab>ul>li{float: left; display: inline-block;}
.info_tab>ul>li>a{display: inline-block; padding:0 7px; height:34px; line-height:34px; border-top:1px solid #ced4da; border-left:1px solid #ced4da;background: #f2f2f2; color:#6d6d6d; border-radius:5px 5px 0 0; font-size: 13px;}
.info_tab>ul>li:last-child>a{border-right:1px solid #ced4da}
.info_tab>ul>li:hover>a,.info_tab>ul>li.on>a{background: #0d5398; color:#fff;}
div[class^="tab_0"]{display: none;}
div[class^="tab_0"].on{display: block;}
span.sub{font-size: 12px;}
span.sub.font_red{color:#ff0000}
span.sub.font_green{color:green}
.modal-backdrop-02{z-index:1050 !important; pointer-events:none; display: block;}
.farm_password_layer{display: none;}
.farm_password_layer.show{display: block;}
.write_table .select-wrapper span.caret{right: 7px; top:50%; margin-top:-7px;}
.write_table .select-wrapper select{opacity: 0; display: none !important;}
.normal_select_title{position: absolute; left:5px; top:50%; margin-top:-10px; display: inline-block; height: 20px; cursor:pointer;}
.ml5{margin-left: 5px !important;}
.write_table .form-check input[type="radio"],.write_table .form-check input[type="checkbox"]{display: none !important; opacity: 1; -moz-appearance: none; -webkit-appearance: none; outline:0; width: auto; height: 0;}
.write_table.cnstnt_table tr th{width:100px; padding-left:7px;}
.write_table.cnstnt_table tr td a{width: 98px;}
.cnstnt_table table{table-layout:fixed;}
.cnstnt_table .number_container,.cnstnt_table select,.cnstnt_table input[type="text"],.cnstnt_table input[type="password"]{max-width:200px;}
.invaild_area{margin: 0; padding: 0;}
.invaild_area li{list-style:none; float: left; display: inline-block; margin-right: 5px;}
.invaild_area li:after{content:','; margin-left: 3px;}
.invaild_area li:last-child:after{display: none;}
.address_container_02{display: flex; justify-content:space-between; max-width:200px}
.address_container_02>*:nth-child(2){margin-left:5px; width:120px;}
.flex_none{display: block !important;}
.multi_checkbox_container label{padding:5px 0;}
.font_bold{font-weight: 600;}
.cnstnt_table.write_table .address_container>div{width:575px}
.cnstnt_table.write_table .address_container>div>input:last-child{max-width: 455px;}
.cnstnt_table.write_table .address_container>input{max-width:575px !important;}
.sub_title_02{display: none !important;}
.modal-footer>div>p>a.btn{margin-right: 0 !important;}
.blockMsg{display: none !important;}
form[name="registScheduleFrm"] label:after{display: none !important;}
.font_red{color:#ff0000}
.cnstnt_first_login .write_table tr th{width:120px;}
.cnstnt_first_login .write_table{margin-top: 13px;}
.cnstnt_first_login .font_red{font-size: 14px;}
.cnstnt_first_login .modal-footer{border-top:0 !important;}
.cnstnt_first_login .custom_checkbox>label>input:after{top:2px;}
.dot{position: relative; font-size: 14px; padding-left: 13px;}
.dot:after{content:''; display: inline-block; width: 10px; height: 10px; border:2px solid #3E8EDE; position: absolute; left:0; top:50%; margin-top:-5px; border-radius:50%; background:#fff;}
.m-10{margin:10px 0}
.custom_text>label{margin:0 !important; width: 100%;}
.custom_text>label>input[type="text"]{height: 38px; line-height: 38px; padding-left: 5px; width: 100%; border:1px solid #ced4da !important; font-size: 13px;}
.custom_text>label>input[type="text"]::placeholder{line-height: 38px;}
div[class*="search_0"]{display: none;}
div[class*="search_0"].on{display: block;}

.custom_checkbox>label{position: relative; padding-left: 21px; margin: 7px 15px 7px 0; padding-top: 0 !important;}
.custom_checkbox>label>span{font-size: 13px; cursor:pointer}
.custom_checkbox>label>input{position:static !important; opacity: 1 !important; pointer-events:auto !important;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none; margin: 0 !important; padding: 0 !important; height: auto;}
.custom_checkbox>label>input:before,.custom_checkbox>label>input:after{content:''; position: absolute; width:20px; height: 20px; left:0; top:50%; margin-top:-10px; cursor:pointer;}
.custom_checkbox>label>input:before{border:2px solid #8a8a8a; border-radius:1px; transition:.2s; z-index:0; left:0;}
.custom_checkbox>label>input:after{transform:rotate(0deg);transition:.2s border ease; left:4px; top:5px;}
.custom_checkbox>label>input:checked:after{content:''; width: 12px; height: 22px; border-right:3px solid #4285f4; border-bottom:3px solid #4285f4; transform:rotate(40deg)}
.table-responsive thead .custom_checkbox>label>input:before{border-color:rgba(255,255,255,0.35)}
.table-responsive thead .custom_checkbox>label>input:checked:after{border-right:3px solid #fff; border-bottom:3px solid #fff;}
.table-responsive .custom_checkbox>label>input:after{top:3px;}
.table-responsive .custom_checkbox>label{margin: 0 !important;}
.card .info_tab{position: absolute; left:5px; top:-35px}
.container-fluid>.card.mb50{margin-bottom: 50px !important;}
.cnstnt_info div.table-responsive{display: none; padding:10px 0;}
.cnstnt_info div.table-responsive.on{display: block;}
.cnstnt_info div.table-responsive .float-right{position:absolute; right:10px; top:-43px}
.off{display: none !important;}

.fc .fc-left,.fc .fc-right{position: absolute !important;}
.fc .fc-left .fc-prev-button{position: absolute; left:270px}
.fc .fc-left .fc-next-button{position: absolute; left:440px}
.fc .fc-left .fc-today-button{margin-left: 0 !important;}
.farm_search .row,.cnstnt_search .row{justify-content:space-between;}
select.origin_select{opacity: 1 !important; position: relative !important; display:block !important; font-size: 15px !important; border:1px solid #ced4da !important; width: 100%;}
.btn_with_title{float:right; padding-right: 35px; position: relative; top:-12px;}
.chart_container{height: 600px; position: relative; display: inline-block; width: 100%;}

.custom_checkbox_02{position: relative; height: 25px; width: 25px; margin: 0; cursor:pointer}
.custom_checkbox_02 input[type="checkbox"]{opacity:1; -webkit-appearance: none;-moz-appearance: none;appearance: none; pointer-events:auto; outline:0 !important; position: static; cursor:pointer}
.custom_checkbox_02 input[type="checkbox"]:before{content:''; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); width: 20px; height: 20px; border:1.5px solid #8a8a8a; border-radius:1px; transition:.2s;}
.custom_checkbox_02 input[type="checkbox"]:checked:before{border:0;border-right:2px solid #4285F4; border-bottom:2px solid #4285F4; transform:rotate(40deg); width: 12px; height: 22px; transform-origin:24px -3px}
.balance_layer_table{overflow-x:visible !important;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
.balance_layer_table table tr:only-child a{display: none;}
.table_plus,.table_minus{position: relative; width:25px; height: 25px; border-radius:50%; font-size: 0; display: inline-block;}
.table_plus{background:#e74a3b;}
.table_minus{background:#3b5999;}
.table_plus:after,.table_minus:after,.table_plus:before,.table_minus:before{content:''; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); background: #fff;}
.table_plus:before{width:10px; height: 2px;}
.table_plus:after{width:2px; height: 10px;}
.table_minus:after{width:10px; height: 2px;}
.table_top{position: relative; z-index:2;}
.table_bottom{position: relative; top:-1px; z-index:1;}
.btn_container{display: flex; justify-content:space-around;}
.justify-cotent-space-around{justify-content:space-around;}

div.table_bottom::-webkit-scrollbar-button:start:decrement, div.table_bottom::-webkit-scrollbar-button:end:increment{display: none;}
div.table_bottom::-webkit-scrollbar-track {
  background:#fff !important; box-shadow:none !important;
}
div.table_bottom::-webkit-scrollbar-thumb{background:#0d5398; box-shadow:none !important}


.balance_layer_text{font-size: 14px; height: 30px; padding-left: 5px;}
.balance_layer_text::placeholder{font-size:1rem;}
.modal_body_scrolling{max-height:calc(100vh - 180px); overflow-y: auto; overflow-x: hidden;}
.balance_layer_table .table_bottom{width: calc(100% + 8px); overflow-y: scroll; overflow-x: hidden; max-height:400px}
.overflow-visible{overflow: visible !important;}
.overflow-visible *{overflow: visible !important;}
.origin_select_container select.origin_select{width:250px; height: 38px;}
.modal select.origin_select{width: 100%;}
.balancMng .table tr td,.balancMng .table tr th{border-top:0 !important; border-bottom:1px solid #b6c7d8 !important}
.bb1 tbody tr td,.bb1 tbody tr th{border-top:0 !important; border-bottom:1px solid #b6c7d8 !important}

.search_title{font-size:12px; color:#757575; position: absolute; left:15px;top:-5px}
.inbox_col_con{display: inline-flex; align-items:center}
.ui-pnotify-title>span:nth-child(3){display: none;}
@keyframes width_move{
	0%{max-width:0%;}
	100%{max-width:100%}
}
.container-fluid>.container-fluid{padding: 0; margin: 0;}
.table_title_container{margin-bottom:10px !important;}
.balancMng #searchEntryDtl{position: relative; top:0px}
.balancMng #searchEntryDtl .origin_select_container{top:-4px;}
.container-fluid .datePicker_container{position: relative; overflow: hidden;}
.container-fluid .datePicker_container:after{content:'\f073'; width:38px; height: 38px; position: absolute; right:0; top:0; background: #3b5999; display:inline-flex; justify-content:center; align-items:center;
	font: normal normal normal 20px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:#fff; pointer-events:none;
}
.chart_legend_area{border:1px solid #ccc;}
.chart_legend_area>.chart_area{width: 100%; min-height: 460px;}
.chart_legend_area>.legend_area{width:100%; height: 50px; font-size:13px;}
.chart_legend_area>.legend_area>div{display: flex; align-items:center; justify-content:center; height: 100%;}
.chart_legend_area>.legend_area .legend-item{margin-right:3vw; padding: 10px 0; cursor:pointer}
.chart_legend_area>.legend_area .legend-item:last-child{margin-right: 0;}
.chart_legend_area>.legend_area .legend-item>div{display: inline-block; vertical-align: top; transition:.5s all ease}
.chart_legend_area>.legend_area .legend-item .legend-marker{display: inline-block; width: 16px; height: 16px; border:0; border-radius:3px; margin-right:3px;}
.chart_legend_area>.legend_area .legend-item.off>div{color:#9e9e9e !important;}
.chart_legend_area>.legend_area .legend-item.off .legend-marker{background:#9e9e9e !important}


.write_table.check_table table tr>th{width: 200px;}
.write_table.check_table table tr>td{font-weight:700 !important; padding-left: 20px;}
.check_poultry small{margin-left: 7px;}
.check_mark{position: relative; display: flex; align-items:center; justify-content:flex-start; flex-wrap: wrap;}
.check_mark:after{width: 46px; height: 46px; content:''; display: inline-block; position: absolute; right:10px}
.haccp_check:after{background:url(/images/view/haccp_mark.svg) 50% 50% / contain no-repeat;}
.env_check:after{background:url(/images/view/env_mark.svg) 50% 50% / contain no-repeat;}
.animal_check:after{background:url(/images/view/animal_mark.svg) 50% 50% / contain no-repeat;}

.view_btn_container{display: flex; flex-wrap: wrap; padding: 7px; justify-content: center; overflow-y: auto; max-height: 59px; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 10px;}
.view_btn_container>button{margin:5px 5px; border:1px solid #ddd; border-radius:3px; background: #fff; font-size: 15px; cursor:pointer; transition:.2s background ease;}
.view_btn_container>button:hover{background: #2188DC; color:#fff}
.view_btn_container>button.on{background: #2188DC; color:#fff}
.view_btn_container>button:not(.on):active{background: #0267b9; color:#fff;}
.viewer video{width: 100%;}

.check_poultry .logo-wrapper img{padding-top: 0; padding-bottom: 0;}
.check_poultry .logo-wrapper a{height: auto !important;}
.check_poultry .side-nav{width: 100% !important; height: auto !important;}
.check_poultry .side-nav>ul>li:nth-child(2){display: none;}
.check_poultry .side-nav>ul{margin-bottom: 0; background: #2188DC;}
.check_poultry .side-nav .logo-wrapper{box-shadow:none !important; height: 55px !important; display: flex; align-items: center; justify-content:center; width: 100%;}
.check_poultry.fixed-sn .double-nav{border-bottom: 0;}


.rtext_ib{position: absolute; bottom:-5px; font-size: 10px !important;}
.daybox_wrap .md-form.mb-0{margin-top: 0; min-height: 70px; display: flex; align-items:center; justify-content:center;}

.expert_layer.layer_container{background: none; padding-left: 0; padding-right: 0;}
.expert_layer embed{width: 100%; height: 70vh;}

.expert_cover ~ .modal .modal-info{max-width: 1250px;}
.expert_cover ~ .modal .modal-content {background: none !important; box-shadow: none !important;}
.expert_cover ~ .modal .modal-body {padding: 0 !important;}
@media screen and (max-width:568px) {
	.write_table tr th{width: 112px !important;}
	.check_poultry .write_table tr th,.check_poultry .write_table tr td{font-size: 12px;}
	.check_poultry .write_table .check_mark:after{width: 30px; right: 0;}
	.check_poultry .write_table.check_table table tr>td{padding-left: 10px;}
	.little_word{display: block; width: 100%;}
}

.reg_section .side-nav .logo-wrapper{background: transparent; box-shadow:none !important}