*								{margin:0;padding:0;outline:none;box-sizing:border-box;text-size-adjust:none; font-family:-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",'나눔바른고딕 옛한글','NanumBarunGothic YetHangul',sans-serif; }
html							{margin :0; padding :0; line-height:150%; color:#666; letter-spacing:-0.5px; }
html, body						{width:100%; height:100%;word-break:break-all; }
body {
	position:relative;
	min-width:320px; 
	background-color: #090d19;
	display: flex; 
	flex-direction: column; 
	align-items: center;
	padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
}



h2								{display:block; }
ul, ol							{list-style-type:none; } 
nav ul, li						{list-style:none; }
table							{border-collapse:collapse; border-spacing:0; }
b, strong						{font-weight:500; }

fieldset,iframe					{margin :0; border :0; vertical-align:middle; } 
img								{max-width: 100%; height: auto; }
label,i							{cursor:pointer;}
caption,legend					{visibility:hidden;width:0; height:0; font-size:0; line-height:0px; }
object,video,embed				{position:relative; top:0; left:0; max-width:100%; }
hr								{overflow:hidden; visibility:hidden; width:0; height:0; margin:0; padding:0; position:absolute; }


input							{vertical-align: middle; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
input:focus						{border:1px solid #007fdf;}
textarea						{resize:none;border:none; background:none; }

template,
datalist,
section h6						{display:none;}

em								{font-style:normal;}

button							{border:0; background:none; }
button,
input,
select,
textarea						{font:inherit; vertical-align:middle; box-sizing:border-box; }

input[type="button"],
input[type="reset"],
input[type="submit"]			{cursor: pointer; overflow: visible; box-sizing: border-box; -webkit-appearance: button; appearance: button;vertical-align:middle;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea,
datalist						{-webkit-appearance: none; appearance: none; }

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
	display: none;
}
 
select							{position:relative;min-width:80px;min-height:40px;background:#fff;border:1px solid #ccc; padding: 0  10px;}
textarea						{overflow:auto; resize:none;}


input[type="checkbox"],
input[type="radio"]				{width:14px; height:14px; line-height:14px; box-sizing:border-box; }
input[type="search"]			{box-sizing:content-box; }
a								{text-decoration:none; cursor:pointer; color:#444; }
a:link,
a:visited,
a:hover,
a:focus,
a:active						{text-decoration:none; } 

.blind							{display:none;}
.block							{display:block !important;}
.inlineblock					{display:inline-block !important;}
.left							{text-align:left !important; }
.center							{text-align:center !important; }
.right							{text-align:right !important; } 
.fgray							{color:gray !important; }
.fred							{color:#f22800 !important; }
.fsky							{color:#3090d6 !important; }
.fmint							{color:#4ec8ce !important; }
.fblue							{color:#0575e9 !important; }
.fmint							{color:#1cb1b8 !important; }
.forange						{color:#ff9933 !important; }
.fblack							{color:#000 !important; }
.fwhite							{color:#fff !important; }
.fbold							{font-weight:500 !important; }

.fl								{float:left; }
.fr								{float:right; }

.cb								{clear:both; margin:0; }
.cursor							{cursor:pointer; }

.ghelp							{color: #fe6600; font-size:0.9em;}



.pt5					{padding-top:5px !important; }
.pt10					{padding-top:10px !important; }
.pt15					{padding-top:15px !important; }
.pt20					{padding-top:20px !important; }
.pt25					{padding-top:25px !important; }
.pt30					{padding-top:30px !important; }
.pt35					{padding-top:35px !important; }
.pt40					{padding-top:40px !important; }

.mt20					{margin-top:20px !important; }


.w30p					{width:30px !important; }
.w40p					{width:40px !important; }
.w50p					{width:50px !important; }
.w60p					{width:60px !important; }
.w70p					{width:70px !important; }
.w80p					{width:80px !important; }
.w90p					{width:90px !important; }
.w100p					{width:100px !important; }
.w200p					{width:200px !important; }


.w50					{width:50% !important; }
.w60					{width:60% !important; }
.w70					{width:70% !important; }
.w80					{width:80% !important; }
.w90					{width:90% !important; }
.w100					{width:100% !important; }


.h10p					{height:10px !important; }
.h20p					{height:20px !important; }
.h30p					{height:30px !important; }
.h40p					{height:40px !important; }
.h50p					{height:50px !important; }
.h60p					{height:60px !important; }
.h70p					{height:70px !important; }
.h80p					{height:80px !important; }
.h90p					{height:90px !important; }
.h100p					{height:100px !important; }


.nolist							{text-align: center !important;background:#161c2c !important;padding: 50px 0 !important;color: #fff !important;border-radius:10px !important;}

.gtable									{border-collapse:collapse; width:100%; table-layout:fixed;background:#fff;}
.gtable thead th						{background:#f5f5f5; color:#111; font-weight:400;padding:18px 0;line-height:1.1em;font-size:0.95em; letter-spacing:-1px;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5; text-align:center;} 
.gtable thead th b						{font-weight:500;}
.gtable thead th:first-child			{border-left:0;} 
.gtable tbody th						{padding:10px 8px; background:#15172b; border:1px solid #1b1b1b;color:#fff; font-size:0.95em; }
.gtable tbody th:first-child			{border-left:0;}
.gtable tbody th:last-child				{border-right:0;}
.gtable tbody th span					{font-size:0.85em;color:#ec0b0b;}
.gtable tbody td						{padding:10px 10px;font-size:0.95em;letter-spacing:-1px;word-break:break-all; background:#303245; color:#fff; border:1px solid #1b1b1b; } 
.gtable tbody td:first-child			{border-left:0;} 
.gtable tbody td:last-child				{border-right:0;}
.gtable tfoot th,
.gtable tfoot td						{background:#efefef; color:#333; padding:0px 6px;word-break:break-all; font-weight: normal; height:48px; line-height:48px; letter-spacing:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; font-size:0.95em; }
.gtable tfoot th:last-child,
.gtable tfoot td:last-child				{border-right:0 !important;}

.gtable .btit							{position:relative;padding-top:3px;padding-bottom:3px; font-size:1.05em;color:#333; font-weight:500;}
.gtable .mobile							{display:none; }

@media screen and (max-width:1024px) {
	.gtable .mobile						{display:block; }
	.gtable .none						{display:none; }
}



.disable-selection {
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	user-select: none;
}

input[type="datetime-local"],
input[type="date"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    box-sizing: border-box;
}



header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height:55px;
    box-sizing: border-box;
	background-color: #090d19;
    padding: 10px;
    color: #fff;
    z-index: 1000;
}

header section {
	max-width: 785px;
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin:0 auto;
}

header .left-section {
    display: flex;
    align-items: center;
}

header .welcome-text {
    font-size: 18px;
    margin-left: 10px;
}

header .icons {
    display: flex;
    align-items: center;
}

header .icon-container {
    position: relative;
}

header .icon-container i {
    font-size: 1.3em;
    color: #fff;
}

header .notification-dot {
    position: absolute;
    top: 0;
    right: 0;
    width: 7px;
    height: 7px;
    background-color: red;
    border-radius: 50%;
}

header .user-avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}


.footer							{display:none;position:fixed; width:100%; bottom:0; overflow:hidden; }
.backtop						{display:none; position:fixed; right:15px; bottom:90px; width:50px; height:50px; opacity:0.5; z-index:220; background:#fff; border:1px solid #aaa; border-radius:100%; cursor:pointer; box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); transition:all 0.5s ease;}
.backtop:after					{content:''; position:absolute; top:20px; right:18px; border:solid #333; border-width:2px 2px 0 0;  padding:5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}


.main_container {width: 100%;max-width: 785px;padding:55px 0px;position: relative;}
.sub_container {width: 100%;max-width: 785px;padding:55px 0px;position: relative;}

.main_menu {
	margin-top:30px;
    display: grid;
	grid-template-columns: repeat(4, 1fr);
    gap: 40px;
	justify-items: center;
}

.main_menu .box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 150px;
    border-radius: 20px;
    color: #000;
    font-size: 18px;
    text-align: center;
}

.main_menu .box i {
    font-size: 1.5em;
}

.main_menu .box .title {
    margin-top: 10px;
    font-weight: bold;
}

.main_menu .box .value {
    margin-top: 5px;
    font-size: 1.2em;
}

.main_menu .yellow {
    background-color: #ffffa5;
}

.main_menu .light-yellow {
    background-color: #ffffc4;
}

.main_menu .purple {
    background-color: #d9aef6;
}

.main_menu .orange {
    background-color: #ffc4a1;
}


@media screen and (max-width:785px) {
	.sub_container {padding:55px 10px;}

	.main_menu {
		gap: 30px;
	}
}

@media screen and (max-width:480px) {
	.main_menu {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}
	.main_menu .box {
		height:120px;
	}
}

nav {position: fixed;bottom: 0;width: 100%;max-width:785px;background: linear-gradient(to bottom, #1b1b1b, #090d19);display: flex;justify-content: space-around;}
nav .nav-item {flex: 1;text-align: center;padding-top: 5px;color: #999;text-decoration: none; transition: background-color 0.3s ease;}
nav .nav-item i {font-size: 1.3em;display: block; margin-top: 2px;}
nav .nav-item span {font-size: 0.8em;display: block; margin-top: 2px;}
nav .nav-item.on {color:#fff;}







#money_date {
	max-width: 785px;
	width:calc(100% - 20px);
	text-align:center;
	height:40px;
	line-height:40px;
	color:#cccccc;
	background:#090d19;
	position:fixed;
}

#money_date i {
	font-size: 1.5em;
	color:#cccccc;
}

#money_date span {
	font-size: 1.5em;
	margin: 0px 10px;
}



#money_summary {
    background-color: #161c2c;
    border-radius: 10px;
    padding: 15px;
	max-width: 785px;
    width:calc(100% - 20px);
    text-align: center;
    color: white;
    position: relative;
    margin: 40px 0px 10px 0px;
	position:fixed;
}

#money_summary.repeat {
	margin: 0px 0px 10px 0px;
}

#money_summary .details {
    display: flex;
    justify-content: space-between;
}

#money_summary .change {
    padding: 5px;
    display: inline-block;
}

#money_summary .info {
	width:75%;
}

#money_summary .info .price {
    font-size: 1.6em;
    margin-bottom: 10px;
}

#money_summary .info i {
    font-size: 0.8em;
}

#money_summary .info .high {
    color: #4975f9;
}

#money_summary .info .low {
    color: #f7527a;
}



.money_usecircle {
  margin: 0px auto;
  width: 70px;
  height: 70px;
  background: #e6e2e7;
  border-radius: 50%;
}


.money_usecircle .inside-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #161c2c;
  color:#fff;
  line-height: 50px;
  text-align: center;
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
  z-index: 100;
  font-weight: 700;
  font-size: 0.8em;
}

.money_usecircle .circle .mask,
.money_usecircle .circle .fill {
  width: 70px;
  height: 70px;
  position: absolute;
  border-radius: 50%;
}

.money_usecircle .circle .mask {
  clip: rect(0px, 70px, 70px, 35px);
}

.money_usecircle .circle .mask .fill {
  clip: rect(0px, 35px, 70px, 0px);
  /*background-color: #9e00b1;*/
  /*background-color: #00AEEF;*/
  /*background-color: #FF6F61;*/
  background-color: #32CD32;
  /*background-color: #8A2BE2;*/
  /*background-color: #FFC107;*/
}


.money_usecircle .circle .mask.full,
.money_usecircle .circle .fill {
  animation: money_usecircle_animate forwards 1s;
}







#money_ul {
	margin-top:164px;
	padding-bottom:60px;
	list-style:none;
}

#money_ul.repeat {
	margin-top:124px;
}

#money_ul.msummery {
	margin-top:106px;
}

#money_ul.search {
	margin-top:10px;
}

#money_ul .lis {
	background-color: #161c2c;
    border-radius: 10px;
	margin-top:10px;
	padding-bottom:8px;
	overflow:hidden;
	color: #ffffff;
}

#money_ul .lis .day_groups {
	clear:both;
	height:55px;
}

#money_ul .lis .day_groups .dates {
	float:left;
	padding:2px 0px 0px 10px;
}

#money_ul .lis .day_groups .dates .date {
	font-size:0.5em;
	font-weight:normal;
	height:15px;
	text-align:center;
}

#money_ul .lis .day_groups .dates .day {
	float:left;
	font-size:1.3em;
	font-weight:bold;
	text-align:right;
	height:30px;
	line-height:30px;
}

#money_ul .lis .day_groups .dates .yoil {
	display:inline-block;
	margin-left: 5px;
	font-size:0.7em;
	font-weight:normal;
	border-radius:5px;
	padding:0px 5px;
	height:19px;
	line-height:18px;
}

#money_ul .lis .day_groups .dates .normal {
	background:#ccc;
	color:#111;
}

#money_ul .lis .day_groups .dates .red {
	background:#f7527a;
	color:#efefef;
}

#money_ul .lis .day_groups .dates .blue {
	background:#4975f9;
	color:#efefef;
}

