body,
.txt-default	{ color: #343434; }
a,
.txt-point	{ color: #F5B9BA; }


@media all and (min-width: 1001px) { 
	html.single				{
			background: #fff;
			background-repeat: no-repeat;
			background-size: cover;
		}
	html.single:before {
			background: #fff; 
			background-image: url('http://perine817.dothome.co.kr/data/site/design_background.png');
			background-repeat: no-repeat;
			background-size: cover;
		}
}

@media all and (max-width: 1000px) {
	html.single				{
			background: #fff;
			background-repeat: no-repeat;
			background-size: cover;
		}
	html.single:before {
					background: #fff;
					background-image: url('http://perine817.dothome.co.kr/data/site/design_m_background.png');
					background-repeat: no-repeat;
					background-size: cover;
			}
}
#content_body {
	background: #ffffff;
	color: #343434;
}


#footer {color:#ffffff;}

#gnb_control_box i {
	color: #ffffff;
}
#gnb,
#gnb *	{
	color: #343434;
}
#no_design_gnb * {
	font-size: 14px;
}
#gnb {
	width: 100%;
}

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

	#gnb #no_design_gnb li,
	#gnb #admin_gnb li				{
	
		cursor: pointer;
	}

	#gnb_control_box	{ display: none; }
}

@media all and (max-width: 1000px) {
	#no_design_gnb,
	#no_design_gnb *,
	#admin_gnb,
	#admin_gnb *	{
		color: #ffffff !important;
	}

	#header			{
		}

	#gnb_control_box	{
		display: block;
		height: 50px;
	}
}

#no_design_gnb li:hover,
#no_design_gnb li:hover * {
	font-size: 14px;
}
#gnb li:hover,
#gnb li:hover * {
	color: #F5B9BA !important;
	transition: all .5s ease;
}

#gnb #no_design_gnb li:hover,
#gnb #admin_gnb li:hover				{
	transition: all .5s ease;
}

.bgm-player *,
#admin_gnb * {
	color: #343434;
}




#gnb {
	text-align: right;
	height: 100%;
}
.pop_up_body {
	height: calc(100vh - 50);
}
.objList.open {
	padding-top: 50px;
}

#header	{
	position: relative;
	margin: 0;
	padding: 0;
	clear: both;
	height: 50px;
}
#header .fix-layout	{
	height: 100%;
	width: calc(100vw - 100px);
	max-width: 100vw;
	min-width: 950px;
}
#footer {width:100%;}
#logo	{
	display: block;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
}
.visual-area {
	width: 60%;
	left: 0;
	top: 0;
	padding-top: 80px;
}
#main_body {
	margin-top:20px;
}
#no_design_gnb {
	padding: 0;
	display:inline-block;
	height: 50px;
	line-height: 50px;
}
#no_design_gnb li	{
	display: inline-block;
	margin: 0 10px;
}

#admin_gnb {
	padding: 0;
	display:inline-block;
	height: 50px;
	line-height: 50px;
}
#admin_gnb li	{
	display: inline-block;
	padding: 0 10px;
}
.tail_padding {
	width:100%;
	height:50px;
}
#character_profile	{ 
	margin-top:50px;
	height: calc(100% - 50px);
}

@media all and (min-width: 1000px) {
	.closet-list ul {
		top: calc(30px + 50px);
	}
	.bgm-player { display: inline-block; }
	#time_clock {
		position: absolute;
		top: 0;
		line-height: 50px;
	}
}

@media all and (max-width: 1000px) {	
	#header {
		height: 50px;
	}
	#header .fix-layout	{
		width: calc(100% - 40px);
		max-width: 100%;
		min-width: 0;
	}
	#time_clock {
		display: none;
	}
	#no_design_gnb {
		display:block;
	}
	#no_design_gnb li {
		display: block;
	}
	.open-gnb #gnb #admin_gnb {
		width: 100%;
		margin: 0;
		text-align:center;
	}

	.open-gnb #gnb,
	.open-gnb #gnb *,
	.open-gnb .bgm-player li a.play:before,
	.open-gnb .bgm-player li a.stop:before	{
		color: #ffffff;
		font-size: 14px;
		text-shadow: 0 2px 2px black;
	}
	.open-gnb #gnb #no_design_gnb {
		margin-top: 50px;
		height: fit-content;
	}
}




