@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
/* Original file: files/cache/assets/compiled/f5e6f04d7c148a665e62e3feba3ec68ed4e43f74.eternium.scss.css */



/* Original file: modules/sociallogin/skins/default/css/default.css */

.sns_icon{padding:0 0 3px 28px;}
.sns_icon.twitter{background:url("../../../../modules/sociallogin/skins/default/img/twitter.png") no-repeat;}
.sns_icon.facebook{background:url("../../../../modules/sociallogin/skins/default/img/facebook.png") no-repeat;}
.sns_icon.google{background:url("../../../../modules/sociallogin/skins/default/img/google.png") no-repeat;}
.sns_icon.naver{background:url("../../../../modules/sociallogin/skins/default/img/naver.png") no-repeat;}
.sns_icon.kakao{background:url("../../../../modules/sociallogin/skins/default/img/kakao.png") no-repeat;}
.sns_icon.discord{background:url("../../../../modules/sociallogin/skins/default/img/discord.png") no-repeat;}
.sns_icon.tiktok {background:url("../../../../modules/sociallogin/skins/default/img/tiktok.svg") no-repeat; width:26px;height:26px;}

.sociallogin_login{padding:0;margin:20px 0 0 0;list-style:none; overflow:hidden;}
.sociallogin_login li{display:block;padding:0; margin-bottom:10px; text-align:center;}

.rechecked_sns_login{padding:0;margin:20px 0 0 0;list-style:none; overflow:hidden;}
.rechecked_sns_login li{display:block;padding:0; margin-bottom:10px;}

