@charset "UTF-8";
.wfsr { z-index:1099;}
body .acResults {
	padding: 9px; margin-top:1px; margin-left:-1px; width:218px;
	border: 1px solid #b8c3c9;
	border: 1px solid rgba(0, 0, 0, 0.23);
	
	box-shadow: 0 0 5px 0 rgba(55, 70, 79, 0.14);
	-webkit-box-shadow: 0 0 5px 0 rgba(55, 70, 79, 0.14);
	-moz-box-shadow: 0 0 5px 0 rgba(55, 70, 79, 0.14);
	-o-box-shadow: 0 0 5px 0 rgba(55, 70, 79, 0.14);
	
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #666666; top:55px !important;
}
body .acResults ul li { 
	color: #32393d; font-size:13px ; padding: 6px 9px; border-radius: 4px;
	font-family: "Whitney krystal",나눔고딕,NanumGothic,ng,"Lucida grande",Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
body .acResults ul li.acSelect { background-color: #f0f2f4;}
body .acResults ul li span.actoftrue { font-weight:bold; color:#007AFF;}
body .acResults ul li .superLevels{ color: #45BD81;font-weight:bold; }

/* member */
#content-wrapper .form-horizontal { margin:20px 0;}
#content-wrapper .xm, #content-wrapper .xc, #content-wrapper .x { margin-left:9px; margin-right:28px; position:relative;}
#content-wrapper .xm h1 { padding-bottom:9px;}
#content-wrapper .befrozen-container { margin:25px auto;}
div.xe_mobile { position:absolute; bottom:0; left:0; width:100%; padding:0 !important; margin:0 !important;}

/* Make clicks pass-through */
#nprogress { pointer-events: none; }
#nprogress .bar {
  background-image: url(../img/color-line.png);
  background-size: cover; background-repeat:no-repeat;
  position: fixed;
  z-index: 1099;
  top: 0;
  left: 0;
  right:16px;
  height: 2px;
  -moz-transition: opacity .1s,visibility 0s .1s;
  -webkit-transition: opacity .1s,visibility 0s .1s;
  transition: opacity .1s,visibility 0s .1s;
}
/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;

  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner { display: none; }
/* header */
#header {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	position: fixed;
	top: 0px; right: 0; left: 0;
	height: 67px;
	color: white;
	z-index: 999; min-width:760px;
}
#header.glimm-header {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
	-o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
	background-image: url(../img/header-blur.png);
	background-size: 100% 100%;
	background-position: bottom;
	background-repeat: repeat-x;
}
#header .blossom { 
	background-image: url(../img/chemistry.png); 
	background-size: 143px 29px;
	background-position: 0 0;
	width: 143px; height: 29px;
	float: left;
	margin: 17px 2px 0 13px;
	background-repeat: no-repeat;
}
#hamburger-button {
	height: 47px; width: 17px; 	margin-left: 11px;
	float: left;
	left: 0;
	position: relative;
	display: inline-block;
	-webkit-tap-highlight-color: transparent; cursor:pointer;
}
#patty {
	width: 18px; height: 3px; 
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #999; /* #45BE81 ff6060 */ position:relative;
	display: inline-block;
	margin-top:32px;
}
#patty:before, #patty:after {
	display: block;
	content: "";
	position:absolute;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 14px; height: 3px; /* 15px */
	background: #999;
}
.open-starlight #patty:before, 
.open-starlight #patty:after { background: #777;}
.open-starlight #patty {background: #777;}
#patty:before { top:-6px; right:0;}
#patty:after { bottom:-6px; right:0;}