*::-webkit-scrollbar-track			{ background-color: #ffffff; }
*::-webkit-scrollbar-thumb			{ background: #B4CFD9; }

* { outline-color: #F5B9BA; }
::selection			{ 
	color : #ffffff !important;
	text-shadow: -1px -1px 1px #B4CFD9, 1px -1px 1px #B4CFD9, 
	-1px 1px 1px #B4CFD9, 1px 1px 1px #B4CFD9; }
::-moz-selection	{ 
	color : #ffffff !important;
	text-shadow: -1px -1px 1px #B4CFD9, 1px -1px 1px #B4CFD9, 
	-1px 1px 1px #B4CFD9, 1px 1px 1px #B4CFD9; }
::-webkit-selection	{ 
	color : #ffffff !important;
	text-shadow: -1px -1px 1px #B4CFD9, 1px -1px 1px #B4CFD9, 
	-1px 1px 1px #B4CFD9, 1px 1px 1px #B4CFD9; }

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




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

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

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


.pg_wrap .pg_page	{
	color:			#343434;
	background:		#ffffff;
	border-color:	#eeeeee;
}
.pg_wrap .pg_page:hover	{
	color:			#343434;
	background:		#ffffff;
	border-color:	#eeeeee;
}

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





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



.status-bar dd p	{
	background: #343434;
}
.status-bar dd p span	{
	background: #F5B9BA;
	opacity: .5;
}
.status-bar dd p sup	{
	background: #F5B9BA;
}
.status-bar dd p i	{
	color: #ffffff !important;
}



hr.line	{
	background: #F5B9BA;
}




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

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

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




.flex-control-paging a				{ background: #343434; }
.flex-control-paging a.flex-active	{ background: #F5B9BA; }




.theme-box	{
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	color: #343434;
}
.theme-box.no-link a	{
	color: #343434;
}
.keyword-list *  {
	color: #343434;
}



.inven-popup-viewer,
.shop_item {
	background-color: #ffffff;
	border: 1px solid #F5B9BA;
	color: #343434;
}
.shop_item #item_name {
	background-color: #B4CFD9;
    color: #ffffff;
    border: 1px solid #B4CFD9;
}

.inventory-list a i	{
	background: #F5B9BA;
	color: #ffffff !important;
	border: 1px solid #F5B9BA;
}



.timeline-Tweet:before { border-top-color: #ffffff; }
.TweetAuthor-name	{ color: #F5B9BA; }




#submenu	{
	background-color:	rgba(0, 0, 0, .5);
	color:				#eeeeee;
	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: #eeeeee;
}
#submenu a:hover	{
	color: #B4CFD9;
}




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

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

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




#tab_list { border-color: #B4CFD9; }







#show {
	color: #ffffff;
	margin: 15px 0 0 15px;
}
.co-memo {
	color: #ffffff;
	text-shadow: -1px -1px 1px #F5B9BA, 1px -1px 1px #F5B9BA, 
	-1px 1px 1px #F5B9BA, 1px 1px 1px #F5B9BA;
}

#load_log_board	{
	}

.board-notice	{
			background-color: #ffffff;
			color: #343434;
		border-radius: 15px;
}

#log_list	{
	}
#log_list .item		{
	
	}

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


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


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

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

#log_list .item .item-inner .co-footer .date,
#log_list .item .item-inner .co-footer a	{
			color: rgba(0,0,0,.3);
		}
#log_list .item .item-inner .co-content .other-site-link	{
			color: #F5B9BA;
	}
#log_list .item .item-inner .co-content .link_hash_tag	{
    position: relative;
    font-weight:bold;
    margin-left: 7px;
    padding: 0px 5px;
    color: #ffffff;
    background-color: #F5B9BA;
    border-radius: 0px 3px 3px 0px;
    filter:drop-shadow(0px 0px 1px #ffffff);
    transition-duration: 0.2s;
}
.link_hash_tag:after {
    content: "";
    position: absolute;
    left: -7px;
    top: 0;
    width: 0;
    height: 0;
    border-right: 7px solid #F5B9BA;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    transition-duration: 0.2s;
}
.link_hash_tag:before {
    content: "";
    width: 4px;
    position: absolute;
    height: 4px;
    left: -2px;
    top: 7px;
    background: #ffffff;
    border-radius: 50%;
    z-index: 2;
}
.link_hash_tag:hover    {
         color: #F5B9BA !important;
        background-color: #ffffff !important;
}
.link_hash_tag:hover:after {
    border-right-color: #ffffff;
}
#log_list .item .item-inner .co-content .log_link_tag	{
			color: #F5B9BA;
	}