.sociallogin_twitter .loginBtn {display:inline-block;background: #2596E9;color: white; width: 200px; border-radius:5px;text-align:left;}
.sociallogin_twitter a.loginBtn {text-decoration:none;}
.sociallogin_twitter .loginBtn:hover {background: #55ACEE;cursor:hand;}
.sociallogin_twitter span.label {font-weight:bold;}
.sociallogin_twitter span.icon {background: url("../../../../modules/sociallogin/skins/default/img/btn_twitter.png") transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 43px;height:40px;}
.sociallogin_twitter span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

.sociallogin_facebook .loginBtn {display:inline-block;background: #3B5998;color: white; width: 200px; border-radius:5px;text-align:left;}
.sociallogin_facebook a.loginBtn {text-decoration:none;}
.sociallogin_facebook .loginBtn:hover {background: #5577BD;cursor:hand;}
.sociallogin_facebook span.label {font-weight:bold;}
.sociallogin_facebook span.icon {background: url("../../../../modules/sociallogin/skins/default/img/btn_facebook.png") transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 43px;height:40px;}
.sociallogin_facebook span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px; font-size:12px;}

.sociallogin_google .loginBtn {display:inline-block;background: #ffffff; font-family: 'Roboto-Medium'; color:#333333; width: 200px; border-radius:5px;text-align:left;}
.sociallogin_google a.loginBtn {text-decoration:none;}
.sociallogin_google span.label {font-weight:bold;}
.sociallogin_google span.icon {background: url("../../../../modules/sociallogin/skins/default/img/btn_google.png") transparent 10px 50% no-repeat; background-size: 32px 32px;display: inline-block;vertical-align: middle;width: 43px;height:40px;}
.sociallogin_google span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px; font-size: 14px;}

.sociallogin_naver .loginBtn {display:inline-block;background: #1ec800;color: white; width: 200px; border-radius:5px;text-align:left;}
.sociallogin_naver a.loginBtn {text-decoration:none;}
.sociallogin_naver .loginBtn:hover {background: #25d805;cursor:hand;}
.sociallogin_naver span.label {font-weight:bold;}
.sociallogin_naver span.icon {background: url("../../../../modules/sociallogin/skins/default/img/btn_naver.png") transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 43px;height:40px;}
.sociallogin_naver span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

.sociallogin_kakao .loginBtn {display:inline-block;background: #FEE500;color:#000000; width: 200px; border-radius:5px;text-align:left;}
.sociallogin_kakao a.loginBtn {text-decoration:none;}
.sociallogin_kakao .loginBtn:hover {background: #FFDE00;cursor:hand;}
.sociallogin_kakao span.label {font-weight:bold;}
.sociallogin_kakao span.icon {background: url("../../../../modules/sociallogin/skins/default/img/btn_kakao.png") transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 43px;height:40px;}
.sociallogin_kakao span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

.sociallogin_discord .loginBtn {display:inline-block;background: #7289da;color:white; width: 200px; border-radius:5px;text-align:left;}
.sociallogin_discord a.loginBtn {text-decoration:none;}
.sociallogin_discord .loginBtn:hover {background: #839dfb;cursor:hand;}
.sociallogin_discord span.label {font-weight:bold;}
.sociallogin_discord span.icon {background: url("../../../../modules/sociallogin/skins/default/img/btn_discord.png") transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 43px;height:40px;}
.sociallogin_discord span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

.sociallogin_github .loginBtn {display:inline-block;background: white;color:#3c1e1e; width: 200px; border-radius:5px;text-align:left;}
.sociallogin_github a.loginBtn {text-decoration:none;}
.sociallogin_github .loginBtn:hover {background: #d8d8d8;cursor:hand;}
.sociallogin_github span.label {font-weight:bold;}
.sociallogin_github span.icon {background: url("../../../../modules/sociallogin/skins/default/img/btn_github.png") transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 43px;height:40px;}
.sociallogin_github span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

.sociallogin_apple .loginBtn {display:inline-block;background: white;color:#3c1e1e; width: 200px; border-radius:5px;text-align:left;}
.sociallogin_apple a.loginBtn {text-decoration:none;}
.sociallogin_apple .loginBtn:hover {background: #d8d8d8;cursor:hand;}
.sociallogin_apple span.label {font-weight:bold;}
.sociallogin_apple span.icon {background: url("../../../../modules/sociallogin/skins/default/img/btn_apple.png") transparent 10px 50% no-repeat;display: inline-block;vertical-align: middle;width: 43px;height:40px;}
.sociallogin_apple span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

.sociallogin_tiktok .loginBtn {display:inline-block;background: white;color:#3c1e1e; width: 200px; border-radius:5px;text-align:left;}
.sociallogin_tiktok a.loginBtn {text-decoration:none;}
.sociallogin_tiktok .loginBtn:hover {background: #d8d8d8;cursor:hand;}
.sociallogin_tiktok span.label {font-weight:bold;}
.sociallogin_tiktok span.icon {background: url("../../../../modules/sociallogin/skins/default/img/tiktok.svg"); display: inline-block;vertical-align: middle;width: 43px;height:40px;}
.sociallogin_tiktok span.buttonText {display:inline-block;vertical-align:middle;padding-left:10px;}

/* Original file: modules/message/skins/t2b/css/message.css */

#access{
	width: 360px;
	margin: 5px auto;
	padding: .5rem;
	background-color: var(--color-gray-50);
    border-radius: 1rem;
	box-shadow: var(--card-shadow);
	box-sizing: initial;
	font-family: NanumBarunGothic, 'Malgun Gothic', Dotum, 'Apple SD Gothic Neo', AppleGothic, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 480px) {
	#access { width: 300px; }
}

#access .login-header { margin: 30px; padding: 0; border-radius: 1rem;}
#access .login-header h1 { margin: 0; padding: 1rem; font-size: 16px; line-height: 20px; color:#ff7902; font-weight:normal; }
#access .login-header .message { border: 0; border-radius: 0; padding: 0; margin: 20px 0 0 0; }

#access .login-body { margin: 30px; padding: 0; }
#access .login-body p { margin: 0; padding: 0; }
#access .login-body form { margin: 0; padding: 0; }
#access input[type=text], #access input[type=email], #access input[type=password] {
	font-family: Arial, NanumBarunGothic, 'Malgun Gothic', Dotum, 'Apple SD Gothic Neo', AppleGothic, sans-serif;
	font-size: 13px;
	line-height: 17px;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	padding: 6px;
	margin-bottom: 8px;
}
#access input[type=checkbox] { margin: 0 4px 0 0; position: relative; top: 2px; }

#access .login-body .control-group { margin-bottom: 16px; }
#access .login-body a.button {
	line-height: 54px;
}
#access .login-body .button {
	display: block;
	width: 100%;
	height: 54px;
	border: 0;
	background-color: var(--color-primary);
	border-radius: 1rem;
	font-size: 16px;
	font-family: inherit;
	text-align: center;
	text-decoration: none;
	color: #eee;
}
#access .login-footer {
	margin: 30px;
	text-align: center;
	border-top: 0;
	color: #888;
}
#access .login-footer>a{text-decoration:none;font-size:13px;color:#888}
#access .login-footer>a:hover,
#access .login-footer>a:active,
#access .login-footer>a:focus{text-decoration:underline}
#access .login-footer>.bar{display:inline-block;margin:0 8px;color:#aaa}

/* Original file: files/cache/assets/compiled/4886c94b1e05b1f2bc887a4509a5d8cc35686706.member.scss.css */

.app-member {
  display: flex;
  width: 100%;
  min-height: 100%;
}
@media (max-width: 768px) {
  .app-member {
    display: block;
  }
}
.app-member-side {
  flex: 0 0 auto;
  width: 14rem;
}
@media (max-width: 768px) {
  .app-member-side {
    width: 100%;
  }
}
.app-member-card {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  background-color: var(--color-grouped-content-background);
  box-shadow: rgba(0, 0, 0, 0.05) 0 2px 12px, rgba(0, 0, 0, 0.025) 0 4px 32px;
}
.app-member-card .app-member-card-header {
  display: flex;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid var(--color-gray-300);
}
.app-member-card .app-member-card-header h1 {
  margin-bottom: 0;
  margin-right: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
}
.app-member-card .app-member-card-header span {
  color: var(--color-primary);
  font-size: 1rem;
}
.app-member-card .app-member-card-body {
  padding: 1rem;
}
.app-theme-dark .app-member-card {
  box-shadow: rgba(0, 0, 0, 0.15) 0 4px 12px;
}
@media (max-width: 768px) {
  .app-member-menu > ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem;
  }
}
@media (max-width: 768px) {
  .app-member-menu > ul > li {
    margin: 0.25rem;
  }
}
.app-member-menu > ul > li a {
  display: block;
  padding: 0.75rem 1rem;
  color: var(--color-gray-700);
  font-size: 0.875rem;
}
.app-member-menu > ul > li a:hover {
  color: var(--color-black);
  text-decoration: none !important;
  background-color: var(--color-gray-100);
}
@media (max-width: 768px) {
  .app-member-menu > ul > li a {
    padding: 0.5rem 1rem;
    border-radius: 9999px;
  }
}
.app-member-menu > ul > li.app-active > a {
  color: var(--color-primary);
  font-weight: bold;
}
@media (max-width: 768px) {
  .app-member-menu > ul > li.app-active > a {
    color: var(--color-text-primary);
    background-color: var(--color-primary);
  }
}
.app-member-content {
  flex: 1;
  padding-left: 1rem;
}
@media (max-width: 768px) {
  .app-member-content {
    padding-left: 0;
  }
}
.app-validator-message {
  padding: 0.75rem;
  margin-bottom: 1rem;
  color: var(--color-black);
  font-size: 0.875rem;
  background-color: var(--color-gray-200);
  border-radius: var(--border-radius-3);
  border: 1px solid var(--color-gray-300);
}
.app-validator-message p {
  font-size: 0.875rem;
}
.app-validator-message.error {
  color: var(--color-text-primary);
  background-color: var(--color-danger);
}
.app-member-list {
  margin-bottom: 1rem;
}
.app-member-list > li {
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-gray-300);
  transition: 0.3s;
}
.app-member-list > li:hover {
  background-color: var(--color-gray-100);
}
.app-member-list > li > a {
  display: block;
  color: var(--color-black);
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
.app-member-list > li .app-member-list-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: var(--color-gray-700);
}
.app-member-list > li .app-member-list-meta > div {
  margin-right: 0.5rem;
}
/* sourceMappingURL=4886c94b1e05b1f2bc887a4509a5d8cc35686706.member.scss.map */

/* Original file: files/cache/assets/compiled/4886c94b1e05b1f2bc887a4509a5d8cc35686706.member-list.scss.css */

.app-member-list {
  margin-bottom: 1rem;
}
.app-member-list > li {
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-gray-300);
  transition: 0.3s;
}
.app-member-list > li:hover {
  background-color: var(--color-gray-100);
}
.app-member-list > li > a {
  display: block;
  color: var(--color-black);
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
.app-member-list > li .app-member-list-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: var(--color-gray-700);
}
.app-member-list > li .app-member-list-meta > div {
  margin-right: 0.5rem;
}
/* sourceMappingURL=4886c94b1e05b1f2bc887a4509a5d8cc35686706.member-list.scss.map */

/* Original file: files/cache/assets/compiled/4886c94b1e05b1f2bc887a4509a5d8cc35686706.member-form.scss.css */

.app-member-form > li {
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-gray-300);
}
.app-member-form > li > label {
  display: flex;
  align-items: center;
  color: var(--color-gray-800);
  font-size: 1rem;
  margin-bottom: 0.1rem;
}
.app-member-form > li > label > em {
  color: var(--color-danger);
  margin-right: 0.25rem;
}
.app-member-form > li button, .app-member-form > li input, .app-member-form > li optgroup, .app-member-form > li select, .app-member-form > li textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
  font-size: 1.5rem;
}
.app-member-form > li > label[for="signature"] + div {
  color: black;
  background-color: white;
}
.app-member-form > li input[type="text"], .app-member-form > li input[type="email"], .app-member-form > li input[type="password"], .app-member-form > li input[type="url"] {
  width: 100%;
}
.app-member-form > li input[type="text"]:disabled, .app-member-form > li input[type="email"]:disabled, .app-member-form > li input[type="password"]:disabled, .app-member-form > li input[type="url"]:disabled {
  cursor: not-allowed;
  color: var(--color-gray-600);
}
.app-member-form > li button {
  padding: 0.5rem 1rem;
  margin-right: 0.5rem;
  color: var(--color-black);
  font-size: 0.75rem;
  font-weight: bold;
  background-color: var(--color-gray-200);
  border-radius: var(--border-radius-3);
  border: none;
  outline: none !important;
}
.app-member-form > li .help-block {
  padding-top: 0.5rem;
  color: var(--color-gray-700);
  font-size: 0.75rem;
}
.app-member-form > li .app-error {
  padding-top: 0.25rem;
  color: var(--color-danger);
  font-size: 0.75rem;
}
#profile_imagetag {
  margin-bottom: 1rem;
}
#profile_imagetag > img {
  cursor: pointer;
  width: 5rem;
  height: 5rem;
  margin-bottom: 1rem;
  border-radius: 100%;
  overflow: hidden;
}
#profile_imagetag + input[type="file"] {
  display: none;
}
/* sourceMappingURL=4886c94b1e05b1f2bc887a4509a5d8cc35686706.member-form.scss.map */