#money_ul .lis .day_groups .money1s {
	float:right;
	font-size:0.9em;
	color:#4975f9;
	padding:13px 0px 0px 20px;
	text-align:right;
	width:100px;
}

#money_ul .lis .day_groups .money2s {
	float:right;
	font-size:0.9em;
	color:#f7527a;
	padding:13px 10px 0px 0px;
	text-align:right;
	width:100px;
}

#money_ul .lis > ul {
	border-top:1px solid #090d19;
	padding:8px 10px 0px 10px;
}

#money_ul .lis > ul li {
	clear:both;
	overflow:hidden;
	padding:5px 0px;
}

#money_ul .lis > ul li .times {
	float:left;
	width:20%;
	font-size: 0.8em;
	color:#ccc;
}

#money_ul .lis > ul li .memos {
	font-size:0.9em;
	float:left;
	width:50%;
	line-height:130%;
}

#money_ul .lis > ul li .memos div {
	font-size:0.8em;
	color:#ccc;
}

#money_ul .lis > ul li .moneys {
	float:right;
	width:30%;
	text-align:right;
	font-size: 0.9em;
}






#money_catewrap {
	padding-bottom:60px;
}

#money_catewrap .tits {
	font-size:1.1em;
	font-weight:bold;
	height: 55px;
    line-height: 55px;
	padding-left:15px;
	color: #ffffff;
}

