body,
.txt-default	{ color: #6482AD; }
a,
.txt-point	{ color: #7FA1C3; }


@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: linear-gradient(var(--base) 4px, transparent 0),     linear-gradient(45deg, transparent 74px, transparent 75px, var(--point-05) 75px, var(--point-05) 76px, transparent 77px, transparent 109px),     linear-gradient(-45deg, transparent 75px, transparent 76px, var(--point-05) 76px, var(--point-05) 77px, transparent 78px, transparent 109px);
			background-color: var(--base);
			background-size: 100% 6px, 109px 109px, 109px 109px;
			background-attachment: fixed;
		}
}

@media all and (max-width: 1000px) {
	html			{
			background-image: linear-gradient(var(--base) 4px, transparent 0),     linear-gradient(45deg, transparent 74px, transparent 75px, var(--point-05) 75px, var(--point-05) 76px, transparent 77px, transparent 109px),     linear-gradient(-45deg, transparent 75px, transparent 76px, var(--point-05) 76px, var(--point-05) 77px, transparent 78px, transparent 109px);
			background-color: var(--base);
			background-size: 100% 6px, 109px 109px, 109px 109px;
			background-attachment: fixed;
		}

	#footer {margin-left:0;} }



*::-webkit-scrollbar-track			{ background-color: #6482AD;}
*::-webkit-scrollbar-thumb			{ background: #7FA1C3;  }
*::-webkit-scrollbar				{background-color:#7FA1C3;}


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

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


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


.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: #7FA1C3;
}




.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: Freesentation5 !important;
  color: HakgyoansimByeolbichhaneulTTF-B;
}
 

.theme-box	{
	background: var(--base);
	border:1px solid var(--point);
	box-shadow:var(--box-shadow);
	color: #212121;
 
backdrop-filter:blur(4px);
}

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


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

.theme-list,
.theme-form	{
	background-color:	Freesentation5;
	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;
}











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


:root{
--base:#FFF2F2;
--point:#7FA1C3;
--text:#212121;
--def:#6482AD;

--base-08:#FFF2F2CC;
--base-05:#FFF2F299;
--base-04:#FFF2F266;
--base-02:#FFF2F233;
--point-05:#7FA1C380;
--point-03:#7FA1C34D;
--text-05:#21212180;
--def-05:#6482AD80;
--def-04:#6482AD66;
--def-02:#6482AD33;

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


--fontF:Freesentation5;
--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://images.unsplash.com/photo-1544541959-5e9cedb71dcc?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTU1fHxzZXJlbml0eXxlbnwwfHwwfHx8MA%3D%3D');
--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));
}