@charset "utf-8";
/* reset */
*::selection {
	color:#000;
	background:#dff3e8;
}
html {
	font-size:10px;
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
body {
	font-family:arial;
	background:#91a27a;
	margin:0;
	padding:0 0 1px;
}
ul, ol {
	list-style:none;
}
ul,
ol,
li,
p {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
}
table {
	border-collapse:collapse;
}
select {
	font-size:12px;
	color:#000;
	background:transparent;
	margin:0;
	padding:0;
}
textarea {
	font-family:sans-serif;
	overflow:hidden;
	resize:none;
}
input {
	font-family:sans-serif;
	font-size:12px;
}
input,
textarea,
select {
	border:1px solid #a9a9a9;
}
input[type="date"] {
	min-width:110px;
	height:18px;
	appearance:none;
}
input[type="datetime-local"] {
	background:transparent;
}
input[type="radio"],
input[type="checkbox"],
input[type="button"],
input[type="submit"],
label {
	cursor:pointer;
}
input:focus,
button:focus,
textarea:focus,
input:focus-visible,
button:focus-visible,
textarea:focus-visible {
	outline:0;
}
button {
	color:#000;
	background:transparent;
	cursor:pointer;
	border:0;
	margin:0;
	padding:0;
}
.show {
	display:block;
}
.hide {
	display:none;
}
.btn {
	line-height:24px !important;
}
/* header */
.header {
	width:100%;
	height:auto;
}
.header h1 {
	display:none;
}
.header {
	width:100%;
	height:auto;
}
.header:not(.index) {
	text-align:center;
	background:#5a644f;
	border-bottom:1px solid #666;
	margin:0 0 5.5px;
}
.header .inner {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:66%;
	max-width:1280px;
	height:75px;
	margin:0 auto;
}
.header .logo {
	height:41px;
}
.header .logo a {
	display:inline-block;
	height:100%;
}
.header .logo img {
	width:auto;
	height:40px;
}
.header .menu_wrap button {
	position:absolute;
	top:50%;
	right:3%;
	transform:translateY(-50%);
	font-size:24px;
	color:#333;
}
.nav_menu {
	display:none;
	position:absolute;
	width:26%;
	max-height:90vh;
	text-align:center;
	background:#fff;
	overflow-y:auto;
	border-radius:3px;
	margin:-7px 0 0 40%;
	padding:10px 0 30px;
	z-index:100;
}
.nav::-webkit-scrollbar {
  display: none;
}
.nav_menu .nav_header {
	background:#fff;
	border-bottom:1px solid #dfdfdf;
	margin:0 0 20px;
	padding:7px 0 15px;
}
.nav_menu .nav_header .all {
	font-size:12px;
	color:#000;
}
.favorite_wrap {
	padding:0 0 30px;
}
.favorite_wrap .favorite_title {
	font-size:12px;
	font-weight:bold;
	line-height:2.4;
	text-shadow:0 1px 0 #808080;
	user-select:none;
	padding:0 0 4px;
}
.favorite_wrap .favorite_list {
	width:90%;
	margin:0 auto;
}
.favorite_wrap .favorite_list li {
	font-size:12px;
	line-height:1.8;
	padding:0 0 5px;
}
.favorite_wrap .favorite_list li:first-child {
	padding:12px 0 5px;
}
.favorite_wrap .favorite_list li a {
	color:#111;
}
.favorite_wrap .favorite_list .comment {
	letter-spacing:0.2px;
	color:#fb8738;
	padding:0 0 0 4px;
}
.favorite_wrap .search_wrap button {
	display:inline-block;
}
.favorite_wrap .search_wrap .search_btn:before {
	content:"";
	position:relative;
	top:3px;
	display:inline-block;
	width:18px;
	height:18px;
	background-image:url("/assets/img/search.png");
	background-size:cover;
}
.favorite_wrap .input_wrap {
	display:none;
	align-items:center;
	justify-content:center;
	padding:13px 0 3px;
}
.favorite_wrap .input_wrap input {
	width:140px;
	outline:0;
}
.favorite_wrap .input_wrap button {
	width:44px;
	min-width:44px;
	height:24px;
	font-size:10px;
	color:#333;
	background:#fff;
	border-radius:2px;
	border:1px solid #ddd;
	margin:0 0 0 2px;
	padding:0 10px;
	outline:0;
}
.favorite_wrap .input_wrap button:focus {
	outline:auto;
}
.favorite_wrap .list_wrap {
	width:80%;
	max-width:300px;
	overflow:auto;
	border:1px solid #ddd;
	margin:13.5px auto 4.5px;
}
.favorite_wrap .list_wrap .list_box {
	padding:10px 15px;
}
.favorite_wrap .list_wrap .list_box button {
	display:flex;
	gap:10px;
	font-size:12px;
	line-height:1.4;
	padding:5.5px;
}
.favorite_wrap .list_wrap .list_box .no {
	text-align:right;
}
.favorite_wrap .list_wrap .list_box .content {
	text-align:left;
}
.favorite_wrap .list_wrap .list_box .comment {
	color:#fb8738;
	font-size:11px;
	letter-spacing:0.2px;
	padding:0 0 0 4px;
}
.favorite_wrap .list_wrap .no_result {
	padding:12px 0;
}
.favorite_wrap .list_wrap .pagination {
	position:relative;
	display:flex;
	justify-content:space-between;
	height:14px;
	text-align:left;
	background:#f7f7f7;
	border-top:1px solid #ddd;
	padding:10px;
}
.favorite_wrap .list_wrap .pagination button {
	font-size:11px;
	padding:0 5px;
}
.bookmark_wrap {
	width:90%;
	display:flex;
	flex-direction:column;
	gap:30px;
	margin:0 auto;
}
.bookmark_wrap .bookmark_item {
	display:flex;
	flex-direction:column;
	gap:4px;
}
.bookmark_wrap .bookmark_item .title {
	font-size:12px;
	font-weight:bold;
	line-height:2.4;
	user-select:none;
}
.bookmark_wrap .bookmark_item .menu {
	display:inline-grid;
	margin:0 0 8px;
}
.bookmark_wrap .bookmark_item .menu i {
	display:block;
	font-size:14px;
	padding:9px;
}
.bookmark_wrap .bookmark_item .menu .category {
	display:inline-block;
	font-size:10px;
	color:#111;
	border-bottom:1px solid #f6c773;
	margin:0 4px;
	padding:6px 4px;
	cursor:pointer;
}
/* main */
.main {
	width:66%;
	max-width:1280px;
	margin:0 auto;
}
/* main_menu */
.main_menu {
	text-align:center;
	background:#f9f4d8;
	border:1px solid #789c44;
	margin:0 0 6px;
	padding:15px 8% 20px;
}
.main_menu .inner {
	width:100%;
	display:flex;
	letter-spacing:-0.2px;
}
.main_menu .inner ul {
	width:25%;
}
.main_menu .inner ul .category {
	display:flex;
	align-items:center;
	justify-content:center;
	height:24px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0 0 1px #a9a9a9;
	background:#f8faf6;
	user-select:none;
	border:1px solid #bbb;
	border-bottom:1px solid #888;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	border-bottom-left-radius:1px;
	border-bottom-right-radius:1px;
	margin:5px;
}
.main_menu .inner li:not(:first-child) {
	line-height:1.8;
	padding:7px 0;
}
.main_menu .inner li a {
	font-size:11px;
	color:#333;
}
.main_menu .inner li a:hover {
	color:#ff0000;
}
/* footer */
.footer {
	text-align:center;
	background:#f5f5dc;
	border:1px solid #789c44;
	margin:5px 0 0;
	padding:10px 0;
}
.footer.not_index {
	margin:5px 0 32px;
}
.footer a {
	font-size:11px;
	color:#53575d;
}
.footer p {
	font-size:11px;
	color:#53575d;
	margin:0 0 10px;
}
.footer .btn_wrap {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}
.footer .btn_wrap div {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:3.5px;
}
.footer .btn_wrap div a {
	display:inline-block;
	line-height:2.2;
	color:#333;
	background:#f9f9f9;
	border:1px solid #c9c9c9;
	border-bottom:1px solid #666;
	margin:0 0 10px;
	padding:0 18px;
}
.footer .notice_wrap {
	margin:0 0 10px;
}
.footer .notice_wrap .item {
	font-size:11px;
	color:#53575d;
	margin:0 0 10px;
}
.footer .notice_wrap .item a {
	position:relative;
	margin:0 9.5px;
}
.footer .notice_wrap .item a:not(:last-child):after {
	content:"";
	position:absolute;
	top:50%;
	right:-10px;
	transform:translateY(-50%);
	display:inline-block;
	width:1px;
	height:9px;
	background:#ccc;
}
.mobile_toggle {
	display:flex;
	align-items:center;
	justify-content:center;
	height:60px;
	background:#4f5448;
	border-top:1px solid #666;
	margin:6px 0 0;
	padding:6px 0;
}
.mobile_toggle a {
	font-size:20px;
	font-weight:bold;
	color:#f9ff1f;
}
/* websocket_notify */
.websocket_notify {
	position:fixed;
	bottom:14px;
	right:10px;
	z-index:9999;
}
.websocket_notify .notify_item {
	display:none;
	position:relative;
	width:400px;
	height:40px;
	color:#666;
	background:rgba(255, 255, 255, 0.9);
	box-shadow:inset 0 0 0 1px #fff, inset 0 2px #fff, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.2);
	border-radius:5px;
	margin:10px 0 0;
}
.websocket_notify .notify_item:before {
	content:"";
	position:absolute;
	top:50%;
	left:23px;
	transform:translate(-50%, -50%);
	display:inline-block;
	width:11px;
	height:11px;
	background:#61c4b8;
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.3);
	border-radius:50%;
}
.websocket_notify .notify_item .title {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	display:inline-block;
	max-width:80%;
	font-size:12px;
	line-height:1;
	color:#666;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin:0 0 0 40px;
}
.websocket_notify .close {
	position:absolute;
	top:50%;
	right:10px;
	transform:translate(-50%, -50%);
	font-size:12px;
	line-height:1;
	color:#666;
}
.websocket_notify .close:before {
	content:"\00d7";
}
/* ad */
.home_ad {
	text-align:center;
	padding:7px 0 12px;
}
.list_ad {
	text-align:center;
	background:#f5f5dc;
	padding:6px 0 2px;
}
@media (max-width:767px) {
	.header .inner {
		width:100%;
	}
	.main {
		width:100%;
	}
	.gnb {
		width:100%;
		margin:-7px 0 0;
	}
}
/* highlight */
.highlight {
    font-size:inherit !important;
	background:#ffff00;
	color:#ff5100;
}
/* icon */
.fa-star.gray {
	color:#ccc;
}
.fa-star.gold {
	color:#efce4a;
}
/* font-face */
@font-face {font-family:"FontAwesome";src:url("/assets/font/fontawesome-webfont.woff2")format("woff2");font-weight:normal;font-style:normal;}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-star:before{content:"\f005"}.fa-cog:before {content:"\f013";}.fa-pencil:before{content:"\f040"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-thumbs-o-up:before{content:"\f087"}.fa-bars:before{content:"\f0c9"}.fa-comment-o:before{content:"\f0e5"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-ellipsis-v:before {content:"\f142"}.fa-caret-square-o-down:before{content:"\f150"}
@font-face {font-family:"xeicon";src:url("/assets/font/xeicon.woff2")format("woff2");font-weight:normal;font-style:normal;}[class*=" xi-"],[class^=xi-]{display:inline-block;font:normal normal normal 14px/1 xeicon;font-size:inherit;}.xi-close-circle:before{content:"\e924"}.xi-hand-paper:before{content:"\ea21"}