#log_list .item .item-inner .co-content .member_call	{
			color: #F5B9BA;
	}

label,
#log_list .item .ui-pic .pic-header .no,
.action-check label,
#log_list .item .ui-pic .pic-data #lock {
	color: #ffffff;
}
#bo_w label,
.board-write label,
.co-content .action-check label,
.board-comment-form label {
	color: #343434;
}





.board-write {
	background: #ffffff;
}
.avocado-list li {
	background: #ffffff;
	color: #343434;
}
.avocado-list.left li .name,
.avocado-list.right li .name	{
	color: #F5B9BA;
}
.avocado-list.left li .info,
.avocado-list.right li .info	{
	color: #343434;
}
.avocado-list.middle * {
	}





.pop_up {
	transform: translate(-250px, -50%);
}

#log_list .item.story .ui-pic .pic-data.ui-slide.on .inner	{ 
	background: #343434;
 }
#log_list .item.story .ui-pic .pic-data.ui-slide.on .inner .data-inner	{ 
	color: #F5B9BA;
 }
 #bo_sch i,
.ui-btn.ico.default,
.searc-sub-box i { color: #ffffff !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: #F5B9BA; }



.board-write {
	background: #ffffff;
}
#bo_v,
.board-viewer {
	background: #ffffff;
}
#bo_v * {
	color: #343434;
}

.clap {
	background: #343434;
}

#bo_list .theme-list th.sat,
#bo_list .theme-list th.sun {
	background-color:#343434;
	color:#ffffff;
}
#bo_list .theme-list th{
	color:#ffffff;
}
#bo_list .theme-list td a{
	color:#343434;
}

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

.board-viewer .subject,
.frm-theme-COMMENT,
#bo_v_title {
	color: #F5B9BA !important;
}




.pop_up {
	transform: translate(-250px, -50%);
}
#bo_gall .gall_li .info span {
	background-color:#B4CFD9;
	color: #ffffff;
}
#bo_gall .gall_li #mod {
	color: #ffffff;
}
.swiper-button-next .fas, .swiper-button-prev .fas {
	color: #F5B9BA;
}
.swiper-pagination-bullet-active {
	background: #F5B9BA !important;
}
#bo_gall li.empty_list {
	color: #ffffff;
}





#character_profile {
	background: #ffffff;
}
#character_profile * {
	color: #343434;
}
option {
	background: #ffffff;
	color: #343434;
}
#character_profile .ch_name {
	color: #F5B9BA !important;
}
#character_profile .ch_script {
	background: linear-gradient(to right, transparent, #F5B9BA);
	color: #ffffff !important;
}
#character_profile .button .ui-btn {
	background: transparent !important;
	color: #343434 !important;
	border-color: #34343433 !important;
}
#character_profile .button .ui-btn.point {
	border-color: #F5B9BA !important;
}
#profile-up,
#profile-down {
	color: #F5B9BA !important;
}

.title-list {
	padding: 10px;
	background-color: #F5B9BA22;
	color: #ffffff;
}

#couple_list li {
	background: #ffffff;
}
#couple_list li .visual i {
	color: #F5B9BA;
}
#go_secret {
	color: #F5B9BA;
}
.closet-list ul li .ui-btm {
	color: #ffffff !important;
	font-size: 8pt;
	opacity:.8;
}

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


