@import url('https://cdn.jsdelivr.net/npm/galmuri@latest/dist/galmuri.css');

@font-face {
    font-family: 'Ramche';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Ramche.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@import url('https://cdn.jsdelivr.net/npm/galmuri@latest/dist/galmuri.css');
@import url('https://cdn.jsdelivr.net/npm/galmuri@latest/dist/galmuri.css');
@import url('https://cdn.jsdelivr.net/npm/galmuri@latest/dist/galmuri.css');
@font-face{
  font-family:'bitbit';
  src:url('//cdn.df.nexon.com/img/common/font/DNFBitBit-Regular.woff'),url('//cdn.df.nexon.com/img/common/font/DNFBitBit-Regular.woff2') ;
}
@font-face {
    font-family: 'NeoDunggeunmoPro-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/NeoDunggeunmoPro-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PFStardust';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/PFStardust.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NeoDunggeunmo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.3/NeoDunggeunmo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MabinogiClassicR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2207-01@1.0/MabinogiClassicR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}




body,
.txt-default	{ color: #333333; }
a,
.txt-point	{ color: #39969C; }


@media all and (min-width: 1001px) { 
	html.single				{
			background: linear-gradient(180deg, rgba(174,238,224,1) 0%, rgba(167,223,246,1) 100%);
		}
	html.single:before {
			background-image: url('/data/site/design_background.png');
		}
}

@media all and (max-width: 1000px) {
	html.single				{
			background: linear-gradient(180deg, rgba(174,238,224,1) 0%, rgba(167,223,246,1) 100%);
		}
	html.single:before {
					background-image: url('/data/site/design_m_background.png');
			}
}
#main_body,
#content_body {
	<!--background: #edf2f0;-->
	color: #333333;
	padding: 50px;
}
#body .fix-layout {
	border: 1px solid #39969C;
}



#footer {color:#edf2f0;}
/* <!--
#gnb_control_box i {
	color: #333333;
}
--> */
	
#admin_gnb li {
	border : 1px solid #39969C;
}

@media all and (min-width: 1001px) { 
	#header .fix-layout			{
			background: #ffffff;
		}

	#gnb				{
			// background: #ffffff; 헤더 부가메뉴 색상--> 
		}

	#gnb_control_box	{ display: none; }
}

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

	#header .fix-layout			{
			background: #ffffff;
		}

	#gnb				{
			// background: #ffffff; 헤더 부가메뉴 색상 (모바일)--> 
		}

	#gnb_control_box	{
		display: block;
	}
}




#gnb {
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 6px;;
	max-width:1000px;
}

#header	{
	position: relative;
	margin: 0;
	padding: 0;
	clear: both;
	height: 30px;
	margin-top:5vh;
}
#header .fix-layout {
	border: 1px solid #39969C;
	border-bottom: none;
	box-shadow: 30px 29.3px #39969C80;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.fix-layout#full { 

	height:calc(90vh - 30px - 3px); 
	max-height: calc(698px - 30px); 
	overflow-y:auto; 
	margin-bottom:5vh;
	box-shadow: 30px 30px #39969C80;
	background: linear-gradient(180deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
	border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

@media all and (min-height: 777px) {
    .fix-layout#full { margin-bottom:calc((100vh - 700px) / 2); }
	#header	{ margin-top:calc((100vh - 700px) / 2); }
}
#footer {width:100%;}
#logo	{
	display: block;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
}
#no_design_gnb {
	display:inline-block;
}
#no_design_gnb li	{
	display: inline-block;
}
#admin_gnb { display:inline-block; }
.bgm-player { display:inline-block; line-height: 21px; }
.tail_padding {
	width:100%;
	height:30px;
}

@media all and (max-width: 1000px) {
	.bgm-player { text-align: right; position:relative;  }
}

/*#gnb	{ float: right; }*/
#gnb,
#gnb *	{
	color: #333333;
	font-size: 11px;
	height: 18px;
	line-height: 18px;
}
#gnb *:hover {
	color: #333333 !important;
	font-size: 11px;
}

.open-gnb #gnb,
.open-gnb #gnb *	{
	color: #ffffff;
	font-size: 11px;
	text-shadow: 0 2px 2px black;
}
.open-gnb #gnb #no_design_gnb {
	margin-top: 50px;
}
.open-gnb #gnb #admin_gnb {
	margin-bottom: 50px;
	margin-left:115px;
}