#money_catewrap ul {
	list-style:none;
	background:#161c2c;
	border-radius: 10px;
}

#money_catewrap ul li {
	padding:10px;
	overflow:hidden;
	border-bottom:1px solid #090d19;
	cursor:pointer;
	color: #ffffff;
	clear:both;
}

.money_cateul .lis .sorts {
	float:left;
	width:70px;
	text-align:center;
}

.money_cateul .lis .sorts .arr_top, .arr_btm				{position:relative; display: inline-block; cursor:pointer; width:30px; height:30px; border-radius: 50%; border:none; background:#007BFF; vertical-align:middle; }
.money_cateul .lis .sorts .arr_top:after					{display:block; content:''; position:absolute; top:12px; right:10px; border:solid #ffffff; border-width:3px 3px 0 0; border-radius:1px;  padding:3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.money_cateul .lis .sorts .arr_btm:after					{display:block; content:''; position:absolute; top:8px; right:10px; border:solid #ffffff; border-width:0 0 3px 3px; border-radius:1px;  padding:3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.arr_top:hover, .arr_btm:hover	{border-color:#a9a9a9;}


.money_cateul .lis .names {
	float:left;
	width:40%;
	line-height:32px;
	font-size:1.05em;
	margin-left:10px;
}

.money_cateul .lis .dels {
	float:right;
}

.money_cateul .lis .dels .btn {
	background-color: #ff4d4d;
	border-radius: 30px;
	width:50px;
	height:32px;
	line-height:32px;
	border: 0;
	box-sizing: border-box;
	font-size:0.9em;
	color: #fff;
	cursor: pointer;
	text-align: center;
	vertical-align:middle;
}





#money_paywrap {
	padding-bottom:60px;
}

#money_paywrap .tits {
	font-size:1.1em;
	font-weight:bold;
	height: 55px;
    line-height: 55px;
	padding-left:15px;
	color: #ffffff;
}

