@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 */
.glimm-content .form-horizontal { margin:20px 0;}
.glimm-content .xm, .glimm-content .xc { margin-left:9px;}
.glimm-content .xm h1 { padding-bottom:9px;}
.glimm-content .befrozen-container { margin-left: 4px;}
.glimm-content .xm, .glimm-content .xc { margin-right:28px;}
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: -8px;
	height: 67px;
	color: white;
	z-index: 999; min-width:760px;
}
#header.glimm-header {
	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.07);
	-o-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.07);
    background-color: #FFF;
	background-size: 100% 100%;
	background-position: bottom;
	background-repeat: repeat-x;
}

#header .blossom { 
	background-image: url(../img/chemistry.png); 
	background-position: 0 0;
	width: 143px; height: 38px;
	float: left;
	margin: 17px 10px 0 13px;
	background-repeat: no-repeat;
	margin-left:22px;
	margin-top:19px;
}
/* menu on/off 버튼 */
#hamburger-button {
	height: 47px; width: 0px; /* width:17px; */ 	margin-left: 11px;
	float: left;
	left: 0;
	position: relative;
	display: inline-block;
	-webkit-tap-highlight-color: transparent; cursor:pointer;
}
/* menu on/off 버튼 */
#patty {
	width: 0px;/* width: 18px; */ height: 3px; 
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #999; /* #45BE81 ff6060 */ position:relative;
	display: inline-block;
	margin-top:32px;
}
/* menu on/off 버튼 */
#patty:before, #patty:after {
	display: block;
	content: "";
	position:absolute;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 0px;/*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 {/*메인화면 검색창*/ 
 /* width, height: 랭킹,about us 페이지 검새창 크기 */
	position:relative; float:left; margin:13.5px 0 0 34px;
	border:3px solid #373737;/*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: 0px; /*20px 검색창 라운드*/
	box-shadow: 0 0 0 0 rgba(26,26,26,0.03) inset; /* 검색창 쉐도우 : 0 4 0 0 */
	margin-left:39px;
}
.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:#FDD408; 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:0px; color:#A2C2DB; /* font-size:11px; */
	display: block; padding: 0 7px; line-height: 21px; height: 0px; /* 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: 0px; height:29px; padding:3px 36px 3px 41px; line-height:29px; font-size:14px; /* padding: 3 36 3 75 */
	width:408px; outline:none;
}
.helix-search.superBoard .helix-input { padding:3px 36px 3px 42px; width:156px; }
.helix-search.focus .helix-input { width:408px;  }
.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 29px; }
.finale-content .finale { display:block; padding:0; }

.finale-content .profileImage { 
	width:35px; height:35px; margin-top:3px;
	border-radius: 100px;
	background-size: cover; background-size: 40px 40px;
	box-shadow: 0 0 2px #616161 inset;
	float: left; margin-right:-1px;
}
.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:black; } /* 회원가입/로그인 원색: color:#007AFF; */
.sign-content.login { margin:21px 3px 0 3px; color:black;} /* 로그인 버튼 볼드 처리 : font-weight:bold; color:#007AFF; */

.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:14px 0 0 3px; 	
	border:0px solid #007AFF; border-radius: 6px;
}
.finale-write .finale-fe { 
	display:block;
	line-height: 38px; height:0px;
	padding: 0 8px 0 9px;
	text-align: center; font-size:19px; top:0;
}
.finale-write .finale-fe.frozen { font-size:0px} /* 글작성 버튼 사이즈 */

.finale-write:hover,
.finale-write:active{ border-color:#ff6060  }
.finale-write:hover .finale-fe,
.finale-write:active .finale-fe { color:#ff6060  }

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


/* content wrapper */
#content-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: scroll; 
	background: #fff;
}
.summer-breeze:before {
	display: inline-block;
	content: "";
	position: absolute;
	width: 100%;
	height: 230px;
	background: #fff;
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#ffffff),to(#fff));
	background: -webkit-linear-gradient(0% 0%,0% 100%,from(#ffffff),to(#fff));
	background: -moz-linear-gradient(center top,#ffffff,#fff);
	background: linear-gradient(#ffffff,#fff);
	top: 67px;left: 0;
}
#content-wrapper .glimm-content {
	position: relative;
	margin-left:188px; padding:87px 0 30px 8px; background-color:#FFF; padding-left:25px;
}
.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; min-height:990px;
	border-right:0px solid #ededed; 
}
.touch-line { position:absolute; right:0px; width:0px; top:0px; 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; display: block; }
.levels .levels-item.levels-section-label {
	font-size: 10px;
	line-height: 10px;
	color: #b8c3c9;
	text-transform: uppercase;
	margin-bottom: 6px;
	padding: 21px 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; 
	font-size: 14px; line-height:18px; color: #32393d; /* font-weight:bold; */
	
	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 .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;
	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: 100px;
}
.levels .deviant-img {
	border-radius: 100px; 	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: 12px;
	display: block;
}
.levels .deviantTitle {
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis; height:15px;
	color: #32393d; font-size: 12px;
	overflow: hidden;
	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      : hidden;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  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      : 0px;
  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;
}


#google_translate_element {
	margin-top: 15px;
	margin-right: 30px;
	float: right;
}

.skiptranslate:not([style*='none']) + #header {
	padding-top: 40px;
}