@charset "utf-8";

html, body{ background-color:#ffffff; }
body {-webkit-text-size-adjust: 100%;white-space: normal;}
body.has-active-menu {
  overflow: hidden;
  position: fixed;
}
br { font-family:dotum;}

@keyframes adminLogin {
	10% {
	opacity: 0.7;
	color: #fff;
	} 
	50% { 
	opacity: 1; 
	color: #f8b551;
	} 
}
.adminLogin {
	animation-name: adminLogin; 
	animation-duration: 10s; 
	animation-fill-mode: forwards; 
	animation-timing-function: ease-in-out; 
	/*animation-iteration-count: infinite;*/
	opacity: 0.7; 
	color: #fff;
}

.adminlogin { background: #000; text-align: center; font-size: 13px; padding: 5px 0; box-sizing: border-box;}
.adminlogin > a { display: flex; align-items: center; justify-content: center; color: #fff; opacity: 0.7;}
.adminlogin > a span { font-size: 16px;}
.adminlogin > a i { font-style: normal;}


.onlySample { display: flex; align-items: center; justify-content: center; font-size: 13px; border-bottom: 1px solid #d2d2d2; padding: 4px 0;}
.onlySample > div { flex-grow: 1; display: flex; align-items: center; justify-content: center; font-weight: 600; gap: 20px;}
.onlySample > div > p { font-weight: normal; padding: 4px 8px; border-radius: 3px; background: #eee; display: flex; align-items: center; justify-content: center; gap: 3px; cursor: pointer;}
.onlySample > div > p.deviceOn { background: #00a0e9; color: #fff;}
.onlySample > div > p .material-icons { font-size: 13px;}
.onlySample > p { flex: 0 0 auto; display: flex; align-items: center; justify-content: center;}
.onlySample > p { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 5px 10px;}
.onlySample > p .material-icons { font-size: 15px;}