*::-webkit-scrollbar-track			{ background-color: #edf2f0; }
*::-webkit-scrollbar-thumb			{ background: #39969C; }

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

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




.ui-btn	{
	color:			#39969C !important;
	background:		#ffffff !important;
	border-color:	#39969C !important;
}
.ui-btn:hover	{
	color:			#39969C !important;
	background:		#ffffff !important;
	border-color:	#39969C !important;
}

.ui-btn.point			{
	color:			#ffffff !important;
	background:		#39969C !important;
	border-color:	#39969C !important;
}
.ui-btn.point:hover		{
	color:			#ffffff !important;
	background:		#48D1CC !important;
	border-color:	#48D1CC !important;
}

.ui-btn.admin			{
	color:			#ffffff !important;
	background:		#333333 !important;
	border-color:	#333333 !important;
}
.ui-btn.admin:hover	{
	color:			#ffffff !important;
	background:		#333333 !important;
	border-color:	#333333 !important;
}


.pg_wrap .pg_page,
.pg_wrap .pg_page:hover	{
	color:			#333333;
	background:		transparent;
	border-color:	transparent;
}

.pg_wrap .pg_current,
.pg_wrap .pg_current:hover	{
	color:			#39969C;
	background:		transparent;
	border-color:	transparent;
	font-weight:	bold;
}





.bar-equalizer i	{
	background: rgb(245,220,17);
	-webkit-box-shadow: 0px 0px 3px 0px #000000;
	-moz-box-shadow: 0px 0px 3px 0px #000000;
	box-shadow: 0px 0px 3px 0px #000000;
}



.status-bar dd p	{
	background: #333333;
}
.status-bar dd p span	{
	background: #39969C;
	opacity: .5;
}
.status-bar dd p sup	{
	background: #39969C;
}
.status-bar dd p i	{
	color: #edf2f0;
}



hr.line	{
	background: #39969C;
}




.form-input,
input[type="file"],
input[type="text"],
input[type="date"],
input[type="password"],
textarea,
select				{
	color:			#333333 !important;
	background:		#ffffff !important;
	border-color:	#39969C !important;
	border: 1px solid;
}

::-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: #ffffff !important;
  color: #333333;
}




.flex-control-paging a				{ background: #333333; }
.flex-control-paging a.flex-active	{ background: #39969C; }




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



.inven-popup-viewer {
	color: #333333;
}
.inven_popup_viewer_close	{ display: none; }
.inven-popup-on .inven_popup_viewer_close		{ display: block;}





.timeline-Tweet:before { border-top-color: #edf2f0; }
.TweetAuthor-name	{ color: #39969C; }




#submenu	{
	background-color:	#39969C;
	color:				#9F5C9F;
	border-top-color:		#555555;
	border-top-style:		dashed;
	border-top-width: 1px;
	border-bottom-color:		#555555;
	border-bottom-style:		dashed;
	border-bottom-width: 1px;
	border-top-color:		#555555;
	border-top-style:		dashed;
	border-top-width: 1px;
	border-bottom-color:		#555555;
	border-bottom-style:		dashed;
	border-bottom-width: 1px;
}
#submenu a	{
	color: #9F5C9F;
}
#submenu a:hover	{
	color: rgb(245,220,17);
}




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

/*** Form Area ***/
.theme-form th	{
	background-color:	#cccccc;
	color:				#333333 !important;
}
.theme-form td	{
	background-color:	;
	color:				#333333;
	border-top-color:	#cccccc;
	border-top-style:	solid;
	border-top-width:	1px;
	border-bottom-color:	#cccccc;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
}

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




#tab_list { border-color: #39969C; }




.inventory-list a {
	/*border: 1px solid #39969C;*/

	border: 1px solid #39969C;
}
.inventory-list a i	{
	/*
	background: #39969C;
	color: #edf2f0;
	*/

	border: 1px solid #39969C;
	background: rgba(0, 0, 0, .7);
	color: #fff;
}





#show {
	color: #333333;
}

#load_log_board	{
	}

.board-notice	{
			background-color: rgba(255, 255, 255, .5);
			color: #333333;
			border-top-color:		#cccccc;
		border-top-style:		solid;
		border-top-width: 1px;
			border-bottom-color:		#cccccc;
		border-bottom-style:		solid;
		border-bottom-width: 1px;
			border-left-color:		#cccccc;
		border-left-style:		solid;
		border-left-width: 1px;
			border-right-color:		#cccccc;
		border-right-style:		solid;
		border-right-width: 1px;
	}