#bo_w .write-title,
.txt-center.help,
#log_list .empty_list,
.ui-search-box span,
#member_page .member-title *,
#member_page .member-contents h2,
.no-data { color: #ffffff;}

.theme-box2 .highlight5 {
	background:linear-gradient(to right, #B4CFD9 0%,#ffffff 100%);
	background-size:100% 40%;
	background-position: center 100%;
	background-repeat:no-repeat;
}
.board-list .div_info .div_subject div > span[class^="material-icons"],
.board-list .div_info .div_content a:not(.link_hash_tag) {
	color: #F5B9BA;
}
.sfl,
.stx,
.board-list .div_info .div_content .div_text input[name="wr_pass"] {
	border-width: 0 !important;
	border-bottom: 1px solid #F5B9BA !important;
	border-radius: 0 !important;
}
.sfl,
.stx,
.board-list .div_info .div_subject div > span.subinfo,
#bo_sch button,
.article_info .date,
 {
  color: rgba(0,0,0,.3);
}
#bo_vc .stamp .stamp_menu {
	background: #ffffff;
	border: 1px solid rgba(0,0,0,.3);
}
#bo_vc .stamp .stamp_menu::before {
  border-color: rgba(0,0,0,.3) transparent;
  border-style: solid;eksn
  border-width: 9px 9px 0 9px;
}
.article_info .article_category.notcomplete,
#bo_vc .stamp .stamp_imgWrap[data-status="-1"] {
  background-color: #F5B9BA !important;
}
.article_info .article_category.complete,
#bo_vc .stamp .stamp_imgWrap[data-status="1"] {
  background-color: #dddddd !important;
}

.co-footer .re,
.co-footer .del,
.co-footer .mod {
  color: #ffffff;
}
.co-footer .re:hover,
.co-footer .del:hover,
.co-footer .mod:hover {
  color: ;
}


.link_hash_tag {
  color: #ffffff;
  background-color: #F5B9BA;
}
.link_hash_tag:hover {
  color: #F5B9BA;
  background-color: #ffffff;
  filter: drop-shadow(0px 0px 1px #F5B9BA);
}
.modal a.close-modal {
  background-color: #F5B9BA;
  background-image: none !important;
}
.modal .wr_header input[type="checkbox"]:checked + label::before {
  color: #F5B9BA;
}
#password_box.modal .pass-form input[type="password"] {
  border-width: 0 !important;
  border-bottom: 1px solid #F5B9BA !important;
  border-radius: 0 !important;
}
.article_info,
.article_contentWrap {
	background: #ffffff;
}
.board-category li.selected a,
#bo_vc .stamp .stamp_menu p:hover,
.article_info .article_category {
  background-color: #F5B9BA;
  color: #ffffff;
}
.board-category li a,
.article_contentWrap > span,
.article_info .info_btn {
	background-color: #B4CFD9;
  color: #ffffff;
}
.cal-nav a {
	color: #343434;
}


/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 * 	1) hint--top
 * 	2) hint--bottom
 * 	3) hint--left
 * 	4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top-left:before {
  border-top-color: rgba(0, 0, 0, .5); }

.hint--top-right:before {
  border-top-color: rgba(0, 0, 0, .5); }

.hint--top:before {
  border-top-color: rgba(0, 0, 0, .5); }

.hint--bottom-left:before {
  border-bottom-color: rgba(0, 0, 0, .5); }

.hint--bottom-right:before {
  border-bottom-color: rgba(0, 0, 0, .5); }

.hint--bottom:before {
  border-bottom-color: rgba(0, 0, 0, .5); }

.hint--left:before {
  border-left-color: rgba(0, 0, 0, .5); }

.hint--right:before {
  border-right-color: rgba(0, 0, 0, .5); }
  
[class*="hint--"]:after {
background: rgba(0, 0, 0, .5);
border-radius: 5px; }

img.emoji { width: 13px; 
    vertical-align: top; 
    padding: 3px 0.5px;
    pointer-events: none;  }
    
#emoticon_page * {
	color: #ffffff;
}
.calc-item .name sup a.btn-mod,
.calc-item .name sup a.btn-del {
	background: #B4CFD9;
	color: #ffffff;
}
#main_image_box .content .li {
	border-bottom: 1px solid #F5B9BA;
}

.color_1{background: #ffffff; color: #343434;}
.color_2{background: #B4CFD9; color: #ffffff;}
.color_3{background: #F5B9BA; color: #ffffff;}
.color_4{background:#333333; color: #ffffff;}
.schedule-list .today::after {
			filter: invert(.8);
	}

.index-logo p {
	color: #343434;
}