#money_paywrap ul {
	list-style:none;
	background:#161c2c;
	border-radius: 10px;
}

#money_paywrap ul li {
	padding:10px;
	overflow:hidden;
	border-bottom:1px solid #090d19;
	cursor:pointer;
	color: #ffffff;
	clear:both;
}

#money_payul .lis .sorts {
	float:left;
	width:70px;
	text-align:center;
}

#money_payul .lis .sorts .arr_top, .arr_btm				{position:relative; display: inline-block; cursor:pointer; width:30px; height:30px; border-radius: 50%; border:none; background:#007BFF; vertical-align:middle; }
#money_payul .lis .sorts .arr_top:after					{display:block; content:''; position:absolute; top:12px; right:10px; border:solid #ffffff; border-width:3px 3px 0 0; border-radius:1px;  padding:3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
#money_payul .lis .sorts .arr_btm:after					{display:block; content:''; position:absolute; top:8px; right:10px; border:solid #ffffff; border-width:0 0 3px 3px; border-radius:1px;  padding:3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.arr_top:hover, .arr_btm:hover	{border-color:#a9a9a9;}


#money_payul .lis .names {
	float:left;
	width:40%;
	line-height:32px;
	font-size:1.05em;
	margin-left:10px;
}

#money_payul .lis .dels {
	float:right;
}

