/* ===== DB-driven design tokens (for polish overrides) ===== */
:root{
--avc-text: #ffffff;
--avc-muted: #ffffff;

--avc-surface-0: rgba(255, 255, 255, .1); /* 셀/인풋 근접 */
--avc-surface-1: rgba(0, 0, 0, .5); /* 카드/패널 */
--avc-surface-2: #10141c;

--avc-line: #333;

--avc-input-b: #eee;
--avc-input-f: #333333;

--avc-btn-fg: #ffffff;
--avc-btn-bg: #000000;
--avc-btn-bd: #000000;

--avc-primary-fg: #ffffff;
--avc-primary-bg: #FFBB00;
--avc-primary-bd: #FFBB00;

--avc-accent: #FFBB00;
--avc-ring: rgba(110,168,254,.28);

--avc-radius-sm: 10px;
--avc-radius: 14px;
--avc-shadow: 0 12px 30px rgba(0,0,0,.45);
--avc-shadow-sm: 0 6px 18px rgba(0,0,0,.30);
--avc-h-input: 44px;
--avc-h-btn: 38px;
--avc-fs-12: 12px;
--avc-fs-13: 13px;
--avc-fs-14: 14px;
--avc-lh: 1.6;
}

?>





	body,
	.txt-default { color: #ffffff; }
	a,
	.txt-point { color: #FFBB00; }


@media all and (min-width: 1001px) {

#gnb,
#gnb *:not(script) {
display:inline-block;
}

#header {
	background-color: rgba(0, 0, 0, .5);
}

#gnb_wrapper {
}

#gnb_control_box { display: none; }
}

@media all and (max-width: 1000px) {
#header {
	background-color: rgba(0, 0, 0, .5);
}

#gnb_wrapper {
}

#gnb_control_box {
display: block;
}
}

#gnb_wrapper{
position:relative;
z-index:99;
text-align:left;
}




	#header {
	position: relative;
	margin: 0;
	padding: 0;
	clear: both;
	height: 0px;
	}
	#header .fix-layout { height: 100%; }
	#logo {
	display: block;
	float:left;
	position:relative;
	z-index:999;
	padding-right:10px;
	line-height:0px;
	}
	#no_design_gnb li { display:inline-block; margin-left:0px; line-height:0px;}

	#login_box,#bgm_box{float:right;}

	@media all and (min-width:1001px) {
	#login_box p {display:inline-block;margin-right:4px;}
	}


#gnb p {display:block;}
#gnb a {
color : #ffffff;
font-size: 14px;
}
#gnb a:hover {
color: #FFBB00;
font-size: 14px;
}
#logo a {
color: #ffffff;
font-size: 18.2px;
}
#logo a:hover {
color: #FFBB00;
font-size: 18.2px;
}

#footer{
padding:10px;
box-sizing:border-box;
}



