@charset "utf-8";

/* 방문자 집계 */
#visit {position:relative}
#visit .btn_admin {position:absolute;top:0;right:20px;height:25px;line-height:25px;padding:0 5px}
#visit h2 {font-size:1.2em;margin-bottom:20px;text-align:left;color:#fff;position:relative}
#visit dl {display:flex;flex-wrap:wrap;padding:10px 0;margin:0}
#visit dt {flex:0 0 50%;max-width:50%;box-sizing:border-box;text-align:left;line-height:23px;min-height:23px;color:#e3e3e3}
#visit dt span {display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align:middle;margin-right:10px;background:#3a8afd}
#visit dd {flex:0 0 50%;max-width:50%;box-sizing:border-box;margin:0;padding:0 5px;text-align:right;font-weight:bold;line-height:23px;min-height:23px;font-size:0.92em}

.visit_ban {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:20px 0;
	background:#616161;
	color:#eee;
	margin:0;
	padding:30px 15px;
	text-align:center;
	font-size:1em;
	box-sizing:border-box;
	word-break:keep-all;
}
.visit_ban strong {
	display:inline-block;
	background:#424242;
	border-radius:10px;
	padding:7px 10px;
	line-height:15px;
	margin:0 15px 0 5px;
	color:#FFF;
	font-weight:normal;
}
.visit_ban span {display:inline-block;padding:0 5px;line-height:15px;margin-right:15px;color:#FFFF00;font-weight:normal}
.visit_ban i {vertical-align:middle;font-size:1.3em;margin-right:10px;color:#FFF9C4}

/* 태블릿 */
@media screen and (max-width:1024px){
	.visit_ban {font-size:1.1em;padding:25px 15px}
}

/* 모바일 (가로) */
@media screen and (max-width:768px){
	#visit .btn_admin {right:10px}
	.visit_ban {width:100%;padding:20px;font-size:1em}
	.visit_ban strong {margin:0 10px 0 5px}
	.visit_ban span {margin-right:10px}
}

/* 모바일 (세로) */
@media screen and (max-width:480px){
	#visit h2 {font-size:1.1em;margin-bottom:15px}
	#visit dt {font-size:0.95em}
	#visit dd {font-size:0.88em}

	.visit_ban {
		flex-direction:row;
		flex-wrap:nowrap;
		justify-content:center;
		padding:15px 8px;
		font-size:0.8em;
		gap:0;
		white-space:nowrap;
	}
	.visit_ban strong {margin:0 6px 0 3px;padding:5px 7px;line-height:15px;border-radius:8px}
	.visit_ban span {margin-right:6px;padding:0 2px}
	.visit_ban i {margin-right:4px;font-size:1.1em}
}