#money_payul .lis .dels .btn {
	background-color: #ff4d4d;
	border-radius: 30px;
	width:50px;
	height:32px;
	line-height:32px;
	border: 0;
	box-sizing: border-box;
	font-size:0.9em;
	color: #fff;
	cursor: pointer;
	text-align: center;
	vertical-align:middle;
}




.form_container {
  background-color: #15172b;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 20px 15px;
  width: 100%;
}

.form_container .title-text {
  color: #eee;
  font-size: 36px;
  font-weight: 600;
  margin-bottom:20px;
}

.input-group {
  position: relative;
  width: 100%;
}

.input-field {
  background-color: #303245;
  border-radius: 12px;
  border: 0;
  box-sizing: border-box;
  color: #eee;
  font-size: 18px;
  height: 50px;
  outline: 0;
  padding: 4px 20px 0;
  width: 100%;
}

.textarea-field {
  background-color: #303245;
  border-radius: 12px;
  border: 0;
  box-sizing: border-box;
  color: #eee;
  font-size: 18px;
  height: 100px;
  outline: 0;
  padding: 10px 20px;
  width: 100%;
  resize: none;
}

.select-field {
  background-color: #303245;
  border-radius: 12px;
  border: 0;
  box-sizing: border-box;
  color: #eee;
  font-size: 18px;
  height: 50px;
  outline: 0;
  padding: 10px 20px;
  width: 100%;
}

.placeholder-label {
  background-color: #15172b;
  border-radius: 10px;
  height: 20px;
  left: 20px;
  position: absolute;
  top: -20px;
  transform: translateY(0);
  transition: transform 200ms;
  width: 95px;
}

.input-field:focus ~ .placeholder-label,
.input-field:not(:placeholder-shown) ~ .placeholder-label,
.textarea-field:focus ~ .placeholder-label,
.textarea-field:not(:placeholder-shown) ~ .placeholder-label,
.select-field:focus ~ .placeholder-label,
.select-field:not(:placeholder-shown) ~ .placeholder-label {
  transform: translateY(8px);
}

.placeholder-text {
  color: #888;
  left: 20px;
  line-height: 14px;
  pointer-events: none;
  position: absolute;
  transform-origin: 0 50%;
  transition: transform 200ms, color 200ms;
  top: 20px;
}

.input-field:focus ~ .placeholder-text,
.input-field:not(:placeholder-shown) ~ .placeholder-text,
.textarea-field:focus ~ .placeholder-text,
.textarea-field:not(:placeholder-shown) ~ .placeholder-text,
.select-field:focus ~ .placeholder-text,
.select-field:not(:placeholder-shown) ~ .placeholder-text {
  transform: translateY(-30px) translateX(10px) scale(0.75);
}

.input-field:not(:placeholder-shown) ~ .placeholder-text,
.textarea-field:not(:placeholder-shown) ~ .placeholder-text,
.select-field:not(:placeholder-shown) ~ .placeholder-text {
  color: #808097;
}

.input-field:focus ~ .placeholder-text,
.textarea-field:focus ~ .placeholder-text,
.select-field:focus ~ .placeholder-text {
  color: #dc2f55;
}

.form_container .choice-field {
    position: relative;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 12px;
    background-color: #303245;
	color: #eee;
}