#log_list	{
			color: #333333;
	}
#log_list .item		{
			color: #333333;
	
	}

#log_list .item .item-inner .ui-pic		{
			color: #333333;
	}
#log_list .item .item-inner .ui-pic .pic-header a		{
			color: #ffffff;
	}


#log_list .item .item-inner .item-comment		{
			color: #333333;
				margin-bottom: 10px !important;
	}


#log_list .item .item-inner	.ui-comment		{
			color: #333333;
	
	}


#log_list .item .item-inner .co-header p,
#log_list .item .item-inner .co-header p a	{
			color: #333333;
		}

#log_list .item .item-inner .co-header p.owner,
#log_list .item .item-inner .co-header p.owner a	{
			color: #333333;
		}

#log_list .item .item-inner .co-footer .date,
#log_list .item .item-inner .co-footer a	{
			color: #ffffff;
		}
#log_list .item .item-inner .co-content .other-site-link	{
			color: #ffffff;
	}
#log_list .item .item-inner .co-content .link_hash_tag	{
			color: #cccccc;
	}
#log_list .item .item-inner .co-content .log_link_tag	{
			color: #cccccc;
	}
#log_list .item .item-inner .co-content .member_call	{
			color: #cccccc;
	}

#log_list .item .ui-pic .pic-header .no,
.action-check label,
#bo_w label,
#log_list .item .ui-pic .pic-data #lock,
#navi_category li a {
	color: #333333;
}
.co-content .action-check label {
	color: #333333;
}




#log_list .item.story .ui-pic .pic-data.ui-slide.on .inner	{ 
	background: #333333;
 }
#log_list .item.story .ui-pic .pic-data.ui-slide.on .inner .data-inner	{ 
	color: #39969C;
 }
.ui-btn.ico.default { color: #333333 !important; }

 #log_list .item.story .ui-pic .pic-data.ui-slide.on .slide-pop-open-btn:before,
#log_list .item.story .ui-pic .pic-data.ui-slide.on .slide-pop-open-btn:after	{ background: #39969C; }

#bo_gall .gall_li .info span {
	background-color:rgb(245,220,17);
	color: #000000;
}
#bo_gall .gall_li #mod {
	color: #edf2f0;
}



.board-write {
	background: #edf2f0;
}
.searc-sub-box i {
	color: #333333;
}
#bo_v {
	background: #edf2f0;
}
#bo_v * {
	color: #333333;
}

.clap {
	background: #333333;
}

#bo_list .theme-list th.sat,
#bo_list .theme-list th.sun {
	background-color:#cccccc;
	color:#cccccc;
}
#bo_list .theme-list th{
	color:#cccccc;
}

#bo_list .theme-list td.today{
	background-color:#cccccc;
	opacity:.8;
}
#bo_list .theme-list td.today a{
	color:#cccccc;
}
#bo_list .theme-list td.noday{
	background-color:#cccccc;
	opacity:.4;
}
#bo_list .popup_layer {
	background-color:#cccccc;
	color:#cccccc;
	border:solid 1px #cccccc;
}

.frm-theme-COMMENT {
	color: #39969C !important;
}






#character_profile	{ 
	background: #edf2f0;
	border: 1px solid #39969C;
	box-shadow: 10px 10px #39969C;
}
#character_profile *	{ 
	color: #333333;
}
#character_profile .ch_script *,
#character_profile .ch_name {
	color: #39969C !important;
}
#character_profile .ch_explain .more_text_form {
	border-top: 1px dotted #39969C;
}
#character_profile .ch_explain .more_text_form .title {
	background: #39969C;
	color: #ffffff;
	font-weight: bold;
	padding: 0 3px;
}
.au-box,
.closet-box ul {
	background: #edf2f0;
	border-bottom: 1px solid #39969C;
}
.closet-list ul li .ui-btm {
	color: #333333 !important;
	font-size: 8pt;
	opacity:.5;
}
.back, .back i, .log, .log i {
	color: #9F5C9F ;
}

@media all and (max-width:1000px) {
	.closet-list ul .ui-btn {
		border: 1px solid #333333 !important;
	}
}