@charset "utf-8";

label{letter-spacing:-0.3px; line-height:1.56;}

/*체크박스*/
.check_outer {
}
.check_outer input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.check_outer input[type="checkbox"]:disabled{cursor:default;}
.check_outer input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    cursor: pointer;
}
.check_outer input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -10px;
    width: 15px;
    height: 15px;
    text-align: center;
    background:url(./../img/common/icon_checks_off.png) no-repeat;
    background-size:15px 15px;
    box-sizing: border-box;
}
.search_outer .check_outer input[type="checkbox"] + label {
    color: #6d738b;
    font-weight:600;
}
/* 보여질 부분의 스타일을 추가하면 된다. */
.check_outer input[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(./../img/common/icon_checks_on.png) no-repeat;
    background-size: 15px 15px;
}
.check_outer input[type="checkbox"]:disabled + label:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(./../img/common/icon_checks_off_disabled.png) no-repeat;
    background-size: 15px 15px;
}
.check_outer input[type="checkbox"]:disabled:checked + label:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(./../img/common/icon_checks_on_disabled.png) no-repeat;
    background-size: 15px 15px;
}

/* 체크 버튼 */
.checks {position:relative;}
.checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0}
.checks input[type="checkbox"] + label {  display: inline-block;  position: relative;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;margin-right:5px;font-size:13px;vertical-align:middle; font-weight:300;}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content:' '; display: inline-block;width:15px;height: 15px; line-height: 15px; text-align: center; 
  vertical-align: middle;  background:url(./../img/common/icon_checks_off.png) no-repeat;background-size:15px 15px;margin-right:3px; transform:translateY(-1px); border-radius:3px;}
.checks input[type="checkbox"] + .mr_0:before {  /* 가짜 체크박스 */
  margin-right:0px; }