.form_container label input[type="radio"],
.form_container label input[type="checkbox"] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.form_container label input[type="radio"]:checked + .choice-field,
.form_container label input[type="checkbox"]:checked + .choice-field {
    border: 2px solid #007fdf;
    color: #007fdf;
}

.form_container .radio-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.form_container .radio-group label {
  width: 50%;
  display: block;
}

.form_container .radio-label {
  color: #eee;
  font-size: 18px;
  margin-right: 20px;
}

.form_container .select-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.form_container .select-group select {
  width: 50%;
  display: block;
}

.form_container .submit01 {
  display: inline-block;
  background-color: #08d;
  border-radius: 12px;
  border: 0;
  box-sizing: border-box;
  color: #eee;
  cursor: pointer;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.form_container .submit02 {
  display: inline-block;
  background-color: #08d;
  border-radius: 12px;
  border: 0;
  box-sizing: border-box;
  color: #eee;
  cursor: pointer;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  width: 49%;
  vertical-align: middle;
}

.form_container .submit03 {
  display: inline-block;
  background-color: #fff;
  border-radius: 12px;
  border: 0;
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  width: 49%;
  vertical-align: middle;
}

.form_container .submit01:active,
.form_container .submit02:active {
  background-color: #06b;
}


.reset-button {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
	color: #000;
}




#monitor_wrap {
	padding-bottom:60px;
}

#monitor_wrap .tits {
	font-size:1.1em;
	font-weight:bold;
	height: 55px;
    line-height: 55px;
	padding-left:15px;
	color: #ffffff;
}






#setting_wrap {
	padding-bottom:60px;
}

#setting_wrap .tits {
	font-size:1.1em;
	font-weight:bold;
	height: 55px;
    line-height: 55px;
	padding-left:15px;
	color: #ffffff;
}

#setting_wrap ul {
	list-style:none;
	background:#161c2c;
	border-radius: 10px;
}

#setting_wrap ul li {
    line-height: 45px;
	padding-left:15px;
	border-bottom:1px solid #090d19;
	cursor:pointer;
	color: #cccccc;
}

#setting_wrap ul li .arrow_r {
	float:right;
	padding-right:15px;
}

#setting_wrap ul li .set_txt {
	float:right;
	padding-right:15px;
	color:#ff3300;
	font-size:0.8em;
}

#setting_wrap ul li .set_bg {
	float:right;
	margin:13px 12px 0px 0px;
	width:20px;
	height:20px;
	line-height:20px;
	border:1px solid #999;
}






#setting_money_monthstart .sels {
	padding:10px 0px;
	background:#fff;
}

#setting_money_monthstart .sels select {
	float:right;
	margin-right:10px;
	border:0;
	width:50%;
	background:#f7f7f7;
	height:28px;
	line-height:28px;
}

#setting_money_monthstart .btn01 {
	display:inline-block;
	font-size:1.2em;
	border:0;
	background:#e06868;
	width:100%;
	line-height:45px;
	color:#fff;
	padding:0px 10px;
	vertical-align:middle;
	cursor:pointer;
}


#setting_money_nextauto .sels {
	padding:10px 0px;
	background:#fff;
}

#setting_money_nextauto .sels select {
	float:right;
	margin-right:10px;
	border:0;
	width:50%;
	background:#f7f7f7;
	height:28px;
	line-height:28px;
}

#setting_money_nextauto .btn01 {
	display:inline-block;
	font-size:1.2em;
	border:0;
	background:#e06868;
	width:100%;
	line-height:45px;
	color:#fff;
	padding:0px 10px;
	vertical-align:middle;
	cursor:pointer;
}



#setting_passwd .dotbox			{width:100%;padding: 20px;text-align:center; margin-bottom:10px;}
#setting_passwd .tits			{font-size:1.5em; font-weight:bold; height: 55px; line-height: 55px; color:#fff;  }
#setting_passwd .hint			{font-size: 0.9em; margin-top: 6px; color:#fff;}
#setting_passwd .help			{display:none;text-align:center;font-size: 0.9em; color:#ff3300; margin-top: 10px;}
#setting_passwd .dotdiv input::-webkit-input-placeholder	{color: #8bc4ea !important;}
#setting_passwd .dotdiv input:-moz-placeholder				{color: #8bc4ea !important;}
#setting_passwd .dotdiv input::-moz-placeholder				{color: #8bc4ea !important;}
#setting_passwd .dotdiv input:-ms-input-placeholder			{color: #8bc4ea !important;}
#setting_passwd .dotdiv input	{width: 34px;height: 50px;line-height: 100%;background-color: transparent;border: 0;font-size: 2em;word-spacing: 0px;overflow: hidden;text-align: center;color: transparent;text-shadow: 0 0 0 #2196f3;}



