body,
.txt-default	{ color: #6f4b4c; }
a,
.txt-point	{ color: #d27682; }


@media all and (min-width: 1001px) { 
 
#gnb,
#gnb *:not(script)	{ 
	display:inline-block; 
}

	#header			{
			background-position: center center;
			background-size: cover;
		}

	#gnb_wrapper				{
			background-color: var(--base);
		}

	#gnb_control_box	{ display: none; }
}

@media all and (max-width: 1000px) {
	#header			{
		}

	#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:10px; 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 : var(--text); 
	font-size: 14px;
	}
#gnb a:hover {
	color: var(--point);
	font-size: 14px;
}
#logo a {
	color: var(--text);
	font-size: 18.2px;
}
#logo a:hover {
	color: var(--point);
	font-size: 18.2px;
}

#footer{ 
	box-sizing:border-box;
	}



@media all and (min-width: 1001px) { 
	html			{
			background-image: url('https://blog.kakaocdn.net/dn/blANRG/btsLutvGQJK/xJLJD7BkmVStyXIS8gE6u1/img.png');
			background-repeat: no-repeat;
			background-position: center top;
			background-size: cover;
			background-attachment: fixed;
		}
}

@media all and (max-width: 1000px) {
	html			{
			background-image: url('https://blog.kakaocdn.net/dn/blANRG/btsLutvGQJK/xJLJD7BkmVStyXIS8gE6u1/img.png');
			background-repeat: no-repeat;
			background-position: center top;
			background-size: cover;
			background-attachment: fixed;
		}

	#footer {margin-left:0;} }



*::-webkit-scrollbar-track			{ background-color: #6f4b4c;}
*::-webkit-scrollbar-thumb			{ background: #d27682;  }
*::-webkit-scrollbar				{background-color:#d27682;}


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

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


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


.ui-btn	{
	color:			var(--base);
	background:		var(--text);
	border-color:	var(--text);
}
.ui-btn:hover	{
	color:			var(--base);
	background:		var(--text);
	border-color:	var(--text);
}

.ui-btn.point			{
	color:			var(--base);
	background:		var(--point);
	border-color:	var(--point);
}
.ui-btn.point:hover		{
	color:			var(--base);
	background:		var(--point);
	border-color:	var(--point);
}

.ui-btn.etc			{
	color:			var(--base);
	background:		var(--def);
	border-color:	var(--def);
}
.ui-btn.etc:hover	{
	color:			var(--base);
	background:		var(--def);
	border-color:	var(--def);
}


.pg_wrap .pg_page	{
	color:			var(--base);
	background:		var(--text);
	border-color:	var(--text);
}
.pg_wrap .pg_page:hover	{
	color:			var(--base);
	background:		var(--text);
	border-color:	var(--text);
}

.pg_wrap .pg_current,
.pg_wrap .pg_current:hover	{
	color:			var(--base);
	background:		var(--point);
	border-color:	var(--point);
}




.bar-equalizer{display:none !important;}
.bgm-player ul {margin-left:0 !important;} 


hr.line	{
	background: #d27682;
}




.form-input,
input[type="file"],
input[type="text"],
input[type="password"],
textarea,
select{
	color:			var(--text);
	background:		var(--base);
	border-color:	var(--text);
}				

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

 
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: Noto Sans KR !important;
  color: HakgyoansimByeolbichhaneulTTF-B;
}
 

.theme-box	{
	background: var(--base);
	border:1px solid var(--text);
	box-shadow:var(--box-shadow);
	color: #1B1717;
 
}

.theme-box-header{
    background: var(--point);
    border:1px outset var(--point);
margin:2px;
}


.theme-box.no-link a	{
	color: #1B1717;
}
 

.theme-list,
.theme-form	{
	background-color:	Noto Sans KR;
	color:				HakgyoansimByeolbichhaneulTTF-B;
}

/*** Form Area ***/
.theme-form th	{
	background-color:	#000000;
	color:				#ffffff;
}
.theme-form td	{
	background-color:	var(--base);
	color:				var(--text);
	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: var(--point); }
 


.board-notice	{
    color: var(--text);
    position: relative;
    border-radius: var(--radius);
    overflow: hidden;
    padding:20px 15px !important;
    max-width: 340px;
    margin: 0 auto;
    text-align:center;
}








.link_hash_tag{
font-family: var(--fontF);
position: relative;
margin-left: 2px;
padding: 0px 5px;
color:var(--text);
}

.link_hash_tag:before{
	content: ' ';
    background-color: var(--point-05);
    width: 100%;
    position: absolute;
    height: 40%;
    bottom: 0px;
    left: 0px;
    z-index: -1;
	transition: 0.2s;
}

.link_hash_tag:hover:before{
	transition: 0.2s;
	height: 80%;
	
}




#bo_gall .bo_tit.on {
	background-color: var(--base);
 
}


:root{
--base:#e5e2db;
--point:#d27682;
--text:#1B1717;
--def:#6f4b4c;

--base-05:#e5e2db99;
--base-08:#e5e2dbCC;
--point-05:#d2768280;
--point-03:#d276824D;
--text-05:#1B171780;

--radius:5px;
--shadow: rgba(0,0,0,.5);
--box-shadow:0px 0px 5px var(--shadow);
--shadow-dark:rgba(0,0,0,.5);
--shadow-light:rgba(255,255,255,.5);


--fontF:Noto Sans KR;
--fontS:HakgyoansimByeolbichhaneulTTF-B;
--fontE:Crima;
--fontP:'galmuri11';

--text-background-1:url('https://blog.kakaocdn.net/dn/Kc99b/btsKTxeA3UP/aXuVUXbdZbzBDXZQwU6QeK/img.png');
--text-background-2:url('https://blog.kakaocdn.net/dn/dan6SB/btsKSRYZhxX/KljwwRv8wttsWLZCfhk8fK/img.jpg');

--frame-background-1:url('https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdKOk5i%2FbtsKe9jMOLm%2FSMJuqkcpMnKdRI00M8jjlk%2Fimg.png');
--frame-background-2:url('https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbzjsET%2FbtsKc0CkbxZ%2FldD4xKBKxsOj6g30SkZqUK%2Fimg.png');
--frame-background-3:url('https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FrpayV%2FbtsKdSQ25oe%2FAdq0hXiOEUkKbo1UN4Rft1%2Fimg.png');
--frame-background-4:url('https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FIMLgF%2FbtsKdM4C73N%2FiYYXlaDUwhvKN8Tz4x2wmk%2Fimg.png');

--holo-img-1:url('https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb6TRzz%2FbtsKdQlqCwO%2FixNgUAe2ftQAcYyhKSDLK0%2Fimg.jpg');
--etc-img-2:url('https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbyuAfj%2FbtsKfeFmovb%2FXe6x4JKQ9Q3XkZehimqwUK%2Fimg.png');

--main-page-img-01:url('https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FYSvWG%2FbtrPg1DlWWu%2FAyZ8GeMj8t9whoBUJYrP9K%2Fimg.png');
--main-page-gradient:linear-gradient(to right, rgba(0,0,0,.3) 30%, rgba(0,0,0,.7));
}