@media all and (min-width: 1001px) {
html {
	background-image: url('https://js1011.pe.kr:443/data/site/design_background.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
}

@media all and (max-width: 1000px) {
html {
	background-image: url('https://js1011.pe.kr:443/img/bak_admin_login_top_pattern.png');
}

#footer {margin-left:0;} }




	*::-webkit-scrollbar-track { background-color: #333333; }
	*::-webkit-scrollbar-thumb { background: #FFBB00; }

	* { outline-color: #FFBB00; }
	::selection { background:#FFBB00; }
	::-moz-selection { background:#FFBB00; }
	::-webkit-selection { background:#FFBB00; }

	::selection { color:#333333; }
	::-moz-selection { color:#333333; }
	::-webkit-selection { color:#333333; }


.highlight {
display:inline-block;
padding:0 5px;
margin-bottom:5px;
line-height:18px;
font-family:'dotum',sans-serif;
	color:#333333;
	background:#FFBB00;
}


.ui-btn {
color: #ffffff;
background: #000000;
border-color: #000000;
}
.ui-btn:hover {
color: #ffffff;
background: #222222;
border-color: #000000;
}

.ui-btn.point {
color: #ffffff;
background: #FFBB00;
border-color: #FFBB00;
}
.ui-btn.point:hover {
color: #ffffff;
background: #FFBB00;
border-color: #FFBB00;
}

.ui-btn.etc {
color: #ffffff;
background: #555555;
border-color: #333333;
}
.ui-btn.etc:hover {
color: #ffffff;
background: #555555;
border-color: #333333;
}


.pg_wrap .pg_page {
color: #ffffff;
background: #000000;
border-color: #000000;
}
.pg_wrap .pg_page:hover {
color: #ffffff;
background: #222222;
border-color: #000000;
}

.pg_wrap .pg_current,
.pg_wrap .pg_current:hover {
color: #ffffff;
background: #FFBB00;
border-color: #FFBB00;
}




.bar-equalizer i {
	background: #FFBB00;
	-webkit-box-shadow: 0px 0px 3px 0px #000000;
	-moz-box-shadow: 0px 0px 3px 0px #000000;
	box-shadow: 0px 0px 3px 0px #000000;
}



hr.line {
background: #FFBB00;
}




.form-input,
input[type="file"],
input[type="text"],
input[type="password"],
textarea,
select {
color: #333333;
background: #eee;
border-color: #333;
}

::-webkit-input-placeholder {
color: #333333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #333333;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #333333;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #333333;
}


input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
background-color: #eee !important;
color: #333333;
}


.theme-box {
	background-color: rgba(0, 0, 0, .5);
	color: #eeeeee;
}
.theme-box.no-link a {
	color: #eeeeee;
}


.theme-list,
.theme-form {
background-color: ;
color: ;
}

/*** Form Area ***/
.theme-form th {
background-color: #000000;
color: #ffffff;
}
.theme-form td {
background-color: rgba(255, 255, 255, .1);
color: #ffffff;
		border-top-color: #333333;
		border-top-style: solid;
		border-top-width: 1px;
		border-bottom-color: #333333;
		border-bottom-style: solid;
		border-bottom-width: 1px;
}

/*** List Area ***/
.theme-list th {
background-color: #000000;
color: #ffffff;
		border-top-color: #333333;
		border-top-style: double;
		border-top-width: 1px;
		border-bottom-color: #333333;
		border-bottom-style: double;
		border-bottom-width: 1px;
}
.theme-list td {
background-color: ;
color: #ffffff;
}




#tab_list { border-color: #FFBB00; }


#load_log_board {
}

.board-notice {
	background-color: rgba(0, 0, 0, .5);
	color: #ffffff;
	}

#log_list {
}
#log_list .item {

}

#log_list .item .item-inner .ui-pic {
}


#log_list .item .item-inner .item-comment {
	background-color: rgba(0, 0, 0, .5);
	color: #eaeaea;
		margin-bottom: 10px !important;
}

#log_list .item .item-inner .item-comment.parent,
#log_list .item .item-inner .item-comment.item-reply {
margin-bottom:1px !important;
}
#log_list .item .item-inner .item-comment.item-reply {opacity:0.8;}
#log_list .item .item-inner .item-comment.item-reply.last{ 	margin-bottom: 10px !important;
}
#log_list .item .item-inner .item-comment.item-reply .co-header:before { 	color: #bbbbbb;
	}

	#log_list .item .item-inner .ui-comment {
	
		}


	#log_list .item .item-inner .co-header p,
	#log_list .item .item-inner .co-header p a {
			color: #eeeeee;
				font-size: 12px;
		}

	#log_list .item .item-inner .co-header p.owner,
	#log_list .item .item-inner .co-header p.owner a {
			color: #FFBB00;
				font-size: 12px;
		}

	#log_list .item .item-inner .co-footer .date {
			color: #bbbbbb;
				font-size: 11px;
		}
	#log_list .item .item-inner .co-content .other-site-link {
			color: #FFBB00;
		}
	#log_list .item .item-inner .co-content .link_hash_tag {
			color: #FFBB00;
		}
	#log_list .item .item-inner .co-content .log_link_tag {
			color: #FFBB00;
		}
	#log_list .item .item-inner .co-content .member_call {
			color: #29c7c9;
		}



	#bo_gall .bo_tit.on {
			background-color: rgba(0, 0, 0, .5);
		}