#check_passwd .dotbox			{display:none;width:100%;padding: 20px;text-align:center; margin-bottom:10px;}

#check_passwd .help				{display:none;text-align:center;font-size: 0.9em; color:#ff3300; margin-top: 10px;}
#check_passwd .dotdiv input::-webkit-input-placeholder		{color: #8bc4ea !important;}
#check_passwd .dotdiv input:-moz-placeholder				{color: #8bc4ea !important;}
#check_passwd .dotdiv input::-moz-placeholder				{color: #8bc4ea !important;}
#check_passwd .dotdiv input:-ms-input-placeholder			{color: #8bc4ea !important;}
#check_passwd .dotdiv input		{width: 34px;height: 50px;line-height: 100%;background-color: transparent;border: 0;font-size: 2em;word-spacing: 0px;overflow: hidden;text-align: center;color: transparent;text-shadow: 0 0 0 #2196f3;}




#check_passwd {
	position:relative;
	text-align:center;
}

#check_passwd .dotbox			{width:100%;padding: 20px;text-align:center; margin-bottom:10px;}

#check_passwd .profile-img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	margin: 20px auto 10px auto;
}

#check_passwd .tits				{font-size:1.3em; font-weight:bold; height: 40px; color:#fff; line-height: 40px;  }

#check_passwd .hint				{font-size: 0.9em; color:#ccc;}

#check_passwd .pin-inputs {
	display: flex;
	justify-content: center;
	margin: 15px 0;
}

#check_passwd .pin-input {
	width: 40px;
	height: 40px;
	border: 2px solid #333;
	background-color: #2d2d39;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	margin: 0 5px;
	border-radius: 5px;
}

/*
#check_passwd .pin-input:active,
#check_passwd .pin-input:focus {
    border: none;
    border-bottom: 1px solid #02e7f5;
    outline: none
}
*/

#check_passwd .pin-input.invalid {
	border-color: red;
}

#check_passwd .message {
	color: red;
	display:none;
	font-size: 0.9em;
}

#check_passwd .find-pin {
	display:none;
	color: #4a90e2;
	text-decoration: none;
	margin-top: 20px;
	/*display: inline-block;*/
}



#setting_feedback .btn01 {
	display:inline-block;
	font-size:1.2em;
	border:0;
	background:#e06868;
	width:100%;
	line-height:45px;
	color:#fff;
	padding:0px 10px;
	vertical-align:middle;
	cursor:pointer;
}







#privacy_wrap			{width: 100%;max-width: 785px;padding:55px 0px;position: relative;}
#privacy_wrap .tits		{color:#ffffff;font-size:1.5em;font-weight:bold;letter-spacing:0px;text-align:center;padding:20px 0px;line-height:1.4;}
#privacy_wrap .cont		{color:#ffffff;padding:20px 10px 40px 10px;line-height:1.4;}
#privacy_wrap .cont b	{font-weight:bold;}



#login_wrap					{position:relative; max-width:650px; margin:  auto; text-align:center; padding:20px;}
#login_wrap .logo img		{width:270px;} 
#login_wrap ul				{overflow:hidden;text-align:center;margin-top:30px;}
#login_wrap ul li			{display:block; width:200px; font-weight:bold; line-height:48px; border-radius:30px; padding-left:20px; cursor:pointer;margin:8px auto;}
#login_wrap .sns_n			{background:url('../img/sns_n.png') no-repeat 10px #1dc800;color:#fff;background-size:28px auto;}
#login_wrap .sns_k			{background:url('../img/sns_k.png') no-repeat 10px #ffeb00;color:#000;background-size:28px auto;}
#login_wrap .sns_g			{background:url('../img/sns_g.png') no-repeat 10px #cc3731;color:#fff;background-size:28px auto;}