.checks input[type="checkbox"]:hover + label:before,
.checks input[type="checkbox"]:focus + label:before,
.checks input[type="checkbox"]:active + label:before {}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {}
.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: ''; color: #99a1a7;  text-shadow: 1px 1px #fff;  background: url(./../img/common/icon_checks_on.png) no-repeat; font-size:12px; color:red;transform:translateY(-1px); border-radius:3px;}
label input[type="checkbox"] {margin-right:5px;}
.checks input[type="checkbox"]:disabled:checked + label:before{background: url(./../img/common/icon_checks_off.png) no-repeat;}
/**라디오*/
input[type='radio'],
input[type='radio']:checked { appearance: none; width: 12px; height: 12px; border-radius: 100%; margin: -2px 4px 0 0;}
input[type='radio'] { background-color: #fff; border: 3px solid #bec0d1; padding: 0; vertical-align: middle; cursor: pointer;}
.cursor-default input[type='radio'] { cursor: default;}
input[type='radio']:checked {border: 3px solid #3175c5 !important;}
input[type='radio']:checked:disabled {border: 3px solid #7b829d !important;}
.radio-wrap label { color: #646c74;}

/*파일첨부*/
.filebox{}

    .fileBox .fileName {
        display: inline-block;
        height: 21px;
        padding: 0 5px;
        vertical-align: middle;
        border: 1px solid #e0e3eb;
        width: calc(100% - 55px);
        color: #121a4c;
        vertical-align: middle;
        background:#fff !important;
    }
    .fileBox .fileName::placeholder{color: #b5bbce;}
    .fileBox .btn_file {
        display: inline-block;
        height: 21px;
        line-height: 21px;
        background: #fff;
        border: 1px solid #121a4c;
        color: #121a4c;
        font-weight: bold;
    }
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

select[type="multiple"]{padding:0;}

/* 스크롤바 설정*/
.scroll_y::-webkit-scrollbar {
    width: 12px;
    height: 7px;
}

/* 스크롤바 막대 설정*/
.scroll_y::-webkit-scrollbar-thumb {
    background-color: #fff;
    /* border-radius: 3px; */
    border: 1px solid #26235D;
    padding: 2px;
}

/* 스크롤바 뒷 배경 설정*/
.scroll_y::-webkit-scrollbar-track {
    background-color: #e2e6ee;
    /* border-radius: 3px; */
    position: relative;
}

/* 스크롤바 설정*/
.scroll_y.borderbottom_a.bordertop_a::-webkit-scrollbar {
    width: 12px;
    height: 7px;
}

/* 스크롤바 막대 설정*/
.scroll_y.borderbottom_a.bordertop_a::-webkit-scrollbar-thumb {
}

/* 스크롤바 뒷 배경 설정*/
.scroll_y.borderbottom_a.bordertop_a::-webkit-scrollbar-track {
}


/*스크롤*/
.scroll_xy {
    overflow: auto;
}
.scroll_x{overflow-x:auto;}
.scroll_y{overflow-y:auto;}

/********** skip_nav **********/
.skip_nav {
	position: relative;
	z-index: 1000;
	display: block;
	overflow: hidden;
	height: 0;
	background: #000;
	text-align: center;
}
.skip_nav:focus {overflow:auto;height:auto;padding:5px 0;color:#fff;}




/* 팝업 닫기 버튼*/
#testReliabilityPop {display:none;}
.ui-dialog .ui-dialog-buttonpane {position:absolute;bottom:0;}
.ui-dialog-buttonset button {transition:all 0.4s;-webkit-transition:all 0.4s;display:inline-block;height:25px;line-height:25px;padding:0 20px;background:#004981;cursor:pointer;color:#fff;text-align:center;font-size:12px;border-radius:5px;min-width:84px;}
.ui-dialog-buttonset button:hover,.ui-dialog-buttonset button:focus,.ui-dialog-buttonset button:active {background:#000;color:#fff;text-decoration:none;}


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


/* 공통 */
#fs_wrap a {transition:all 0.4s;-webkit-transition:all 0.4s;}
.icon_layout {display:inline-block;overflow:hidden;width:0;height:0;background:url(./../img/layout/logo.png) left top no-repeat;vertical-align:middle;font-size:0;}

/* 해더영역 */
#fs_header {width:100%;height:40px;background:#121332;/*overflow:hidden;*/padding:0 20px;box-shadow:3px 3px 7px rgba(0,8,31,0.1);display:inline-block;vertical-align: top; position:fixed; left:0;top:0; z-index:2;}
/* 상단 */
.fs_head {display:flex; justify-content:space-between; align-items:center; width:100%;z-index:1;text-align:center;height:40px;line-height:40px;position:relative;}
.fs_head .logo {z-index:999;}
.fs_head .logo a {z-index:101;display:inline-block; line-height:0; font-size:0; display:flex; align-items:center;}
/*
.fs_head .logo img {height:25px;filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1); 
  -moz-filter:brightness(0) invert(1);
  -o-filter:brightness(0) invert(1);
}
*/
.fs_head .global_box {display:inline-block;float:right;}
.fs_head .global_box ul{}
.fs_head .global_box ul li{margin-left:30px;position:relative; float:left; color:rgba(255,255,255,0.8);}
.fs_head .global_box ul li a{color:rgba(255,255,255,0.8);}
.fs_head .global_box ul li a.td_underline:before{background:rgba(255,255,255,0.8) !important;}
.fs_head .global_box ul li .input_outer{border:1px solid rgba(255,255,255,0.3); border-radius:7px; height:30px; display:inline-block; vertical-align:middle; line-height:26px; padding:0 3px; transform:translateY(-2px);}
.fs_head .global_box ul li input.input_style{background:transparent; border:1px solid transparent; color:#fff;}
.fs_head .global_box ul li button.btn_bace { color:#fff; border:1px solid rgba(255,255,255,0.8); border-radius:5px; font-size:11px;}

#fs_container_wrap {min-height:100vh;margin-top:-50px;padding-top:50px;margin-bottom:-25px;padding-bottom:25px;width:100%;/*background:#111;*/}
#fs_container_wrap:before {content:"";position:absolute;bottom:49.2px;right:0;width:50%;height:80%;background:#fff;z-index:0;margin-bottom:47px;}

/* 서브컨텐츠 */
.fs_snb_contents .fs_snb_contents_box {position:relative;width:100%; display:flex;}
.fs_snb_contents .fs_snb_contents_box:before{content:"";display:block;clear:both;}

/* 로컬영역 */
.fs_snb_box {width:100%;margin:-46px auto 0 auto;height:46px;}
.fs_snb_box .loca_box {display:none;}

/* 왼쪽영역 */
.fs_snb_box2 {position:fixed; left:0; top:40px;width:200px;padding-top:15px; background:#e2e6ee; min-height:calc(100vh - 75px); }
/*.fs_snb_box2:before{position:absolute; left:0; top:0; width:200px; min-height:calc(100vh - 75px); content:''; background:#111;}*/
	/* 타이틀 */
	.sitetit {background:#00abc6;color:#fff;font-size:16px;font-weight:600;padding:15px 0;text-align:center;margin-bottom:10px;}
	/* 서브메뉴 */
	.snb_menu2 {position:relative;padding:0 0 0 20px;}
	.snb_menu2 .dep1 {position:relative;z-index:2;}
    .snb_menu2 .dep1 > li {position:relative;}
	.snb_menu2 .dep1 > li > a {display:block;line-height:38px;font-size:18px;text-decoration:none;color:#000;position:relative; font-weight:700;}
    .snb_menu2 .dep1 > li.on > a{padding-left:14px;}
    .snb_menu2 .dep1 > li:hover > a{color:#045fcb !important;}
    .snb_menu2 .dep1 > li.on > a:before{position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:1px; width:4px; height:15px; content:''; background:#26235d; }
    .snb_menu2 .dep1 > li.on > a:after{position:absolute; left:0; bottom:0px; width:calc(100% - 20px); height:1px; content:''; background:#acb5c1; }
    .snb_menu2 .dep1 > li.on > a{}

	.snb_menu2 .dep1 > li.on > a .dep1_more:after {display:none;}
	.snb_menu2 .dep1 > li.on > a .dep1_more:before {background:#004981;}
		/* 2뎁스 */
		.snb_menu2 .dep2 {position:relative; display:none;}
        .snb_menu2 > ul > li.on .dep2{display:block;}
		.snb_menu2 .dep2 > li > a {position:relative;display:block;line-height:20px;padding:7px 20px 7px 10px;font-size:15px;color:#111111;text-decoration:none; /*margin-bottom:5px;*/ font-weight:500;}
        .snb_menu2 .dep2 > li > a:first-child{}
        .snb_menu2 .dep2 > li:last-child > a{margin-bottom:0;}
		.snb_menu2 .dep2 > li.on > a{font-weight:700; color:#045fcb;}
        .snb_menu2 .dep2 > li > a:hover,
        .snb_menu2 .dep2 > li > a:focus,
        .snb_menu .dep2 > li > a:active {color:#045fcb!important;}
			/* 3뎁스 */
			.snb_menu2 .dep3 {padding:5px 10px 5px 10px;background:rgba(255,255,255,0.3); margin-right:20px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
			.snb_menu2 .dep3 > li > a {position:relative;display:block;line-height:27px;/*padding:0 0 0 8px;*/font-size:14px;color:#111 !important;text-decoration:none; display:inline-block; transition:all ease 0.3s;}
			/*.snb_menu2 .dep3 > li > a:after {content:"";position:absolute;left:0;top:11px;width:2px;height:2px;background:#fff;border-radius:100%;}*/
			.snb_menu2 .dep3 > li.on > a,.snb_menu2 .dep3 > li > a:active {font-weight:700;}
			.snb_menu2 .dep3 > li > a:hover,.snb_menu2 .dep3 > li > a:focus {text-decoration:underline;}
			.snb_menu2 .dep3 > li.on > a:after,.snb_menu2 .dep3 > li > a:active:after { transition:all ease 0.3s;content:"";position:absolute;left:0;bottom:1px;width:100%; height:4px; background:#97d4ff;}
			/*.snb_menu2 .dep3 > li > a:hover:after,.snb_menu2 .dep3 > li > a:focus:after{ transition:all ease 0.3s;content:"";position:absolute;left:0;bottom:-2px;width:100%; height:1px; background:#aaa;}*/
				.snb_menu2 .dep2 > li > a .dep2_more:after {content:"";position:absolute;right:4px;top:8px;width:1px;height:9px;background:#86b4e3;border-radius:10px;}
				.snb_menu2 .dep2 > li > a .dep2_more:before {content:"";position:absolute;right:0;top:12px;width:9px;height:1px;background:#86b4e3;border-radius:10px;}
				.snb_menu2 .dep2 > li.on > a .dep2_more:after {display:none;}
				.snb_menu2 .dep2 > li.on > a .dep2_more:before {background:#fff;}

/* 오른쪽영역 */
.fs_content {overflow:hidden;width:auto;padding:10px 15px 15px 15px; background:#fff;width: calc(100% - 200px);position:fixed; left:200px; top:40px; height:calc(100vh - 70px); overflow-y:auto;}
	/* 타이틀 */
	.con_header {text-align:center;}
	.con_header h3 {font-size:42px;font-weight:bold;font-family:"Nanum Myeongjo";color:#000;}
	.con_header h3 .icon_layout {width:37px;height:36px;background-position:0 -76px;}
	.con_header h3 em {display:block;margin-top:18px;}

	/* 실컨텐츠 영역 */
	.con_body {min-height:400px;word-break:keep-all;/*margin-right:15px;*/}
	.modal .con_body {margin-right:0;}

/* 레이어팝업 */
.layer_top {position:relative;}
.layer_box {display:none;background:#fff;position:absolute;top:0;left:100%;width:200px;border:1px solid #ccc;padding:5px;}

/* 푸터영역 */
#fs_footer {display:inline-block;width:100%;text-align:left;background:#111111; padding: 0 20px; position:relative; position:fixed;bottom:0; left:0;}
#fs_footer .copyright {display:inline-block;font-size:12px;color:#989b9e;letter-spacing:0;line-height: 35px; height:35px;}
#fs_footer .copyright em {color:rgba(255,255,255,0.7);}
#fs_footer p {color:rgba(255,255,255,0.6);}
#fs_footer p b{color:rgba(255,255,255,0.8); font-weight:500;}

/* 반응형 */
@media only screen and (max-width:1200px){
	.fs_head .global_box .search_area {width:165px;}
	.fs_head .global_box .search_area .select_style {margin-top:0;}
}

/* 로딩바 */
}
@keyframes loading-text-opacity {
    0%  {opacity: 0.4}
    20% {opacity: 0.4}
    50% {opacity: 1}
    100%{opacity: 0.4}
}
@-moz-keyframes loading-text-opacity {
    0%  {opacity: 0.4}
    20% {opacity: 0.4}
    50% {opacity: 1}
    100%{opacity: 0.4}
}
@-webkit-keyframes loading-text-opacity {
    0%  {opacity: 0.4}
    20% {opacity: 0.4}
    50% {opacity: 1}
    100%{opacity: 0.4}
}
@-o-keyframes loading-text-opacity {
    0%  {opacity: 0.4}
    20% {opacity: 0.4}
    50% {opacity: 1}
    100%{opacity: 0.4}
}
.loading_box {background:rgb(16 18 26 / 70%);position:fixed;top:0;left:0;right:0;height:100%;z-index:9999;cursor:wait;}
.loading-container, .loading {height:80px;position:relative;width:80px;border-radius:100%;}
.loading-container {position:absolute;top:50%;left:0;right:0;margin:-60px auto 0 auto;}
#loading-text {-moz-animation:loading-text-opacity 2s linear 0s infinite normal;-o-animation:loading-text-opacity 2s linear 0s infinite normal;-webkit-animation:loading-text-opacity 2s linear 0s infinite normal;animation:loading-text-opacity 2s linear 0s infinite normal;color:#ffffff;font-size:12px;font-weight:bold;margin-top:38px;letter-spacing:1px;opacity:0;text-align:center;text-transform:uppercase;top:0;transition-delay:0.2s;color: #fff; text-align: center; margin-top: 22px; letter-spacing: 1px; font-size: 15px;}
.spinner {
  margin: 0 auto;
  width: 70px;
  height: 70px;
  text-align: center;
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 5px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader {
    border: 13px solid #eef4f9;
    border-top: 13px solid #3f6ceb;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.ball-fade
{
    position: relative;

    width: 15px;
    height: 15px;

    -webkit-animation: 1.2s ball-fade infinite cubic-bezier(.78, .14, .15, .86) .2s;
         -o-animation: 1.2s ball-fade infinite cubic-bezier(.78, .14, .15, .86) .2s;
            animation: 1.2s ball-fade infinite cubic-bezier(.78, .14, .15, .86) .2s;

    border-radius: 100%;
    background-color: rgba(255, 255, 255, .0);
    margin-left:32px;
}
.ball-fade:before,
.ball-fade:after
{
    position: absolute;

    width: 15px;
    height: 15px;

    content: '';
    -webkit-animation: 1.2s ball-fade infinite cubic-bezier(.78, .14, .15, .86);
         -o-animation: 1.2s ball-fade infinite cubic-bezier(.78, .14, .15, .86);
            animation: 1.2s ball-fade infinite cubic-bezier(.78, .14, .15, .86);

    border-radius: 100%;
    background-color: rgba(255, 255, 255, .0);
}
.ball-fade:before
{
    left: -26px;
}
.ball-fade:after
{
    right: -26px;

    -webkit-animation-delay: .4s;
         -o-animation-delay: .4s;
            animation-delay: .4s;
}
@-webkit-keyframes ball-fade
{
    0%
    {
        background-color: rgba(255, 255, 255, 1);
    }
    100%
    {
        background-color: rgba(255, 255, 255, 0);
    }
}
@-moz-keyframes ball-fade
{
    0%
    {
        background-color: rgba(255, 255, 255, 1);
    }
    100%
    {
        background-color: rgba(255, 255, 255, 0);
    }
}
@-o-keyframes ball-fade
{
    0%
    {
        background-color: rgba(255, 255, 255, 1);
    }
    100%
    {
        background-color: rgba(255, 255, 255, 0);
    }
}
@keyframes ball-fade
{
    0%
    {
        background-color: rgba(255, 255, 255, 1);
    }
    100%
    {
        background-color: rgba(255, 255, 255, 0);
    }
}

.layer_list div {line-height:15px;}
.layer_list div p {line-height:15px;}


@media only screen and (max-width:1800px){
    .checks input[type="checkbox"] + label{margin-right:4px; font-size:12px;}
}