*{
  transition: all 0.5s;
  padding:0;
}
/*
body{
  background-color: #D9D9D9;
}
*/

input[type='image']{
  background:#e74c3c;
  border:none;
  color:#fff;
  height:50px;
  position:relative;
  left:-10px;
  top:-3px;
  cursor:pointer;
}
#rss-wrap{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 90vw;
  margin: 0 auto;
}
#rss-header{
  background:white;
  padding:0px;
  margin-bottom: 20px;
  text-align: center;
  cursor:alias;
}
#rss-header a {
  text-decoration:none;
  /* cursor:pointer; */
  cursor:alias;
}
#rss-header a:hover {
  cursor:alias;
}

.feed-container{
  background: rgba(218, 251, 221, 0.5);   /*  #dcf2fa ;  #b0e5f7;  #97CADB; */
  padding:10px;
  box-shadow:3px solid #ddd;
}
li{
  padding-left:0;
  list-style:none;
  margin-bottom:10px;
}
.itemContent{
 padding:10px;
 positon:relative;
 line-height: 2;
}
.itemTitle{
  position:relative;
  width: 80%;
}
.itemTitle a{
  text-decoration:none;
  color:#001B48;
  display:block;
  background:white;
  padding:10px;
  bottom:0;
  left:0;
}
.itemTitle:hover{
  padding-left:10px;
  background:red;
  width: 70%;
}