.helix-search { 
	position:relative; float:left; margin:15px 0 0 34px;
	border:1px solid #b8c3c9; /* A2C2DB b8c3c9 dedede  */
	background-color: #fafafa;
	background-color: rgba(227,224,226,0.16);
	
	background-position: 11px 8px;
	background-image: url(../img/helix-search.png);
	background-repeat:no-repeat;
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
	border-radius: 20px;
	box-shadow: 0 4px 0 0 rgba(26,26,26,0.03) inset;
}
.helix-search * { 
	-webkit-transition: width 0.3s ease,background-color 0.3s ease;
	transition: width 0.3s ease,background-color 0.3s ease;
}
.helix-search.focus { border-color:#007AFF; background-color: #fff;}

.helix-search .helix-search-form { display:block;}
.helix-search .helix-search-form.puton { display:none;}

.helix-search .tureSelector { 
	position:absolute; top:7px; left:39px; font-size:11px; color:#A2C2DB;
	display: block; padding: 0 7px; line-height: 21px; height: 21px;
	background:#68757e; border-radius: 3px; color: #fff; /* 68757e 328EFD 0079ff text-shadow: 0 1px 0 rgba(0,0,0,0.3); */
} 
body .acLoading { background-position: 352px 9px;}

.helix-search .tureSelector span { display:none; }
.helix-search .tureSelector span.gadd { display:block; }
.helix-search .tureSelector:hover,
.helix-search.open .tureSelector {background: #0079ff; color: #fff; }

.helix-search .frozen { position:absolute; top:11px; right:9px; font-size:16px; color:#A2C2DB; }

.helix-search.focus .frozen { color:#007AFF; }
.helix-search .dropdown-menu { left:29px; top:38px; }
.helix-search .dropdown-menu .dropdown-caret { left:13px; }

.dropdown-menu .drop-header {
	color: #8a8a8a;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 6px 5px 7px; 
}
.helix-search .dropdown-menu > li > a { font-size: 15px;}

.helix-search .helix-input {
	color:#32393d; border:0; background-color:transparent;
	border-radius: 6px; height:29px; padding:3px 36px 3px 75px; line-height:29px; font-size:14px;
	width:123px; outline:none;
}
.helix-search.superBoard .helix-input { padding:3px 36px 3px 42px; width:156px; }
.helix-search.focus .helix-input { width:269px;  }
.helix-search .helix-input:focus { outline:none;}
/*
.helix-search .helix-input::-webkit-input-placeholder { color:#555;}
.helix-search .helix-input:-moz-placeholder {  color:#555;}
.helix-search .helix-input::-moz-placeholder { color:#555;}
.helix-search .helix-input:-ms-input-placeholder { color:#555;}
*/
.helix-search .helix-group { 
	position: absolute;
	left: 0; top:41px;
	width: 140px; float: left;
	padding: 7px 0;
}
.fade-group { 
	visibility: hidden;
	filter: alpha(opacity=0); opacity: 0;	
	-moz-transition: opacity .1s,visibility 0s .1s;
	-webkit-transition: opacity .1s,visibility 0s .1s;
	transition: opacity .1s,visibility 0s .1s;
}
.open .fade-group { 
	visibility: visible;
	filter: alpha(opacity=95); opacity: 0.95; 
	-moz-transition: opacity .1s;
	-webkit-transition: opacity .1s;
	transition: opacity .1s; 
}

.helix-search .helix { 
	display: block;
	padding: 4px 11px 4px 16px;
	clear: both;
	font-weight: bold;
	line-height: 19px; font-size:14px; position:relative;
	color: #333333;
	white-space: nowrap; cursor:pointer;
}
.helix-search .helix.active { 
  	background: #ff6060;
	background: -webkit-linear-gradient(top,#ff7474 0%,#ff6060 100%);
	background: -moz-linear-gradient(top,#ff7474 0%,#ff6060 100%);
	background: -ms-linear-gradient(top,#ff7474 0%,#ff6060 100%);
	background: -o-linear-gradient(top,#ff7474 0%,#ff6060 100%);
	background: linear-gradient(top,#ff7474 0%,#ff6060 100%);
	background: #49A0FF; /* blue */
	color: #FDFDE4;
}
.helix-search .helix .frozen { display:none; float:right; font-size:14px; top:6px; right:11px; width:14px; height:14px; line-height:14px; position:absolute; }
.helix-search .helix.active .frozen { display:block;  }



/* header profile */
.finale-content { position:relative; float:left; margin:14px 3px 0 24px; }

.finale-content .finale { display:block; padding:0; }
.finale-content .finale-thumb {
	position: relative; float: left; 
	display: inline-block;
	width: 36px; height: 36px; margin-top:2px;
	margin-right:-1px;
}
.finale-content .profileImage { 
	width:36px; height:36px; 
	border-radius: 50%;
	background-size: cover; background-size: 40px 40px;
	box-shadow: 0 0 2px #616161 inset;	
}
.finale-content .profileImage.no-image {
	background:url(../img/default-avatar-small.png) no-repeat; 
}
.finale-content .profileImage.sign {
	background:url(../img/sign.png) no-repeat;
}
.finale-content ul { float:left;}

.finale-content .profileName {
	display: block; line-height:16px; font-size:12px; margin-top:5px;
	padding-left:9px;  color: #32393d; font-weight:bold; 
}
.finale-content .profileMember {
	display: block; line-height:16px; font-size:11px;  
	padding-left:10px;  color: #9c9c9c; clear:both; max-width:133px;
}
.finale-content .finale-group { top:42px; min-width:121px; padding:8px; }
.finale-content .finale-group { left:-4px;}

/* Sign Up/ Login */
.sign-content { 
	position:relative; float:left; margin:21px 3px 0 26px; 
	font-size:15px; line-height:26px; color:#333; 
	font-family: "Helvetica Neue",Helvetica,나눔고딕,NanumGothic,ng,"Lucida grande",Tahoma,Arial,sans-serif;
}
.sign-content.aco { margin:21px 3px 0 3px; color:#007AFF; }
.sign-content.login { margin:21px 3px 0 3px; color:#007AFF; font-weight:bold; }

.sign-content a { 
	height:26px; line-height:26px; 
	display:block; font-size:15px; color:#007AFF;
}
.sign-content a span {  font-weight:normal; }

.sign-content .befrozen{ top:2px; color:#007AFF;}


.finale-write { 
	position: relative; float: left;
	margin: 19px 0 0 3px; line-height:26px; padding:0 13px 0 0;
	-webkit-transition: .1s background-color,.1s border-color,.1s color;
	-moz-transition: .1s background-color,.1s border-color,.1s color;
	-ms-transition: .1s background-color,.1s border-color,.1s color;
	-o-transition: .1s background-color,.1s border-color,.1s color;
	transition: .1s background-color,.1s border-color,.1s color;
}
.finale-write:hover, 
.finale-write:active{   
	border-color: #FF6060; color: #FF6060;
}
.finale-write:hover .finale-fe, 
.finale-write:active .finale-fe{   
	 color: #FF6060;
}
.finale-write .finale-fe {
	margin-right:4px;
	text-align: left; font-size: 20px; top: 5px;
}

.finale-write-divider { position:relative; float:left; margin:0 15px; width:1px; height:33px; background-color:#eee; }


/* content wrapper */
#content-wrapper {
	position: absolute;
	top: 0; left: 0; right: 0; 	bottom: 0;
	overflow-x: hidden;
	overflow-y: scroll; 
	background: #fafafa;
}
.summer-breeze:before {
	display: inline-block;
	content: "";
	position: absolute;
	width: 100%;
	height: 230px;
	background: #f4f4f4;
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#ffffff),to(#fafafa));
	background: -webkit-linear-gradient(0% 0%,0% 100%,from(#ffffff),to(#fafafa));
	background: -moz-linear-gradient(center top,#ffffff,#fafafa);
	background: linear-gradient(#ffffff,#fafafa);
	top: 67px;left: 0;
}
#content-wrapper .glimm-content {
	margin-left:206px; padding:87px 0 30px 7px; position:relative;
}
.open-starlight #content-wrapper .glimm-content { margin-left:0; }

.iSearch input,.iSearch select { color:#333 }

.glimm-starlight {
	position: absolute;
	left: 0; top: 66px; bottom: 0;
	width: 206px; z-index: 7;
}
.open-starlight .glimm-starlight { left:-206px;}

.floating-lanterns {
	background-color:#fff;
	margin-right:6px; height:100%;
}
.lanterns-gleam {
	background-color:#fff;
	border-right:1px solid #ededed; 
}
.touch-line { position:absolute; right:6px; width:1px; top:1px; bottom:0; background-color:#ededed;}


.gleam-adsense { 
	display:block; margin-top:15px;
}
.gleam-adsense .ad-contain {}

.gleam-adsense .ad-actions { 
	background: #000; margin:0 -1px;
	height: 18px; font-size:12px;
	padding: 5px;
	color: #ccc;
	line-height: 18px;
	text-align: center; overflow:hidden;
}
.gleam-adsense .ad-actions.tangle { border-radius: 0 0 5px 5px; }
.gleam-adsense .ad-actions .close {
	float: left; margin-left:2px;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../img/ad_close.png) no-repeat 0 0;
}
.gleam-adsense .ad-actions .upsell {
	float: right;
	margin-right: 9px;
}
.gleam-adsense .ad-actions .upsell a { color:#fff; font-weight:bold;}
/* pascal */
.gleam-adsense .ad-actions.pascal { background: #45BD81; color: #FDFDE4; }
.gleam-adsense .ad-actions.pascal .upsell a { color: #FDFDE4;}


/* levels */
.levels { position:relative; margin:0 10px 0 17px;  }
.levels.hold-on{ padding-bottom:50px; }
.levels .levels-item { position:relative; }
.levels .levels-item.levels-section-label {
	position:relative;
	font-size: 10px;
	line-height: 10px;
	color: #b8c3c9;
	text-transform: uppercase;
	margin-bottom: 6px;
	padding: 19px 5px 0 5px; font-weight:bold; 
}
.levels.hold-on .levels-item.levels-section-label{ padding: 13px 5px 0 5px; }
.levels .levels-link {
	position: relative; display: block; padding: 2px 5px; overflow:hidden;
	font-size: 14px; line-height:18px; color: #32393d; /* font-weight:bold; */
	transition: background-color 75ms linear 0s;
	-webkit-transition: background-color 75ms linear 0s;
	-moz-transition: background-color 75ms linear 0s;
	-o-transition: background-color 75ms linear 0s;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}
.levels .active .levels-link { color: #49A0FF; /* 007AFF #49A0FF */}
.levels .levels-link:hover { background-color: #f0f2f4; }

.levels .levels-item .frozen { display:none; position:relative; float:right; font-size:16px; line-height:18px; -webkit-backface-visibility: hidden;}
.levels .levels-item .elsa-embed-icons { display:inline-block;}
.levels .levels-item.showme .elsa-embed-icons { display:none; }
.levels .levels-item.showme .elsa-embed-icons-1 { display:inline-block; }

.levels .conceal{
 	position:relative; margin:0 0 0 10px; overflow: hidden;
	height:0;
}
.levels .showme .conceal { height:auto;}
.levels.hits .levels-link { font-size:13px; height:19px; line-height:19px; padding: 2px 5px; color:#32393d; }
.levels .levels-link .sugarRushList { 
	text-align:center; display:inline-block;
	width:19px; margin-right:6px;
	line-height: 18px;
	height: 18px;
	background: #f0f2f4;
	font-size: 11px; font-weight:bold;
	color: #333;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	transition: background-color 75ms linear 0s;
	-webkit-transition: background-color 75ms linear 0s;
	-moz-transition: background-color 75ms linear 0s;
	-o-transition: background-color 75ms linear 0s;
}
/* deviant widget */
.levels .deviant-link {
	overflow: hidden;
	position: relative; display: block;
	line-height: 15px;
	padding: 5px;
	
	background-color: #fff;
	transition: background-color 75ms linear 0s;
	-webkit-transition: background-color 75ms linear 0s;
	-moz-transition: background-color 75ms linear 0s;
	-o-transition: background-color 75ms linear 0s;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}
.levels .deviant-link:hover { background-color: #f0f2f4; }
.levels .deviant-thumb { 
	position: relative; float: left;
	width: 30px; height: 30px;
	margin-right: 5px;
}
.levels .deviant-thumb:before {
	content: '';
	position: absolute;
	top: 0;left: 0;bottom: 0;right: 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
	z-index: 1;
	border-radius: 3px;
}
.levels .deviant-img {
	border-radius: 3px; 	width: 30px; height: 30px;
}
.levels .deviant-img:before {
	content: '';
	position: absolute;
	top: 0;left: 0;bottom: 0;right: 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
	z-index: 1;
}
.levels .deviantName {
	white-space: nowrap; height:15px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #94999c; font-size: 11px;
	display: block;
}
.levels .deviantTitle {
	overflow: hidden;
 	max-height:30px; line-height:15px;
	color: #32393d; font-size: 12px;
	display: block;
}
.levels .deviant-co { float:right;}


.t-visi {
	visibility: visible;
	opacity: 1;
	-moz-transition: opacity .1s;
	-webkit-transition: opacity .1s;
	transition: opacity .1s;	
}
.open-starlight .t-visi {
	visibility: hidden;
	opacity: 0;
	-moz-transition: opacity .1s,visibility 0s .1s;
	-webkit-transition: opacity .1s,visibility 0s .1s;
	transition: opacity .1s,visibility 0s .1s;
}
/* nano */
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;  	
}
.nano .content {
  position      : absolute; 
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : -17px;
  bottom        : 0;
  left          : 0;
}
.nano1:after {
	display: inline-block;
	content: "";
	position: absolute;
	width: 100%;
	height: 67px;
	bottom: -16px; left: 0;
	background-image: url(../img/starlight-blur.png);
	background-size: 100% 100%;
	background-position: bottom;
	background-repeat: repeat-x;
}
.nano .content:focus {
  outline: none;
}
.nano .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  background : none; z-index:100;
  position   : absolute;
  width      : 6px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; 
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.nano > .pane > .slider {
	background: #68757e;
	position: relative; margin: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	opacity: 0.75;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
	visibility: visible\9;
	opacity: 0.75;
}

/* Popup Menu Area */
#popup_menu_area{
	position:absolute;background:#fff;border-radius:5px;
	border: 1px solid #b8c3c9;
	border: 1px solid rgba(0, 0, 0, 0.23);
	box-shadow: 0 0 5px 0 rgba(55, 70, 79, 0.14);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	z-index: 1000;
	min-width: 110px;
	padding: 9px;
	margin: 2px 0 0;
	list-style: none;
	font-size: 13px;
}
#popup_menu_area ul{list-style:none;margin:0;padding:0}
#popup_menu_area li{margin:0;padding:0;}
#popup_menu_area a{
  display:block;text-decoration:none;
  clear: both;
  font-weight: normal;
  color: #32393d;
  border-radius: 4px;
  padding: 0 9px;
  line-height: 27px;
  font-weight: 500;
  white-space: nowrap;
}
#popup_menu_area a:hover,
#popup_menu_area a:active,
#popup_menu_area a:focus{
	text-decoration: none;
	background: #1769ff; /* #1769ff 49A0FF */
	color: #FDFDE4;
}