.itemDate{
  background:red;
  color:#fff;
  /* float:left; /* right;*/
  float:right; /* right;*/
  heigth:40px;
  padding:5px;
  border-radius:5px;
  margin-top: -40px;
  z-index:100;
}
.itemContent img{
  width:50px;
  height:50px;
  padding-right:10px;
  border-radius:10px;
  
}

    body { 
	  font-family: Arial, sans-serif; 
	  /* color: white; */
      width: 95vw;
	  height: 75vh;
	  background-image: url('../imgs/bg.webp');
	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  background-size: cover;
	  /* opacity: 0.5; 
	  z-index: -100; */
	  -ms-overflow-style: none;	  
	  margin: 0;
	  /* 
	  backdrop-filter: blur(20px) saturate(110%)
	  backdrop-filter: brightness(70%) 
	  backdrop-filter: blur(20px); 
	  */

	}

	::-webkit-scrollbar {
	  display: none;
	}

	a {
	  color: blue;     /*  white; blue; */
	  cursor: pointer;
	}
	a.visited {
	  color: gray;
	}
	a.hover {
	  color: red;
	}

    #loading { color: gray; }
	
    li { margin-bottom: 6px; }
	
	header {
	  /* display: flex;  */
	  position: fixed;
	  top: 0;
	  /* width: 100% */
	  /* height: 70px; */
	  left: 0;
	  right: 0;
	  height: 70px;
	  padding: 1rem;
	  color: white;
	  background: teal;
	  font-weight: bold;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  margin-bottom: 30px;
	}

	#left {
	   flex: 0 0 20%;   /* 고정 폭 */
	}

	#center {
	  flex: 0 25% 0;
	  margin-top: -77px;
	  /* padding-left: 30px; */
	  text-align: center;
	}

	#right {
	  flex: 0 0 120px;
	  position: fixed;
	  top: 10px;
	  right: 20px;
	  text-align: right;
	  /* cursor: pointer; */
	}

	.mselect {
	  position: fixed;
	  top: 15px;
	  left: 35%;
	  width: 330px;	
	}
	
	#sellogo {
	  position: fixed;
	  top: 35px;  /*  35   230px  */
	  left: 75%;
	  width: 100px;
	  height: 100px;
	}

	#sellogo2 {
	  position: fixed;
	  top: 230px;  /*  35   230px  */
	  Right: 10%;
	  width: 60px;
	  height: 60px;
	}

	select, #center {
	 position: fixed;
	 top: 60px;
	 /* right: 20px; */
	 left: 35%;
	 width: 330px;
	 /* height: 200px; */
	 font-size: 1.02em;
	}

	.rssadress {
	  position: fixed;
	  top: 105px;
	  left: 30px;
	  width: 88%;
	  overflow: hidden;
	}
	
	.btnsubmit {
	  position: fixed;
	  top: 105px;
	  right: 80px;
	  width: 100px;
	  overflow: hidden;
	  padding: 8px 16px;
	  
      background: #007bff;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
	}
	.btnsubmit:hover { background: #FF56b3; }
	
	section {
	 margin-top: 150px;
	 overflow-x: hidden;
	 overflow-y: auto;
	 margin-left: 20px;
	 padding: 20px 10px;
	 height:80%; 
	 border: 1px solid red;
	 border-radius: 10px;
	 font-size: 1.2em;
	 color: blue; /* white; */
	 z-index: 100;
	 backdrop-filter: brightness(90%)
	 /* backdrop-filter: blur(10px) saturate(90%) */
	 line-height: 2.5;
	}

	footer {
	  background-image: url('../imgs/footer-bg.png');
	  background-repeat: no-repeat;
	  position: fixed;
	  bottom: 1px;
	  left: 30px;
	  width: 90%;
	  margin-top: 30px;
	  padding: 10px 30px ;
	  border: 1px solid blue;
	  border-radius: 20px;
	}	
	summary {
	  cursor: pointer;
	}
	
    .date {
      font-size: 0.8em;
      color: #666;
      margin-left: 6px;
    }
	.author {
	  font-size: 0.8em;
	  color: #999;
	  margin-left: 4px;
	}
	
	.contactFile .pdfDownload {
            display: inline-block;
            margin: 0px 10px 0px 0px;
            width: 220px;
            height: 50px;
            background: #94989B;
            box-shadow: 0px 12px 23px rgba(0, 0, 0, 0.1);
            text-align: center;
            color: #fff;
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            line-height: 50px;
            letter-spacing: -0.08em;
        }
        .contactFile .telLink {
            display: inline-block;
            width: 220px;
            height: 50px;
            background: #028CD7;
            box-shadow: 0px 12px 23px rgba(0, 0, 0, 0.1);
            text-align: center;
            color: #fff;
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            line-height: 50px;
            letter-spacing: -0.08em;
        }
		.styled {
		  border: 0;
		  line-height: 2.5;
		  padding: 0 20px;
		  font-size: 1rem;
		  text-align: center;
		  color: #fff;
		  text-shadow: 1px 1px 1px #000;
		  border-radius: 10px;
		  background-color: rgba(220, 0, 0, 1);
		  background-image: linear-gradient(
			to top left,
			rgba(0, 0, 0, 0.2),
			rgba(0, 0, 0, 0.2) 30%,
			rgba(0, 0, 0, 0)
		  );
		  box-shadow:
			inset 2px 2px 3px rgba(255, 255, 255, 0.6),
			inset -2px -2px 3px rgba(0, 0, 0, 0.6);
		}

		.styled:hover {
		  background-color: rgba(255, 0, 0, 1);
		}

		.styled:active {
		  box-shadow:
			inset -2px -2px 3px rgba(255, 255, 255, 0.6),
			inset 2px 2px 3px rgba(0, 0, 0, 0.6);
		}
		
		.rss-title {
		  font-size: 20px;
		  font-weight: bold;
		  color: #00f;  /* #CCCCCC; */
		  margin-bottom: 10px;
		}

		.rss-desc {
		  font-size: 14px;
		  color: #333;
		}

		.error-box {
		  text-align: center;
		  margin-top: 30px;
		}

		.error-img {
		  width: 120px;
		  opacity: 0.8;
		}

		.box {
		  width: 95%;
		  padding: 10px;
		  border: 1px solid blue;
		  border-radius: 5px;		
		}
		.error-box p {
		  color: #777;
		  font-size: 14px;
		}

		.error-bg {
		  height: 200px;
		  background: url("error.png") center / contain no-repeat;
		}
		
		.serviced {
		  color: white;
		  position: fixed;
		  top: 105px;
		  Right: 100px;
		  overflow: hidden;
		}

		#quote {
		  width: 55%;
		  padding: 10px 20px;
		  text-align: center;
		  font-size: 1.4em;
		}

		#slide {
		  margin-top: -30px; /* */
		  margin-left: 55%;
		  width: 120px;
		  /* display: flex;  */
		  justify-content: center;		  
		}

.spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

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