html {overflow-y: scroll;-ms-content-zooming: none;-ms-touch-action: pan-x pan-y;background:#f6f6f6;color:#777}
html, body {-webkit-text-size-adjust: none}

#wrapper {max-width:600px !important;background:#f6f6f6 !important}

.boxed-layout {background:#f6f6f6}
/* main page */
#page-wrapper {background:#f6f6f6;padding:10px;margin:0px;padding-top:0px !important}

button:focus {outline:0 !important;}

a.none-outline {outline:none;border:0px}
a.disabled {cursor:default;pointer-events: none;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}

.color_brand1 {color:#f33156}
.color_brand2 {color:#0fc3a7}
.color_brand3 {color:#1c7aff}
.color_brand4 {color:#b756f0}

.color_brand {color:#006092}
.color_currency {color:#ffaf00}
.color_default_gray {color:#333}
.color_blue_light {color:#48d6ff}
.color_blue_dark {color:#219abd}
.color_red_light {color:#ff4848 !important}
.color_red {color:#bb0000}
.color_blue {color:#006092}
.color_black {color:#000000}
.color_gray_dark {color:#333333}
.color_disalbed {color:#aaaaaa !important}
.color_green_light {color:#40ff44}
.color_pink_light {color:#ff74fd}

ul {list-style:none;padding:0px;margin:0px}
li {padding:0px;margin:0px}

i.fa-check-square {font-size:20px;margin:0px 5px 0 0;color:#006092}
i.fa-square {font-size:20px;margin:0px 5px 0 0;color:#ccc}

.top-progressbar {position:absolute;left:0px;top:0px;width:100%;z-index:99999 !important;display:none}
.top-progressbar table {width:100%;}
.top-progressbar .wrap {position:relative;background:rgba(255,255,255,0.0);width:100%;height:10px;border-radius:0px;border:solid 0px #fff;overflow:hidden;text-align:left}
.top-progressbar .wrap .progress {position:absolute;left:0px;top:0px;width:0%;height:10px;border-radius:0px;background:#b756f0}	

.member_golden_bell {text-align:left;margin-bottom:1px;}
.member_golden_bell.on .txt {color:#000 !important}
.member_golden_bell.on i.fa-bell {float:left;font-size:13px;padding:5px 3px 0 1px;color:#ffea00;text-shadow:0px 0px 2px black;opacity:1.0}
.member_golden_bell.off .txt {color:#999 !important}
.member_golden_bell.off i.fa-bell {float:left;font-size:13px;padding:5px 3px 0 1px;color:#f9f9f9;text-shadow:0px 0px 2px black;opacity:1.0}

.member_split_ratio {text-align:left;margin-bottom:1px;}
.member_split_ratio.on .txt {color:#000 !important}
.member_split_ratio.on i.fa-user {float:left;font-size:12px;padding:2px 3px 0 1px;color:#0dc8b3;text-shadow:0px 0px 1px black;opacity:1.0}
.member_split_ratio.off .txt {color:#999 !important}
.member_split_ratio.off i.fa-user {float:left;font-size:12px;padding:2px 3px 0 1px;color:#eee;text-shadow:0px 0px 1px black;opacity:1.0}

#popup-comment-input {position:fixed;background:rgba(0,0,0,0.5);z-index:9990;top:-50%;left:-50%;width:200%;height: 200%;display:none}

#at-user-list {position:absolute;left:0px;top:20px;z-index:99999;border:solid 1px #aaa;border-radius:5px;background:#fff;width:150px;min-height:35px;padding:3px;display:none}
#at-user-list ul {max-height:150px;overflow-y:scroll}
#at-user-list li {padding:6px 4px 6px 4px}
#at-user-list table {width:100%}
#at-user-list .profile {width:28px;padding-right:6px}
#at-user-list .profile img {width:26px;height:26px;border:solid 1px #ddd}


#spend-write i.fa-calendar-alt {font-size:20px;color:orange;margin-right:5px;}
#spend-write i.fa-photo {font-size:22px;color:#278100;margin-right:5px}
#spend-write i.fa-map-marker-alt {font-size:20px;color:#b00000;margin-right:5px}
#spend-write i.public_type {font-size:20px;color:#b00000;margin-right:5px}

#schedule-write .subinfo i.fa-calendar-alt {font-size:20px;color:orange;margin-right:5px;}
#schedule-write .subinfo i.fa-photo {font-size:22px;color:#278100;margin-right:5px}
#schedule-write .subinfo i.fa-map-marker-alt {font-size:20px;color:#b00000;margin-right:5px}
#schedule-write .subinfo i.public_type {font-size:18px;color:#b00000;margin-right:5px}

#member-split-popup {}
#member-split-popup button.remove:active:hover i {color:#000 !important}

.font-identity {display: block;font-size:12px;-webkit-transform: scale(.6); transform: scale(.6); -webkit-transform-origin: left top; transform-origin: left top;border:solid 0px #000;width:166.66666%;width:calc(100%/.6);white-space:norwrap;overflow:hidden;text-overflow:ellipsis;}

.font-identity-people {display: block;font-size:12px;-webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: left top; transform-origin: left top;border:solid 0px #000;width:166.66666%;width:calc(100%/.8);white-space:norwrap;overflow:hidden;font-weight:600;margin-top:-1px;font-family:arial}
.font-identity-people i {-webkit-transform: scale(.75); transform: scale(.75);}
s
.scroll::-webkit-scrollbar {width: 0.5em;}
.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.scroll::-webkit-scrollbar-thumb {background-color: darkgrey;outline: 1px solid slategrey;}

/* div, table등의 가운데 정렬 : 상위에 position:relative로 감싸줘야 함 */
.pull-center {position: absolute;left: 50%; top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}


.txt_line {width:auto;padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.txt_post {height:auto;display: -webkit-box; display: -ms-flexbox; display: box; margin-top:1px;overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:3 }


#blueimp-gallery .indicator {display:none}	 

.text-shadow {text-shadow:1px 1px 1px black}

.btn {font-size:11px}
.btn-default {border:solid 1px #cccccc}
.btn-default:focus {background:#ffffff}

/* 버튼 스타일 없애기 */
button.clean {background:rgba(0,0,0,0);border:0px;padding:0px;margin:0px}

.form-control {border:solid 1px #cccccc}

.background_brand {background:#006092}

.btn_follow {background:#0090ff;color:#ffffff}
.btn_follow:hover {background:#087cd5;color:#ffffff}

.number {font-family:arial}

.alpha50 {opacity:0.5;filter: alpha(opacity=50)}
.alpha100 {opacity:1.0 !important;filter: alpha(opacity=100) !important}

.clearfix {clear:both}

/* vertical align */
.valign-box {height:100%;display:table;width: 100%;padding: 0;}
.valign-middle {height: 100%; display:table-cell; vertical-align: middle;}

/* 모달 팝업창 사이즈 제한 */
.modal-dialog {max-width:500px}

.switchbox {height:50px;padding:0px 0px 0 0px}
.switchbox table {width:100%}
.switchbox .title {font-size:14px;font-weight:600;color:#333333;}
.switchbox .comment {font-size:10px}
.switchbox .right {text-align:right;padding-left:10px}

/* gnb */
.gnb {position:fixed;top:0px;left:0px;width:100%;height:50px;background:#fff;z-index:999;border-bottom:solid 1px #ccc;text-align:center}
.gnb .logo {text-align:center;padding:2px 0 0 15px;min-width:70px}
.gnb .logo img {width:70px}
.gnb .logo .txt {font-size:8px;padding-top:3px;color:#666666}

.gnb .left button {text-align:left}

.gnb .center {text-align:center; word-break: break-all}
.gnb .right .btn-list {border:solid 0px #000;float:right}
.gnb .right .btn-div {padding:0px;width:50px;height:50px;text-align:center;border-right:solid 1px #ddd}
.gnb .right .btn-div button {width:49px;height:49px;border:solid 0px;border-radius:0px}

.gnb .right .btn-div-left {border-left:solid 1px #ddd;width:51px}
.gnb .right .btn-div img {width:28px;opacity:0.4;filter: alpha(opacity=40)}

.gnb .right .profile {float:right;padding:0px 30px 0 0}
.gnb .right .profile .name {float:right;padding:4px 0 0 10px;color:#777}
.gnb .right .profile img {width:28px;height:auto;float:right;border:solid 1px #ddd}

/* 정사각형 이미지 */
.square {position: relative;max-width:300px;border:0px}
.square:after {content: "";display: block;padding-bottom: 100%;}
.square .content {position: absolute;width: 100%;height: 100%;}
.square .content img {object-fit: cover;height: 100%; width: 100%;}


/* ******************** */
.search-area {padding-top:0px;position:relative;height:45px;width:100%}
.search-area .input {position:absolute;left:0px;top:0px;z-index:0px;height:45px;border:solid 0px #ddd;width:100%;padding-left:40px;padding-right:40px;font-size:15px}
.search-area img {position:absolute;left:10px;top:10px;z-index:10;width:23px;opacity:0.3;filter: alpha(opacity=30)}

.search-area .submit {position:absolute;top:1px;left:200px;z-index:10}
.search-area .submit button {border:solid 0px;border-radius:0 20px 20px 0;color:#aaa;width:50px;height:32px;background:rgba(0, 0, 0,0);font-size:14px}
.search-area .submit button:hover {background:rgba(0, 0, 0, 0);}
.search-area .submit button:active {border:solid 0px;border-radius:0 20px 20px 0;color:#333;background:rgba(0, 0, 0, 0);text-shadow:0px;box-shadow:10px}

.search-area .remove {position:absolute;top:5px;right:0px;z-index:10;font-family:arial}
.search-area .remove button {border:solid 0px;border-radius:0 20px 20px 0;color:#aaa;width:50px;height:32px;background:rgba(0, 0, 0,0);font-size:19px}
.search-area .remove button:hover {background:rgba(0, 0, 0, 0);}
.search-area .remove button:active {border:solid 0px;border-radius:0 20px 20px 0;color:#333;background:rgba(0, 0, 0, 0);text-shadow:0px;box-shadow:10px}

.snb .menu-list {text-align:left;padding:0px 0 0 25px}
.snb .menu-list ul {padding:0px;margin:0px;list-style:none}
.snb .menu-list li {float:left;font-size:18px;font-weight:bold;margin-right:40px;height:40px;padding:0px}
.snb .menu-list li.on {border-bottom:solid 3px #000;color:#000}

.snb button {border:solid 0px;font-size:18px;font-weight:bold;background:#fff;padding-top:8px}
.snb button:hover {color:#000}

.left-menu {position:fixed;top:60px;width:155px;background:#fff;border:solid 1px #ddd;padding:0px 10px 10px 0px}
.left-menu .main-group {margin-right:10px}
.left-menu button.main {margin:10px 10px 0 10px;padding:0px 0px 5px 0px;font-weight:bold;font-size:18px;color:#444444;border:0px;width:100%;border-bottom:solid 2px #888;background:rgba(0, 0, 0, 0);text-align:left}
.left-menu button.main:hover {color:#000000}
.left-menu .sub-group {margin:5px 10px 0 10px;font-size:15px}
.left-menu button.sub {width:100%;text-align:left;background:rgba(0, 0, 0, 0);border:0px}
.left-menu button.sub:hover {color:#333;text-decoration:underline}
.left-menu button.sub.on {font-weight:600;color:#333;text-decoration:underline;}

.body {padding:49px 0 39px 0px}
.body .center-area {padding:0px 0px 0px 0px}

button img {opacity:0.5;filter: alpha(opacity=50)}

.dropdown-menu {max-height:250px;overflow-y:auto}

/* 스케줄 목록 해더 */
.schedule {background:#fff;margin:0px 0 10px 0;padding:0px}
.schedule .ibox-content {padding:0px;margin:0px}
.schedule .memo-txt {background:#fff;padding:10px 15px 10px 15px;font-size:13px;color:#333}
.ulink {font-weight:600;color:#006092;}
.ulink:hover {text-decoration:underline}
.tlink {font-weight:600;color:#006092;}
.tlink:hover {text-decoration:underline}
/* .schedule .memo-txt.ellipsis {overflow:hidden;white-space:nowrap;text-overflow: ellipsis;width:100px} */

.schedule-header {min-height:45px}

.schedule-profile-left {width:auto;color:#777;cursor:pointer;}
.schedule-profile-left .image {padding:5px 5px 5px 10px;}
.schedule-profile-left .image img {width:35px;height:35px;object-fit:cover;border:solid 1px #ddd}
.schedule-profile-left .name {padding:0px 0 2px 0px;font-weight:600;color:#000}
.schedule-profile-left .location {font-size:10px;font-weight:400}
.schedule-profile-right {padding:5px 0 0 10px;text-align:right;min-width:120px;cursor:pointer}
.schedule-profile-right .more {text-align:right;padding:0px 10px 0 0;margin-top:-5px}
.schedule-profile-right .more img {width:25px;opacity:0.7;filter: alpha(opacity=70)}
.schedule-profile-right .etc {font-size:11px;color:#888;padding:0px 13px 0 0;text-align:right}
.schedule-profile-right .etc .schedule_group {width:16px;margin-right:0px;opacity:0.5;filter: alpha(opacity=50)}
.schedule-profile-right .etc .public_type {width:16px;margin-right:2px;opacity:0.5;filter: alpha(opacity=50)}
.schedule-profile-right .etc .public_type_str {float:right;padding:1px 0 5px 0}
.schedule-profile-right .etc .latest {float:right;padding:1px 0 5px 0}

.list-invite-body {margin-top:5px;margin-bottom:5px;display:none}
.list-invite-object {margin:0px;margin-top:-1px}
.schedule-invite-left {width:auto;color:#777;cursor:pointer;}
.schedule-invite-left .image {padding:5px 5px 5px 10px;vertical-align:top}
.schedule-invite-left .image img {width:35px;height:35px;object-fit:cover;border:solid 1px #ddd}

.schedule-invite-left .text {padding:4px 0 5px 0px;font-weight:400;color:#777;font-size:12px;}
.schedule-invite-left .title {font-weight:600;color:#000;margin:0px;padding:0px;font-size:12px;margin-bottom:1px}
.schedule-invite-left .title a {color:#000}
.schedule-invite-left .from {font-weight:600;color:#444}
.schedule-invite-left .to {font-weight:600;color:#444}
.schedule-invite-left .date {font-size:9px;color:#aaa}

.schedule-invite-right {padding:0px 10px 0 10px;text-align:right;min-width:150px}
.schedule-invite-right button {width:60px;padding-left:0px;padding-right:0px}
.schedule-invite-right .allow {margin-right:3px}

.list-invite-alert-body {margin-top:5px;margin-bottom:4px;display:block}
.list-invite-alert-object {margin:0px;margin-top:-1px}

/* 스케줄 more 팝오버 */
.schedule-more-popover li {font-size:14px}
.schedule-more-popover img {width:18px;height:18px;margin:0 5px 3px 0;opacity:0.5;filter: alpha(opacity=50)}

/* 팝오버 */
/* .show-pop-dropdown img {width:24px;height:24px;margin-top:2px} */
.show-pop-dropdown .inline {padding:4px 0 0 0;display:inline-block}
.show-pop-dropdown .block1 {display:block}
/* 팝오버 목록 */
.show-pop-dropdown-list li {font-size:14px}
.show-pop-dropdown-list img {width:20px;height:20px;margin:0 5px 3px 0;}
.show-pop-dropdown-list .txt {padding:4px 0 0 0;display:inline-block}
.show-pop-dropdown-list.alpha img {opacity:0.5;filter: alpha(opacity=50)}

/* 해더 영역 */
.title-top {position:fixed;z-index:1000;left:0px;top:0px;width:100%}
.title-top .background-title {width:100%;height:50px;padding:0px 50px 0px 50px}
.title-top .center {width:100%;height:50px;background:rgba(0,0,0,0);border:solid 0px #000;padding:0px;font-size:20px}
.title-top .center .title {font-weight:600;color:#222;height:27px;overflow:hidden}
.title-top .center .date {font-size:12px;margin-top:0px;margin-top:0px;display:none1}
.title-top .left {text-align:left;position:absolute;left:0px;top:0px;width:70px;height:50px;background:rgba(0,0,0,0);border:0px;padding-left:10px}
.title-top .left .fa-angle-left {font-size:30px;margin:0px 3px 0 5px;color:#006092}
.title-top .right {text-align:right;position:absolute;right:0px;top:0px;width:70px;height:50px;background:rgba(0,0,0,0);border:0px;padding-right:10px}
.title-top .right .fa-ellipsis-h {font-size:15px;margin:0px 5px 0 0}
.title-top .right .fa-cog {font-size:20px;margin:0px 5px 0 0}
/*
.title-top {position:fixed;z-index:1000;left:0px;top:0px;width:100%}
.title-top .default {width:100%;min-height:48px;border:solid 0px;border:solid 0px #000}
.title-top .default .left {width:60px}
.title-top .default .left button {text-align:left;height:48px;padding-bottom:5px}
.title-top .default .left button img {text-align:left}
.title-top .default .center {width:auto;height:48px;font-size:10px;padding:0px 15px 0 15px;text-align:center; word-break: break-all}
.title-top .default .center.txt {text-align:center;word-break: break-all}
.title-top .default .right {width:60px;text-align:right}
.title-top .default .right button {text-align:right;height:48px;padding-bottom:5px}
.title-top .default .left button img, .right button img {width:25px}
.title-top .default button {padding:7px 10px 0px 10px;margin:0px;height:100%;width:100%;border:solid 0px;background:rgba(0, 0, 0, 0)}
.title-top .default button:hover:active {color:#333333;background:rgba(0, 0, 0, 0)}
.title-top .default .logo {}
.title-top .default .logo img {height:16px;opacity:1.0;filter: alpha(opacity=100)}
.title-top .default .logo .txt {padding-top:2px}
.title-top .default .logo .title {font-size:200%;height:auto;font-weight:600;margin-top:-6px}
.title-top .default .logo .top {margin-top:-7px}
.title-top .default .logo .date {font-size:10px;padding:0px;margin-top:-3px}
*/

/*
.right-top-btn {position:absolute;right:0px;top:0px;width:60px}
.right-top-btn button {text-align:right;height:45px;padding:7px 10px 0px 10px;margin:0px;height:100%;width:100%;border:solid 0px;background:rgba(0, 0, 0, 0)}
.right-top-btn button:hover:active {color:#333333;background:rgba(0, 0, 0, 0)}
.right-top-btn button .group {text-align:center;width:auto}
.right-top-btn button .txt {font-size:9px;margin-top:-3px;margin-bottom:5px;}
*/


/* 지출 취소 버튼 */
.title-top .cancel {color:#555555 !important;font-weight:500;font-size:17px}

/* 지출 저장 버튼 */
.title-top .confirm {color:#006092 !important;font-weight:600;font-size:17px}
.title-top .confirm.off {color:#bbbbbb !important}

/* 멤버 추가 */
.title-top .add-member {text-align:right;padding-left:30px}
.title-top .add-member .txt {font-size:9px;margin-top:-3px;margin-bottom:5px}

.no-scroll {position:fixed;width:100%}

/* 검색바 */
.search-body .search-bar {position:absolute;left:0px;top:1px;background:#ffffff;height:45px;display:none}
.search-body .search-bar .btn2 {font-size:16px;font-weight:600;height:45px;margin-top:2px;background:rgba(0, 0, 0, 0);border:0px}
.search-body .search-bar .btn2:hover:active {border:0px;background:rgba(0, 0, 0, 0);text-shadow:0px;box-shadow:0px;color:#219abd}
.search-body .search-bar .btn-close {padding:0px 10px 0 15px}
.search-body .search-bar .btn-search {padding:0px 13px 0 5px;margin-top:-2px;display:none}
.search-body .search-bar .btn-clear {;margin-top:0px;display:none}
.search-body .search-bar .btn-clear img {width:30px;padding-top:0px}
.search-body .search-bar .search-img {position:absolute;left:68px;top:11px;width:23px;z-index:10}
.search-body .search-bar .input-group {width:100%}
.search-body .search-bar input {border:0px;padding-left:28px;margin-top:6px;width:100%}

.search-body .search-bar.show {display:block;width:100% !important;margin:0px}
.search-body .search-bar.show .search-img {left:15px}
.search-body .search-bar .margin0 {width:100%;padding:0px;margin:0px}
.search-body .search-bar .margin0 input {padding-left:45px;width:100%}

.search-modal {height:45px}
.search-modal .search-bar {position:relative;background:#ffffff;height:45px;margin:0px}
.search-modal .search-bar .input-group {width:100%}
.search-modal .search-bar .btn2 {font-size:16px;font-weight:600;height:45px;margin-top:2px;background:rgba(0, 0, 0, 0);border:0px}
.search-modal .search-bar .btn2:hover:active {border:0px;background:rgba(0, 0, 0, 0);text-shadow:0px;box-shadow:0px;color:#219abd}
.search-modal .search-bar .btn-search {padding:0px 15px 0 10px}
.search-modal .search-bar .btn-clear {display:none}
.search-modal .search-bar .btn-clear img {width:30px;padding-top:0px}
.search-modal .search-bar .search-img {position:absolute;left:10px;top:11px;width:23px;z-index:10}
.search-modal .search-bar input {border:0px;padding-left:28px;margin-top:7px;font-size:15px;width:100%}


/* 스케줄 목록 */
.body-top .right {float:right}
.schedule-body {position:relative;height:180px;overflow:hidden;cursor:pointer}
.schedule-body .background {position:absolute;left:0px;top:0px;width:100%}
.schedule-body .background.blur {width:150%;left:-25%;position:absolute;top:0px;filter: blur(30px);}

.schedule-body .bg {width:100%;height:220px;object-fit:cover;position:absolute;left:0px;top:0px}
.schedule-body .blind {position:absolute;left:0px;top:0px;text-align:center;width:100%;height:220px;background:#000;opacity:0.5}
.schedule-body .title-date {position:absolute;left:0px;top:0px;width:100%;height:180px}
.schedule-body .title-date table {height:200px;width:100%;margin-top:-20px}
.schedule-body .title-date td {text-align:center;color:#fff}
.schedule-body .title-date .title {text-align:center;width:100%;color:#FFF;font-size:26px;text-shadow:2px 1px 2px black;font-weight:bold;padding:0px 10px 0px 10px;}
.schedule-body .title-date .date {text-align:center;width:100%;color:#FFF;font-size:14px;text-shadow:2px 1px 2px black}
.schedule-body .title-date .schedule_group {font-size:22px;color:#fff;padding-right:7px;padding-right:5px}

/* .schedule-body .title-date .schedule_group {width:26px;margin-right:0px;opacity:0.5;filter: alpha(opacity=50);padding-right:5px;padding-bottom:1px} */
.schedule-body .cnt {position:absolute;top:7px;right:10px;text-align:right;color:#FFF;font-size:14px}
.schedule-body .favorite {position:absolute;left:15px;top:0px;display:none}
.schedule-body .favorite img {width:20px}
.schedule-body .bottom-info {position:absolute;left:0px;bottom:8px;color:#fff;width:100%;padding:0px 13px 0 10px}
.schedule-body .bottom-info .members {vertical-align:bottom}
.schedule-body .bottom-info .members ul {padding:0px;margin:0px;list-style:none}
.schedule-body .bottom-info .members li {float:left;border-radius:15px;overflow:hidden;background:#efefef;border:solid 0px rgba(255, 255, 255, 0);margin-right:2px}
.schedule-body .bottom-info .members li img {width:25px;height:25px;object-fit:cover}
.schedule-body .bottom-info .members li.txt {padding:6px 0 0 2px;background:rgba(0, 0, 0, 0);border-radius:0px;font-size:11px}
.schedule-body .total-price {vertical-align:bottom;text-align:right;font-size:23px;color:#ffffff;font-weight:bold;min-width:140px}
.schedule-body .sum {margin-bottom:-8px}
.schedule-body .sum .txt {font-size:9px;font-weight:400;margin-bottom:-5px}
.schedule-body .sum .currency {font-size:16px}

.schedule-body .btn-list {position:absolute;bottom:10px;left:12px;text-align:left;color:#FFF}
.schedule-body .btn-list button {background:rgba(255, 255, 255, 0.0);color:#fff;border:solid 1px rgba(255, 255, 255, 0.0);padding:5px 8px 5px 8px}
.schedule-body .btn-list button img {float:left;width:18px;filter: brightness(0) invert(1);opacity:1.0;filter: alpha(opacity=100)}
.schedule-body .btn-list button .txt {float:left;padding-left:5px;font-size:12px}
.schedule-body .btn-list button:hover {background:rgba(255, 255, 255, 0.0);font-weight:600;opacity:0.5;filter: alpha(opacity=50)}

/* 스케줄 목록 상단의 목록 형태, 정렬 형식 탭 버튼 */
.top-list-sort-area {border-bottom:solid 0.5px #cccccc;border-top:solid 1px #777777}
.top-list-sort-area table {width:100%;color:#aaa}
.top-list-sort-area button {width:100%;height:40px;background:#ffffff;border:0px;}
.top-list-sort-area .list-type button img {width:20px;margin-top:2px;opacity:0.3;filter: alpha(opacity=30)}
.top-list-sort-area .sort-type button img {width:20px;margin-top:2px;opacity:0.3;filter: alpha(opacity=30)}
.top-list-sort-area button .txt {font-size:9px}
.top-list-sort-area .sort-type {background:#efefef}
.top-list-sort-area .sort-type button {background:#efefef}
.top-list-sort-area td.on img {opacity:0.7;filter: alpha(opacity=70)}
.top-list-sort-area td.on {font-weight:600;color:#000000}
.top-list-sort-area .off {width:70px;max-width:70px}
.top-list-sort-area .off td {display:none}
.top-list-sort-area .off td.on {display:block}

.top-list-sort-area .list-type td {width:50%}
.top-list-sort-area .sort-type td {width:33.333%}
.top-list-sort-area .list-group.off td {width:auto}

.top-list-sort-area .group-type {background:#efefef;width:70px;padding-right:5px}
.top-list-sort-area .group-type .left-line {position:absolute;left:0px;top:5px;width:1px;height:30px;border-left:solid 1px #ccc;}
.top-list-sort-area .group-type button {background:#efefef;width:100%}
.top-list-sort-area .group-type button img {width:24px;margin-top:0px;opacity:0.8;filter: alpha(opacity=80)}
.top-list-sort-area .group-type button .txt {margin-top:-2px;color:#000;font-weight:600}
/*
.spend-schedule-info .schedule-body .bg {width:100%;height:220px;object-fit: cover}
.spend-schedule-info .schedule-body .blind {position:absolute;left:0px;top:0px;text-align:center;width:100%;height:220px;background:#000;opacity:0.5}
.spend-schedule-info .schedule-body .title {position:absolute;top:30px;text-align:center;width:100%;color:#FFF;font-size:26px;text-shadow:2px 1px 2px black;font-weight:bold}
.spend-schedule-info .schedule-body .date {position:absolute;top:70px;text-align:center;width:100%;color:#FFF;font-size:14px;text-shadow:2px 1px 2px black}
.spend-schedule-info .schedule-body .cnt {position:absolute;top:10px;right:10px;text-align:right;color:#FFF;font-size:14px}
.spend-schedule-info .schedule-body .total-price {position:absolute;bottom:10px;right:0px;text-align:right;font-size:23px;color:#fff;padding-right:15px;font-weight:bold}
.spend-schedule-info .schedule-body .sum .currency {font-size:16px}
.spend-schedule-info .schedule-body .btn-list {position:absolute;bottom:10px;left:12px;text-align:left;color:#FFF}
.spend-schedule-info .schedule-body .btn-list button {background:rgba(255, 255, 255, 0.0);color:#fff;border:solid 1px rgba(255, 255, 255, 0.0);padding:5px 8px 5px 8px}
.spend-schedule-info .schedule-body .btn-list button img {float:left;width:18px;filter: brightness(0) invert(1);opacity:1.0;filter: alpha(opacity=100)}
.spend-schedule-info .schedule-body .btn-list button .txt {float:left;padding-left:5px;font-size:12px}
.spend-schedule-info .schedule-body .btn-list button:hover {background:rgba(255, 255, 255, 0.0);font-weight:600;opacity:0.5;filter: alpha(opacity=50)}
*/

/* 상단 버튼 목록 */
.top-btn-list {padding:0px 0 10px 0;}
/* .top-btn-list.spend-list-top-btn {padding:0px;margin-top:-1px;height:90px} */
.top-btn-list.spend-list-top-btn {padding:0px;margin-top:-1px;height:46px}
.top-btn-list .spend-view-type {width:100%;border-bottom:solid 1 #999999}
.top-btn-list .spend-view-type img {margin-top:-2px}
.top-btn-list .spend-view-type .txt {font-size:9px;margin-top:-4px;padding-right:2px}
.top-btn-list .subtab {margin-top:1px;float:left;border-right:solid 1px #eee;border-left:solid 1px #ccc;border-right:solid 1px #ccc}
.top-btn-list .subtab .on button {border-bottom:solid 3px #000;color:#000}
.top-btn-list .subtab .on img {opacity:1.0;filter: alpha(opacity=100)}
.top-btn-list .subtab button {padding:5px 0 4px 0;width:100%;background:#ffffff;height:40px;font-size:12px;border-radius:0px;border:solid 1px #ccc;border-right:0px;border-left:0px}
.top-btn-list .subtab button:active img {opacity:0.5;filter: alpha(opacity=50)}
.top-btn-list .subtab .subtab-icon {width:22px;padding:0px 0 2px 0;margin-right:3px}

.newsfeed-top-list {position:fixed;left:0px;top:-1px;z-index:1000;padding:0px 0 0px 0}
.newsfeed-top-list .newsfeed-tab {margin-top:1px;float:left;background:#d1395c;padding-bottom:2px;margin-bottom:3px}
.newsfeed-top-list .newsfeed-tab .on button {border-bottom:solid 3px #ffffff;font-weight:600}
.newsfeed-top-list .newsfeed-tab button {padding:5px 0 4px 0;height:46px;font-size:12px;border:0px;border-bottom:solid 3px #f33156;background:#f33156;color:#ffffff;border-radius:0px;focus:outline:0px}
.newsfeed-top-list .newsfeed-tab button:active:hover {padding:5px 0 4px 0;color:#ffffff;background:#ca304d;border:0px;border-bottom:solid 3px #ca304d;box-shadow:0px 0px 0px}

.newsfeed-top-list .newsfeed-tab {background:#d1395c}
.newsfeed-top-list .newsfeed-tab button {border-bottom:solid 3px #d1395c;background:#d1395c;}
.newsfeed-top-list .newsfeed-tab button:active:hover {background:#d1395c;border-bottom:solid 3px #be2341}
.newsfeed-top-list .newsfeed-tab .on button {border-bottom:solid 3px #ffffff;font-weight:600}

.newsfeed-top-list.friend-list .newsfeed-tab {background:#5eb3d3}
.newsfeed-top-list.friend-list .newsfeed-tab button {border-bottom:solid 3px #5eb3d3;background:#5eb3d3;}
.newsfeed-top-list.friend-list .newsfeed-tab button:active:hover {background:#5eb3d3;border-bottom:solid 3px #4e9bb8}
.newsfeed-top-list.friend-list .newsfeed-tab .on button {border-bottom:solid 3px #ffffff;font-weight:600}

.newsfeed-search {height:46px}

.top-btn-list .subinfo {width:100%;margin-top:3px;display:none}
.top-btn-list .subinfo button {background:#efefef;text-align:center}
.top-btn-list .subinfo button img {padding:0px;margin:-2px 0 0 3px}
.top-btn-list .subinfo button .txt {padding:0px;margin:0px;font-size:9px;margin-top:-3px}

.top-btn-list .schedule-write-btn {position:fixed;right:10px;bottom:80px;z-index:999;float:right;background:#f33156;color:#ffffff;width:60px;height:60px;border-radius:30px;text-align:center;padding:0px;border:0px;opacity:0.7;filter: alpha(opacity=70)}
.top-btn-list .schedule-write-btn:hover:active {background:#670000;color:#ffffff}
.top-btn-list .schedule-write-btn span {padding:0px 0px 0px 2px;margin-top:-2px;height:27px;font-size:22px}
.top-btn-list .schedule-write-btn .txt {font-size:9px;text-align:center;margin-top:-4px}

.top-btn-list .spend-write-btn {position:fixed;right:10px;bottom:80px;z-index:1999;float:right;background:#0fc3a7;color:#ffffff;width:60px;height:60px;border-radius:30px;text-align:center;padding:0px;border:0px;opacity:0.7;filter: alpha(opacity=70);display:none}
.top-btn-list .spend-write-btn:hover:active {background:#219abd;color:#ffffff}
.top-btn-list .spend-write-btn span {padding:0px 0px 0px 2px;margin-top:-2px;height:27px;font-size:22px}
.top-btn-list .spend-write-btn .txt {font-size:9px;text-align:center;margin-top:-4px}

.top-btn-list .txt {font-size:12px}

.top-btn-list .write {float:right;background:#ffffff;color:#006092}
.top-btn-list .write:hover {background:#eeeeee;color:#006092}
.top-btn-list .write span {padding:5px 5px 0 0;height:27px}

.top-btn-list .link-btn {margin:0 0 0 15px;padding:20px 4px 0 0px;}

.link-btn {position:relative;clear:both;background:rgba(0, 0, 0, 0);border:solid 0px;border-bottom:solid 1px #777}
.link-btn img {float:left;width:20px}
.link-btn .txt {float:left;padding:1px 0 0 5px}
.link-btn:hover {color:#000;border-bottom:solid 1px #000}
.link-btn:hover img {color:#000;opacity:1.0;filter: alpha(opacity=100)}

/* 지출 목록 해더 */
.spend {background:#fff;margin:0px 0 10px 0px;padding:0px;}
.spend-header {min-height:46px}
.spend-header {float:left;color:#777;cursor:pointer}
.spend-header .icon {vertical-align: top;padding:5px 6px 0 10px;width:50px}
.spend-header .icon button {width:35px;height:35px;border:solid 1px #aaa;border-radius:5px;padding:5px;background:#fff;text-align:center}
.spend-header .icon img {width:22px;height:22px;opacity:0.5;filter: alpha(opacity=50);}
.spend-header .icon i {font-size:18px;padding-top:1px;color:#999}
.spend-header .text {vertical-align: top;padding:2px 0 0 0px}
.spend-header .num {font-weight:600;font-size:16px;}
.spend-header .title {float:left;padding:5px 0 0px 0px;font-weight:600;font-size:14px;line-height:15px;vertical-align:top}
.spend-header .date {clear:both;padding:2px 0 4px 0px;font-size:11px;color:#444}
.spend-profile-right {vertical-align: top;float:right;text-align:right;padding:0px 10px 0 10px;cursor:pointer;min-width:120px}
.spend-profile-right .total {font-size:20px;font-weight:600;color:#444}
.spend-profile-right .total .currency {font-size:17px}
.spend-profile-right .split {padding-right:1px;font-size:12px;font-weight:600;color:#444}

/* 지출 목록 */
.spend {clear:both;padding:0px}
.spend .wrap {position:relative;overflow:hidden;cursor:pointer;background:#eee;padding:0px;margin:0px;border:solid 1px #ccc}

.spend .origin {display:block}
.spend .exchange {display:none}

/* 지출 목록 그래프 */
#spend-list-body .graph-body {display:none}
/* 지출 목록 사진 목록 */
#spend-list-body .photo-view-body {padding:0px 10px 0 15px;display:none}
.photo-view {border:solid 0px #000;margin:0px 0px 0px 0;padding:0px 1px 1px 0}
.photo-view .link {display:none}
.photo-view .link div {position:absolute;right:0px;bottom:0px;z-index:2;width:35px;height:35px;border:solid 0px #000;text-align:right;vertical-align: bottom;padding:0px 10px 0 0}
.photo-view .link div i {font-size:25px !important;color:#fff;opacity:0.8;filter: alpha(opacity=80)}


/*
#spend-list-body .photo-view-body .spend-photo {width:100%;height:160px;overflow:hidden;}
#spend-list-body .photo-view-body .spend-photo img {height: 100%; width: 100%; object-fit: cover}
*/
/* 지출 목록 */
#spend-list-body .spend-view-body {display:none}

/*
#schedule-list .spend-photo {width:100%;height:140px;overflow:hidden;text-align:center;background:#dddddd}
#schedule-list .spend-photo img {height: 100%; width: 100%; object-fit: cover;z-index:1}
*/


/* 지출 상세의 프로필 사진 아래 아이디 표시 */
.member-list .round-label {position:absolute;left:0px;top:35px;width:100%;display:none;}
.member-list .round-label .round {display:flex;flex-direction:row;justify-content: center;align-items: center;white-space: nowrap;opacity:0.9;filter: alpha(opacity=90);}
.member-list .round-label .round .txt {border-radius:5px;min-width:25px;max-width:38px;max-height:12px;padding:0px 2px 0 2px;text-align:center}
.member-list .round-label.non-member .txt {background:#fff;color:#000;border:solid 1px #444}
.member-list .round-label.non-member-people .txt {background:#fff;color:#000;border:solid 1px #444}
.member-list .round-label.snote-user .txt {background:#0fc3a7;color:#fff;border:solid 1px #0a7766;}
.member-list .round-label.snote-user .invite {background:#efb858;border:solid 1px #9a6c1d}

/* 팝업용 프로필 사진 */
.modal-body .round-label {position:absolute;left:0px;top:28px;width:100%;display:none;}
.modal-body .round-label .round {display:flex;flex-direction:row;justify-content: center;align-items: center;white-space: nowrap;opacity:0.9;filter: alpha(opacity=90);}
.modal-body .round-label .round .txt {border-radius:5px;min-width:25px;max-width:38px;max-height:12px;padding:0px 2px 0 2px;text-align:center}
.modal-body .round-label.non-member .txt {background:#fff;color:#000;border:solid 1px #444}
.modal-body .round-label.non-member-people .txt {background:#fff;color:#000;border:solid 1px #444}
.modal-body .round-label.snote-user .txt {background:#006092;color:#fff;border:solid 1px #004061;}

/* 지출 목록 멤버 리스트 */
.spend .spend-header {background:#fff}
.spend .spend-body {background:#f1f1f1;padding:5px 0px 0px 0px;color:#333}
.spend .address {margin-left:5px;font-size:12px}
.spend .address img {width:18px;padding-bottom:1px}
.spend .address .marker {vertical-align:top;padding-right:2px;padding-top:6px}
.spend .address .txt {vertical-align:top;padding-top:6px}

.spend .member-list {clear:both;min-height:auto;padding:8px 10px 0 5px}
.spend .member-list .member {padding:0px 5px 0 5px;}

.spend .member-list .member .star-avg {position:relative;width:44px;padding-bottom:0px}
.spend .member-list .member .star-avg .blind {position:relative;background:#777;left:1px;top:1px;width:100%;height:44px;opacity: 0.3;border-radius:25px}
.spend .member-list .member .star-avg .name {position:absolute;left:1px;top:7px;width:100%;height:44px;background-color:rgba(0, 0, 0, 0);border:solid 0px;padding:3px;text-align:center;color:#666;font-weight:400;font-size:9px}	

.spend .member-list .member .star-avg .name {display: block;font-size:15px;-webkit-transform: scale(.6); transform: scale(.6); -webkit-transform-origin: center middle; transform-origin: center middle;width:166.66666%;width:calc(100%/.6);margin-left:-15px;border:solid 0px #000;display:flex;justify-content: center;align-items: center;word-break:break-all;}	
.spend .member-list .member .star-avg .price {clear:both;padding-top:7px;width:100%;height:15px;text-align:center;font-size:9px;font-weight:bold;font-family:arial;color:#333}
.spend .member-list .member .star-avg .difference {clear:both;padding-top:8px;width:100%;height:15px;text-align:center;font-size:9px;font-weight:bold;font-family:arial;color:#333}
.spend .member-list .member .star-avg .split_ratio {clear:both;padding-top:8px;width:100%;height:15px;text-align:center;font-size:9px;font-weight:bold;font-family:arial;color:#007563;display:none}

.spend .member-list .member .star-avg .star {position:absolute;width:100%;left:0px;top:1px;text-align:center;display:none;border:solid 0px #000;margin-left:1px;padding-top:6px}
.spend .member-list .member .star-avg .star.on {display:block}
.spend .member-list .member .star-avg .star i {font-size:14px;color:#ffee5b;padding:0px;margin:0px;text-shadow:0px 0px 1px black}
.spend .member-list .member .star-avg .star .txt {margin-top:-5px;width:100%;height:25px;border:0px;font-size:13px;text-align:center;font-weight:600;color:#dd0000}


.spend .member-list .member .profile {position:relative;width:auto;padding-bottom:9px}
.spend .member-list .member .profile img {position:absolute:left:0px;top:0px;width:100%;height:44px;object-fit:cover;border:solid 1px #ddd}
.spend .member-list .member .profile .blind {position:relative;background:#777;left:0px;top:0px;width:100%;height:44px;opacity: 0.3;border-radius:25px}
.spend .member-list .member .profile .name {position:absolute;left:1px;top:0px;width:100%;height:44px;color:#fff;font-size:9px;background-color:rgba(0, 0, 0, 0);border:solid 0px;padding:3px;font-weight:bold;text-shadow:1px 1px 1px black;text-align:center;display:flex;justify-content: center;align-items: center;word-break:break-all;}

.spend .member-list .member .profile .name {display: block;font-size:15px;-webkit-transform: scale(.6); transform: scale(.6); -webkit-transform-origin: center middle; transform-origin: center middle;width:166.66666%;width:calc(100%/.6);margin-left:-15px;border:solid 0px #000;display:flex;justify-content: center;align-items: center;word-break:break-all;}	
.spend .member-list .member .profile .div {border:solid 0px #000;padding-right:3px;margin-left:-10px;width:125%;text-align:right}
.spend .member-list .member .profile .price {clear:both;padding-top:6px;width:100%;height:15px;text-align:right;font-size:12px;font-weight:bold;font-family:arial}
.spend .member-list .member .profile .difference {clear:both;padding-top:8px;width:100%;height:15px;text-align:right;font-size:10px;font-weight:bold;font-family:arial;color:#999}
.spend .member-list .member .profile .split_ratio {clear:both;padding-top:7px;width:100%;height:15px;text-align:right;font-size:10px;font-weight:bold;font-family:arial;color:#007563;display:none}

.spend .member-list .member .profile .goldenbell {position:absolute;right:0px;top:25px;display:none}
.spend .member-list .member .profile .goldenbell.on {display:block}
.spend .member-list .member .profile .goldenbell img {width:16px;height:16px;border:0px}

.spend .member-list .member .profile .star {position:absolute;left:-3px;top:-5px;width:52px;display:none}
.spend .member-list .member .profile .star.on {display:block}
.spend .member-list .member .profile .star i {font-size:7px;color:#ffe50b;padding:0px;margin:-1px;text-shadow:0px 0px 1px black}

.spend .member-list .member .profile .round-label {position:absolute;left:0px;top:35px;width:45px;display:none;}
.spend .member-list .member .profile .round-label .writer {font-weight:600;color:yellow}

.spend .member-list .member .profile .profile-bg {position:absolute;width:44px;height:44px;left:1px;top:1px;background:#aaa}
.spend .member-list .member .profile .profile-img {position:absolute;left:1px;top:1px;border:solid 1px #444}


/* 지출 목록 사진 */
.spend .photo {position:relative;background:#fff;overflow:hidden}

.spend .photo a {border:0px;margin:0px}
.spend .photo img {position:absolute;left:0px;top:0px;padding:0px;margin:0px;height: 100%; width: 100%; object-fit: cover}

.spend .photo img {position:relative;overflow:hidden;}
.spend .photo .left-margin {position:relative;overflow:hidden;left:-2px}
.spend .photo .top-margin {position:relative;overflow:hidden;top:-2px}
.spend .memo-txt {background:#fff;padding:10px 15px 10px 15px;font-size:13px;color:#333}
.spend .memo-txt .memo-txt-more {color:#333;text-decoration:underline}

.spend .photo .pull {width:100%;height:300px}
.spend .photo .pull-half {width:50%;height:300px}
.spend .photo .half-half {width:50%;height:150px}	

.spend .photo .blind {position:absolute;left:0px;top:0px;width:100%;background:#000;opacity:0.5}
.spend .photo .blind_txt {position:absolute;left:0px;top:0px;width:100%;text-align:center;color:#fff;font-size:18px;font-weight:bold;display:flex;justify-content: center;align-items: center;}
.spend .loading {background:#f9f9f9}



.ffooter {padding:0px 15px 5px 15px;height:37px;background:#ffffff;border-top:solid 0px #efefef}
.ffooter table.main {width:100%;padding:0px;margin:0px}
.ffooter button {height:30px}
.ffooter button div {vertical-align:top !important}
.ffooter .icon-left {padding:0px 13px 0px 0px}
.ffooter .icon-left img {height:22px;opacity:0.5;filter: alpha(opacity=50)}
.ffooter .icon-right {padding:0px 0px 0px 13px}
.ffooter .icon-right img {height:22px;opacity:0.5;filter: alpha(opacity=50)}
.ffooter {font-size:16px;color:#999}
.ffooter .txt {font-family:verdana;font-size:12px;padding:5px 0 0 2px}
.ffooter .more {margin-top:0px;padding:6px 0px 0 0;height:35px}
.ffooter .more img {width:25px;opacity:0.7;filter: alpha(opacity=70)}
.ffooter .btn-none {padding:5px 0 2px 0;margin:0px;border:0px;background:rgba(0,0,0,0)}
.ffooter .btn-none:active:hover {color:#333}
.ffooter .btn-none:active:hover img {opacity:0.8 !important;filter: alpha(opacity=80) !important;}
.ffooter .btn-star i {font-size:18px;color:#ffe33e;text-shadow:1px 0px 0px #aaa}
.ffooter .btn-star .txt {font-size:10px;padding-left:3px;line-height:22px}
.ffooter .btn-comment .txt {padding-bottom:5px}
.ffooter button i {font-size:14px !important;margin-right:3px}
.ffooter .pull-left.icon {padding-top:1px}

.comment {border-top:solid 1px #efefef;font-size:12px;}
.comment .comment-object {padding:10px 15px 10px 15px;margin-bottom:-10px;background:#ffffff;}
.comment table {width:100%;}
.comment .profile {vertical-align: top !important}
.comment img {width:30px;height:30px;border:solid 1px #ddd;object-fit: cover}
.comment .text {padding-top:0px;vertical-align: top !important}
.comment .name {font-weight:600;color:#333;word-break: break-all; word-wrap: break-word}
.comment .txt {font-weight:400;color:#666;word-break: break-all}
.comment .profile {width:25px;padding-right:5px}
.comment .date {font-size:9px;color:#999}
.comment .remove {display:none}
.comment .comment-more {border:0px;background:rgba(0,0,0,0);padding:0px 0px 7px 0px;text-decoration:underline}
.comment .comment-more:active:hover {color:#0000aa}
.comment .comment-input {padding:10px 15px 10px 15px;}
.comment .comment-input table {width:100%}
.comment .comment-input.focusin {position:fixed;left:0px;width:100%;bottom:0px;z-index:9999;background:#fff;padding:10px 10px 10px 10px;border-top:solid 1px #ddd}

/* Summary */
.summary {position:fixed;left:0px;bottom:0px;z-index:999;border:solid 0px #000;height:210px;width:100%;margin-left:10px}
.summary .header {position:absolute;top:35px;left:5px;width:100%;background:#2b404f;height:150px;border-top:dotted 0px #fff}
.summary .header .currency-change {padding:10px 0 0 10px}
.summary .header .currency-change span {text-decoration: underline;color:#fff;font-size:15px;cursor:pointer}
.summary .header .currency-change span .icon {width:23px;padding:0px 5px 2px 0;-webkit-filter: invert(100%)}
.summary .header .currency-change span.on {color:#cccccc}

.summary .header .total-price {padding:10px 7px 10px 9px;text-align:right;font-size:20px;font-weight:bold;font-family:arial;color:#fff;line-height:12px}
.summary .header .total-price .sum .currency {font-size:17px;}

.summary .members {position:absolute;top:80px;left:5px;width:100%}
.summary .member-list {height:90px;width:100%;border:solid 0px #000;padding-left:5px}	
.summary .member-list .member {padding:0px 5px 0 5px;color:#fff}
.summary .member-list .member .profile {position:relative;width:auto;height:75px}
.summary .member-list .member .profile img {position:absolute:left:0px;top:0px;width:44px;object-fit: cover;height:44px;border:solid 1px #ddd}
.summary .member-list .member .profile .blind {position:absolute;left:0px;top:0px;width:44px;height:44px;background:#000;opacity: 0.5;border-radius:25px;}
.summary .member-list .member .profile .name {position:absolute;left:0px;top:0px;width:44px;height:44px;color:#fff;font-size:9px;background-color:rgba(0, 0, 0, 0);border:solid 0px;padding:0px;font-weight:bold;text-align:center;display:flex;justify-content: center;align-items: center;word-break:break-all;}	

.summary .member-list .member .profile .name {display: block;font-size:15px;-webkit-transform: scale(.6); transform: scale(.6); -webkit-transform-origin: center middle; transform-origin: center middle;width:166.66666%;width:calc(100%/.6);margin-left:-15px;border:solid 0px #000;display:flex;justify-content: center;align-items: center;word-break:break-all;}	

.summary .member-list .member .profile .div {border:solid 0px #fff;padding-right:3px;padding-top:6px;margin-left:-10px;width:125%;text-align:right;font-size:12px;font-weight:bold;}

.summary .member-list .member .profile .div .price {font-weight:bold;font-size:11px;font-weight:bold;font-family:arial;padding-top:0px}
.summary .member-list .member .profile .div .difference {font-weight:bold;font-size:10px;font-family:arial;padding-top:0px}
.summary .member-list .member .profile .div .exchange {display:none}

.summary .close {position:absolute;top:0px;right:0px;width:90px;height:50px}
.summary .close button {width:70px;margin:0px}
.summary .tab-list {position:absolute;top:0px;left:5px;width:100%;background-color: rgba(0, 0, 0, 0);padding:0px;z-index:10px}
.summary .tab-list {padding-left:4px}
.summary .tab {margin:0px 0px -10px -4px;padding:2px 0px 10px 0px;text-align:center;background:#041827;border:solid 0px #aaa;border-radius:10px;height:45px;width:70px;color:#fff;font-weight:bold;font-size:13px}
.summary .tab.on {background:#2b404f}
.summary .list-object {display:none}
.summary .list-object.on {display:block}


.footer {position:fixed;bottom:0px;left:0px;width:100%;height:50px;background:#fff;z-index:999;border-bottom:solid 1px #ccc;padding:0px}
.footer table {width:100%}
.footer td {position:relative;width:20%;text-align:center;font-size:10px}
.footer td button {width:100%;border:0px;background:rgba(0, 0, 0, 0);height:50px}
.footer td button:hover:active {background:#efefef}
.footer td img {margin-top:-20px;width:22px}
.footer td div {position:absolute;left:0px;bottom:7px;width:100%;text-align:center}

.footer {padding:0px;font-size:12px;background:#efefef;color:#999999;border-top:solid 1px #dddddd;}
.footer img {-webkit-filter: brightness(0) invert(0.3);filter: brightness(0) invert(0.3);opacity:0.5;filter: alpha(opacity=50)}
.footer button.on {color:#333333;font-weight:600}
.footer button.on img {-webkit-filter: brightness(0) invert(0.3);filter: brightness(0) invert(0.3);opacity:1.0;filter: alpha(opacity=100)}
.footer button i {font-size:20px;margin-bottom:15px}

.footer .badge-wrap {position:relative;width:40px;height:0px;display:none}
.footer .badge-wrap .count {position:absolute;right:5px;top:2px;min-width:16px;width:auto;padding:1px 3px 1px 3px;height:16px;background:#ff0000;border-radius:8px;color:#fff;font-weight:600}
/*
.summary .body .origin {display:block}
.summary .body .exchange {display:block}
*/

.spend .members .member-list .member .profile img.off {-webkit-filter: grayscale(100%);filter:grayscale(100%)}


/* 멤버 목록 */
.member .ibox-content {padding:0px;margin:0px}
.member-header {height:100px}
.member-profile-left {float:left;width:50%;color:#777;cursor:pointer}
.member-profile-left .image {padding:7px 8px 0 8px}
.member-profile-left .image img {width:35px}
.member-profile-left .name {padding:7px 0 2px 0px;color:#333}
.member-profile-left .memo {font-size:13px;color:#777}
.member-profile-right {float:right;width:50%;padding:5px 0 0 10px;cursor:pointer}


.member .ibox-content {padding:0px;margin:0px}
/*
.currency-header {height:60px}
.currency-left {float:left;width:50%;color:#777}
.currency-left .image {padding:0px 0px 0 0px;width:47px}
.currency-left .image img {width:48px}
.currency-left .name {padding:0px 0 2px 0px;color:#333;font-size:15px;font-weight:bold}
.currency-left .subname {padding:0px 0 0 0px;font-size:15px;color:#777;font-weight:normal}
.currency-right {float:right;width:50%;padding:5px 0 0 10px}
*/





/* 오른쪽 멤버 목록 */
.right-area {padding-right:5px;}
.members-area {border:solid 1px #ddd;background:#fff;min-height:200px}
.members-area .header {width:100%;height:40px;border-bottom:solid 1px #ddd}
.members-area .header .title {float:left;padding:10px 0 0 10px;font-size:13px;font-weight:bold}
.members-area .header .modify {float:right;padding:8px 8px 0 0 }
.members-area .header .modify img {width:22px;opacity:0.4;filter: alpha(opacity=40)}
.members-area .list {max-height:180px;padding-bottom:10px;}
.members-area .list .member {position:relative;clear:both;}
.members-area .list .member .image {float:left;padding:8px 10px 0 10px;}
.members-area .list .member .image img {width:34px;border:solid 1px #eee}
.members-area .list .member .name {padding:4px 0 0 0px;height:40px;font-size:12px}



/* 꽉찬 버튼 */
.btn100p {width:100%;height:44px;color:#333333;background:#ffffff;border:solid 1px #cccccc;border-radius:3px;padding:0px 10px 0 10px}
.btn100p img {opacity:1.0;filter: alpha(opacity=100)}
.btn100p .bgroup {width:100%}
.btn100p .bgroup td.profile {text-align:left;width:39px}
.btn100p .bgroup td.profile img {width:30px;height:30px;object-fit:cover;border:solid 1px #ddd}
.btn100p .bgroup td.profile img.linkable {border:solid 2px #7dd2ff !important;cursor:pointer}
.btn100p .bgroup td.name {text-align:left;font-size:13px;font-weight:600}
.btn100p .bgroup td.name .sub {font-size:12px;font-weight:normal;color:#999}
.btn100p .bgroup td.name .identity {font-size:11px;font-weight:normal;color:#666666}
.btn100p .bgroup td.left {text-align:left;font-size:14px;font-weight:bold}
.btn100p .bgroup td.right {text-align:right;font-size:12px}
.btn100p .bgroup td.right .sub {font-size:10px}
.btn100p .bgroup td .more.arrow {height:18px;margin:0px 0px 0 6px;opacity:0.4;filter: alpha(opacity=40)}
.btn100p div.left {float:left;text-align:left;font-size:14px;font-weight:bold}
.btn100p div.right {float:right;text-align:right;font-size:14px}
.btn100p:focus {background:#ffffff}
.btn100p:hover {background:#eeeeee;border:solid 1px #dddddd;color:#333333}
.btn100p:active:hover {background:#cccccc;box-shadow:0px 0px 0px}
.btn100p.red-color {color:#ff0000}
.btn100p.brand-color {color:#006092}
.btn100p.white-color {color:#ffffff}

.btn100p.brand-bg {background:#006092}
.btn100p.brand-bg:hover {background:#054364}
.btn100p.brand-bg:active {background:#002f48}

.btn100p.red-bg {background:#cd0a00}
.btn100p.red-bg:hover {background:#9b0700}
.btn100p.red-bg:active {background:#660500}
	

.btn100p.top {border-radius:10px 10px 0 0}
.btn100p.middle {border-radius:0 0 0 0}
.btn100p.bottom {border-radius:0 0 10px 10px}
.btn100p.readonly {background:#dddddd}
.btn100p.readonly:hover {background:#dddddd;border:solid 1px #dddddd}
.btn100p.readonly:active {background:#dddddd;box-shadow:0px 0px 0px}

/* 스-노트 아이콘 */
.icon-snote {font-size:9px;padding:0px 4px 0px 4px;background:#006092;color:#fff;height:16px;font-weight:normal}
.icon-instant {font-size:9px;padding:0px 4px 0px 4px;background:#ff6092;color:#fff;height:16px;font-weight:normal}
.icon-added {font-size:9px;padding:0px 4px 0px 4px;background:#900000;color:#fff;height:16px;font-weight:normal}
.icon-fb {width:15px}
.icon-write {width:15px}
.icon-goldenbell {width:15px}
.icon-sort {width:25px;height:25px;}
.icon-follow {border:solid 1px #0090ff;background:#0090ff;color:#ffffff;font-size:11px;border-radius:3px;width:80px;height:23px}
.icon-follow:hover {background:#0779d1}
.icon-follow.follwing {border:solid 1px #999999;background:#ffffff;color:#333333}
.icon-follow.follwing:hover {background:#efefef}
.icon-member {border:solid 1px #999999;background:#ffffff;color:#333333;font-size:11px;border-radius:3px;width:80px;height:23px}
.icon-member:hover {background:#efefef}
.icon-member.remove {color:#9b0000}

/* 꽉찬 인풋창 */
.input100p {width:100%;height:44px;color:#333;background:#fff;border:solid 1px #cccccc;border-radius:3px;padding:0px 10px 0 10px;clear:both;margin-top:-1px;position:relative}
.input100p img {opacity:1.0;filter: alpha(opacity=100)}
.input100p table {width:100%;height:39px;padding:0px;margin:0px}
.input100p table td.profile {text-align:left;width:39px;padding-top:2px}
.input100p table td.profile img {width:30px;height:30px;object-fit: cover;border:solid 1px #ddd}
.input100p table td.title {text-align:left;font-size:14;font-weight:600;padding-top:5px}
.input100p table td.name {text-align:left;font-size:13px;font-weight:600}
.input100p table td.name .sub {font-size:12px;font-weight:normal}
.input100p table td.left {text-align:left;font-size:14px;font-weight:bold}
.input100p table td .require {color:#ff0000;font-size:10px}
.input100p table td.right {text-align:right;font-size:12px}
.input100p table td.right .sub {font-size:10px}
.input100p table td.right.button {width:80px}
.input100p table td.right input {text-align:right}
.input100p table td .more.arrow {height:18px;margin:9px 0px 0 6px}
.input100p input {border:solid 0px;background:rgba(0, 0, 0, 0);padding:0px;margin:0px;height:24px}
.input100p .sub {padding:0px;margin:0px;font-size:9px;color:#aaa}
.input100p table div.name {text-align:left;font-size:13px;font-weight:600;width:100px;height:17px;overflow:hidden}

.input100p .btn-check {padding:0px 20px 0 0;margin:-2px 0 0 -5px;color:#333;border:solid 0px;background:rgba(0, 0, 0, 0)}
.input100p .btn-check img {float:left;height:22px;padding:0px}
.input100p .btn-check .txt {float:left;padding-top:3px;font-size:12px}
.input100p .btn-check:hover {color:#aaaaaa}
.input100p .btn-check:active {box-shadow:0px 0px 0px;color:#777777;background:rgba(0, 0, 0, 0);border:0px}
.input100p .btn-check:hover img {opacity:0.5;filter: alpha(opacity=50);}
.input100p .btn-check:active img {opacity:0.7;filter: alpha(opacity=70)}


.input100p .text {position:relative;height:40px;overflow:hidden}
.input100p .text .sub {position:absolute;left:0px;top:25px;}
.input100p .text .group {position:absolute;left:0px;top:22px;font-size:12px;font-weight:600;color:#c133fc;display:none}
.input100p .text input {position:absolute;left:0px;top:0px;margin-top:-11px;height:50px}

/* 지출 작성 */
.input100p.number {height:50px}
.input100p.number .spend {position:relative;height:48px;overflow:hidden}
.input100p.number .spend .sub {position:absolute;right:0px;top:31px;font-size:10px;color:#006092;font-weight:600;font-family:arial}
.input100p.number .spend .sub.red {color:red}
.input100p.number .spend .sub.gray {color:#999}
.input100p.number .spend input {position:absolute;right:0px;top:0px;margin-top:-11px;height:60px;border:solid 0px;background:rgba(0, 0, 0, 0);text-align:right;font-size:18px;font-weight:500}

.input100p.top {border-radius:10px 10px 0 0}
.input100p.middle {border-radius:0 0 0 0}
.input100p.bottom {border-radius:0 0 10px 10px}

/* 참석(비활성) */
.input100p.off .name .txt {color:#aaaaaa}
.input100p.off img {-webkit-filter: grayscale(100%);filter:grayscale(100%)}
/*
.input100p.off div.sub .txt {color:#aaaaaa}
.input100p.readonly {background:#dddddd}
.input100p.readonly input {background:#dddddd}
.input100p.readonly:hover {background:#dddddd}
*/

.input100p.hover:hover {background:#eeeeee;cursor:pointer}
.input100p.hover:active:hover {background:#dddddd;cursor:pointer}

.input100p_interface {width:100%;height:44px;background:#fff}

.input100p.textmode {border:0px;background:rgba(0,0,0,0)}
.input100p.textmode input {border:0px;background:rgba(0,0,0,0)}

.inputComment {position:relative;height:100%}
/* .inputComment input {padding:3px 8px 3px 8px;height:32px;font-size:13px;border-radius:5px} */
.inputComment .input {border-radius:5px 0 0 5px;z-index:1;background:rgba(0,0,0,0);min-height:32px;max-height:100px;overflow-y:hidden;height:auto;word-break: break-all;color:#333}
.inputComment .placeholder {position:absolute;left:12px;top:7px;z-index:0;font-size:14px;color:#999}
.inputComment .input-group-btn {height:100%}
.inputComment button {border-radius:5px;font-size:12px;height:100%;min-height:34px;padding-top:0px;padding-bottom:0px}
.inputComment b {font-weight:400}
.inputComment font {font-weight: 400;color:#333}

/* margin top */
.mt1 {margin-top:1px}
.mt2 {margin-top:2px}
.mt3 {margin-top:3px}
.mt4 {margin-top:4px}
.mt5 {margin-top:5px}
.mt6 {margin-top:6px}
.mt7 {margin-top:7px}
.mt8 {margin-top:8px}
.mt9 {margin-top:9px}
.mt10 {margin-top:10px}

/* padding top */
.pt1 {padding-top:1px}
.pt2 {padding-top:2px}
.pt3 {padding-top:3px}
.pt4 {padding-top:4px}
.pt5 {padding-top:5px}
.pt6 {padding-top:6px}
.pt7 {padding-top:7px}
.pt8 {padding-top:8px}
.pt9 {padding-top:9px}
.pt10 {padding-top:10px}

/* 아이콘 버튼 */
.btn-icon {padding:0px 10px 0 0;margin:0px;background:rgba(0, 0, 0, 0);border:0px;color:#333333}
.btn-icon img {float:left;height:28px;padding:0px;opacity:1.0;filter: alpha(opacity=100);}
.btn-icon div {float:left;padding:5px 0 0 0px;font-size:13px}
.btn-icon:hover {color:#777777;border:0px}
.btn-icon:active {box-shadow:0px 0px 0px;color:#555555;background:rgba(0, 0, 0, 0);border:0px}
.btn-icon:hover img {opacity:0.5;filter: alpha(opacity=50)}
.btn-icon:active img {opacity:0.7;filter: alpha(opacity=70)}

/* 스케줄 작성 */
#schedule-write {padding:0px;border:solid 1px #dddddd;border-radius:0px;padding:10px 15px 15px 15px;background:#ffffff}
#schedule-write .group {width:70px;padding-right:10px;border-radius:5px}
#schedule-write .group button {width:70px;height:70px;border-radius:5px;border:solid 1px #aaaaaa;background:#ffffff;padding-top:7px}
#schedule-write .group button:hover:active {background:#dddddd}
#schedule-write .group button i {font-size:17px}
#schedule-write .group button .txt {font-size:11px;padding-top:3px;width:100%}

#schedule-wrtie .group .inline {padding:4px 0 0 0;display:inline-block}
#schedule-wrtie .group .block1 {display:block}

#schedule-write .title div {font-size:15px;font-weight:bold;color:#333;padding:3px 0 5px 3px}
#schedule-write .title .require {color:red;font-size:9px;font-weight:normal}
#schedule-write .title .input {height:40px;width:100%;border-radius:5px;;border:solid 2px #00b395}
#schedule-write .memo {padding-top:10px}
#schedule-write .inputComment .input {min-height:100px;height:auto;border-radius:8px}

#schedule-write hr {clear:both;border-top:solid 1px #ccc;margin:15px 10px 20px 10px}
#schedule-write .member-title {font-size:18px;font-weight:600;padding:0 0px 3px 3px;}
#schedule-write .member-title button {padding:0px 3px 5px 10px;margin:0px}

#schedule-write .decimal-round {width:100%;}
#schedule-write .decimal-round button {width:100%}


#schedule-write .standard_exchange {width:100%;margin-bottom:10px}

#schedule-write .member-list {list-style:none;padding:0px;margin:0px;border:solid 2px #00b395;border-radius:10px}
#schedule-write .member-list li {padding:0px;margin:0px}
#schedule-write .member-list li .sort {display:none}
#schedule-write .member-list li:last-child .input100p:hover {background:rgba(0, 0, 0, 0);cursor:auto} 

#schedule-write .photo-info {clear:both;width:100%;margin-top:10px;display:none}
#schedule-write .photo-info ul {list-style:none;padding:0px;margin:0px;}
#schedule-write .checkin {word-break:break-all;padding:0px;margin:0px}

#schedule-write .input100p.top {border-radius:8px 8px 0 0;border-left:0px;border-right:0px;border-top:0px}
#schedule-write .input100p.middle {border-radius:0 0 0 0;border-left:0px;border-right:0px}
#schedule-write .input100p.bottom {border-radius:0 0 8px 8px;border-left:0px;border-right:0px;border-bottom:0px}
#schedule-write .btn100p.top {border-radius:8px 8px 0 0;border-left:0px;border-right:0px;border-top:0px}
#schedule-write .btn100p.middle {border-radius:0 0 0 0;border-left:0px;border-right:0px}
#schedule-write .btn100p.bottom {border-radius:0 0 8px 8px;border-left:0px;border-right:0px;border-bottom:0px}

/*#schedule-write .photo-info li {padding:0px;margin:0px;max-height:200px;overflow:hidden}*/
/*#schedule-write .photo-info li img {width:100%;height:200px;object-fit: cover;border:solid 1px #d5d5d5}*/

/* 지출 취소 버튼 */
/* #schedule-write .schedule-cancel {position:fixed;left:0px;top:7px;margin:0px;z-index:999;width:60px;height:35px;background:rgba(0, 0, 0, 0);text-align:left;color:#666666;font-weight:500;font-size:17px;border:0px} */

/* 지출 저장 버튼 */
/* #schedule-write .schedule-save {position:fixed;right:0px;top:7px;margin:0px;z-index:999;width:60px;height:35px;background:rgba(0, 0, 0, 0);text-align:right;color:#006092;font-weight:600;font-size:17px;border:0px} */

/* 멤버 수정 화면 뱃지 위치 */
#member-modify .badge-position {position:absolute;right:16px;top:-25px}

/* 지출 작성 */
#spend-write {padding:0px;border:solid 1px #dddddd;border-radius:0px;padding:10px 15px 15px 15px;background:#ffffff}
#spend-write .group {width:70px;padding-right:10px;}
#spend-write .group button {width:70px;height:70px;border-radius:5px;background:#ffffff}
#spend-write .group button img {width:35px}
#spend-write .group button i {font-size:25px}
#spend-write .group button:hover:active {background:#efefef}

#spend-write .title div {font-size:15px;font-weight:bold;color:#333;padding:3px 0 5px 3px}
#spend-write .title .require {color:red;font-size:9px;font-weight:normal}
#spend-write .title .input {height:40px;width:100%;border-radius:5px;border:solid 2px #00b395}
#spend-write .memo {padding-top:10px}
#spend-write hr {clear:both;border-top:solid 1px #ccc;margin:15px 10px 20px 10px}
#spend-write .price-info {font-size:18px;font-weight:600;padding:0 0 3px 6px;}
#spend-write .price-info .total-price {padding-right:5px;font-size:25px}
#spend-write .price-info .total-price button {border:0px;background:rgba(0, 0, 0, 0);font-size:25px;text-decoration:underline;margin-right:5px;font-family:arial}
#spend-write .inputComment .input {min-height:100px;height:auto;border-radius:8px}

#spend-write .member-list {list-style:none;padding:0px;margin:0px;border:solid 2px #00b395;margin-top:25px;border-radius:10px}
#spend-write .member-list li {padding:0px;margin:0px}
#spend-write .member-list li .sort {display:none}
#spend-write .member-list li:last-child .input100p:hover {background:rgba(0, 0, 0, 0);cursor:auto}

#spend-write .member-list li .sub .bell {padding:0px 0 0 0;margin-left:-2px}
#spend-write .member-list li .sub .bell img {float:left;width:16px;margin-right:2px}
#spend-write .member-list li .sub .bell .txt {float:left;font-size:12px;font-weight:normal;color:#333333}

#spend-write .input100p.top {border-radius:8px 8px 0 0;border-left:0px;border-right:0px;border-top:0px}
#spend-write .input100p.middle {border-radius:0 0 0 0;border-left:0px;border-right:0px}
#spend-write .input100p.bottom {border-radius:0 0 8px 8px;border-left:0px;border-right:0px;border-bottom:0px}

#spend-write .photo-info {width:100%;display:none}

/*
#spend-write .photo-info ul {list-style:none;padding:0px;margin:0px;background:#efefef}
#spend-write .photo-info .photo-list {width:100%}
#spend-write .photo-info .help {margin-top:5px}
#spend-write .photo-info .help .star {vertical-align: top !important;padding:2px 3px 0 0}
#spend-write .photo-info .help .txt {font-size:12px}
#spend-write .photo-info .help .sub {font-size:11px}
*/

#spend-write .checkin {word-break:break-all;padding:0px;margin:0px}
#spend-write .member-button button {margin:0px}

#spend-write .help-group {clear:both;font-size:11px;padding:10px 8px 0px 8px;color:#aaa}
#spend-write .help-group .star {vertical-align: top !important;padding:3px 5px 0 0}
#spend-write .help-group .txt {font-size:11px}
#spend-write .help-group .txt .bold {font-size:14px;font-weight:600}
#spend-write .help-group .margin-bottom {padding-bottom:10px}



/* 기본 화폐 */
#popup-currency-list .modal-body {padding:0px 0px 0px 0px;overflow-y:scroll}
#popup-currency-list .list-object {padding:0px 0px 0px 0px;margin-top:-1px;color:#333333}
#popup-currency-list .list-object .ibox-content {margin:0px;padding:5px 10px 5px 10px;}
#popup-currency-list .list-object .ibox-content:hover:active {background:#efefef}
#popup-currency-list .currency-table {width:100%}
#popup-currency-list .currency-left .image {}
#popup-currency-list .currency-left .image img {width:30px;margin-right:10px;padding:0px;margin:0px}
#popup-currency-list .currency-left .txt {font-size:16px;font-weight:600}
#popup-currency-list .currency-left .name {font-size:13px;padding-top:5px}
#popup-currency-list .currency-right {font-size:12px}
#popup-currency-list .currency-right .code {text-align:right;font-size:16px;font-family:arial;margin-bottom:5px}
#popup-currency-list .currency-right .update {text-align:right;font-size:10px}
#popup-currency-list .currency-right .flag {width:16px}




/* 팝업 멤버 목록 */
/*
#member-list-popup .modal-dialog {width:100%;padding:30px 30px 0 10px}
#member-list-popup .modal-header {padding:15px}
#member-list-popup .modal-body {padding:10px 10px 5px 0px;max-height:400px;min-height:300px;overflow-y:scroll}
*/

#member-list-popup .list-object {margin:0px;padding:0px;background:#ffffff;border:0px}
#member-list-popup .list-object:hover:active:link {box-shadow: 0px 0px 0px;background:#efefef}
/* #member-list-popup .list-object {padding:0px 0px 9px 10px;margin:0px;width:100%} */
#member-list-popup .list-object .product-box {margin:0px;padding:0px;border:0px;margin-top:-1px;border-bottom:solid 1px #ddd;border-top:solid 1px #ddd}
#member-list-popup .list-object .btn100p {padding:7px 10px 0 10px;height:50px;border:0px}

.user-list {display:none}
.user-list .center-area {background:#fff;border:solid 1px #ddd;padding:0px 0px 0px 15px;border-bottom:solid 1px #dddddd}
.user-list .member-list {padding:0px;margin:-1px 0px -10px -10px;border:0px}
.user-list .member-list .list {width:50%;float:left;width:100%;padding:0px;border:0px}
.user-list .member-list .list .ibox-content {margin:0px;padding:0px;border:0px;border-top:solid 1px #dddddd;margin-top:0px}
.user-list .member-list .list .btn100p {padding:7px 10px 0 10px;min-height:50px;overflow:hidden;border:0px;background:#ffffff}
.user-list .member-list .list .right {padding-right:5px}
.user-list .member-list .list .right button {min-width:70px;margin-left:5px;padding:5px 2px 5px 2px}
.user-list .member-list .list .btn100p {position:relative}
.user-list .member-list .list .btn100p .profile img {width:35px;height:35px;margin-right:10px}

.user-list .member-list .list .btn100p .round-label {position:absolute;left:-3.5px;top:32px;width:61px;display:none;}

.user-list .keyword-search {padding:10px 0 12px 15px;background:#ffffff;border-top:solid 1px #cccccc}

#follow-list .list {padding:0px 0px 10px 10px;width:100%;float:left}
#follow-list .list .product-box {margin:0px;padding:0px}
#follow-list .product-box {border:solid 1px #ddd;margin-top:0px}
#follow-list .list .btn100p {padding:7px 10px 0 10px;height:65px;overflow:hidden;border:0px;background:#ffffff}

/* 팝업 페이스북 친구 목록 */
/*
#facebook-list-popup .modal-dialog {width:590px;padding:30px 30px 0 0}
#facebook-list-popup .modal-header {padding:15px}
#facebook-list-popup .modal-body {padding:10px 10px 5px 0px;max-height:500px;min-height:500px;overflow-y:scroll}
*/
#facebook-list-popup .list {padding:0px 0px 10px 10px;width:50%;float:left}
#facebook-list-popup .list .product-box {margin:0px;padding:5px 10px 5px 10px}
#facebook-list-popup .list .btn100p {padding:7px 10px 0 10px;height:50px;border:0px;background:#ffffff}
#facebook-list-popup .list.readonly .btn100p{background:#efefef}

#facebook-list .list {padding:0px 0px 10px 10px;width:50%;float:left}
#facebook-list .list .product-box {margin:0px;padding:0px}
#facebook-list .product-box {border:solid 1px #ddd;margin-top:0px}
#facebook-list .list .btn100p {padding:7px 10px 0 10px;height:50px;border:0px;background:#ffffff}
#facebook-list .list.readonly .btn100p{background:#efefef}

div.grayscale, img.grayscale, td.grayscale {-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0.4;filter:alpha(opacity=40)}


button.off {color:#777777}
button.off img {;opacity:0.4;filter:alpha(opacity=40)}

div.disable {color:#777777;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0.4;filter:alpha(opacity=40)}


/* 환율 변환 표시 */
.exchange_info {font-family:arial;border:solid 0px #fff;font-size:10px;margin-bottom:-5px}
.exchange_info .flag {padding:2px 0px 0 2px;margin:0px}
.exchange_info .flag img {width:14px;padding:0px}
.exchange_info .source {padding:3px 0px 0 2px;font-size:10px}
.exchange_info .source .currency {padding:3px 0px 0 4px;color:#333333}
.exchange_info .source .price {color:#006092}
.exchange_info .target {padding:3px 0px 0 2px;font-size:10px}
.exchange_info .target .currency {padding:3px 0px 0 4px;color:#333333}
.exchange_info .target .price {color:#bb0000}
.exchange_info .arrow {padding:1px 2px 0 2px;-webkit-filter: invert(30%)}
.exchange_info .arrow img {width:13px;padding:1px 0 0 0;margin:1px 0px 0px 0px}

.exchange_info.invert .currency {color:#ffffff}
.exchange_info.invert .source .price {color:#48d6ff}
.exchange_info.invert .target .price {color:#ff4848}
.exchange_info.invert .arrow {-webkit-filter: invert(100%)}

.name-index {list-style:none;padding:0px;margin:0px;font-size:14px}
.name-index li {float:left;padding:0px;margin:0px}
.name-index li a {padding:0px 6px 0px 0px}
.name-index li a:hover {color:#007a90;font-weight:800}
.name-index li a.on {font-weight:800}

.navigation {padding:0px 0 10px 0px;font-size:17px;color:#111111;font-weight:600}

button.text {border:0px;background:rgba(0, 0, 0, 0);text-decoration: underline;color:#666666;font-size:14px}
button.text:hover {color:#333333}
button.text:active {color:#888888}
button.more {width:200px;border:0px;border-bottom:solid 1px #dddddd;background:rgba(0, 0, 0, 0)}
button.more:hover {color:#333333;border-bottom:solid 1px #777777;}

.desc {font-size:12px}

/* 프로필 이미지 업로드 폼 */
.dropzone.profile {border: 1px;height:100px;width:100%;background:transparent !important;padding: 0px;margin:0px;}
.dropzone.profile .dz-preview {padding:0px;margin:0px;border:px;background:rgba(0, 0, 0, 0)}
.dropzone.profile .dz-success-mark {background:rgba(0, 0, 0, 0)}
.dropzone.profile .dz-preview .dz-image {width:100px;height:100px;padding:0px;margin:0px;border-radius:50px;background:rgba(0, 0, 0, 0)}
.dropzone.profile .dz-preview .dz-image img {width:100px;height:100px;object-fit: cover;}
.dropzone.profile .dz-filename, .dz-size {display:none}
.dropzone.profile .dz-remove {padding-top:3px;font-size:12px}
.dropzone.profile .dz-message {font-size:11px;padding-top:85px}
/*
.profile-upload {position:relative;width:260px;border:solid 0px #000;padding:0px;margin:0px;overflow:hidden}
.profile-upload .bg {position:absolute;left:80px;top;0px;border:solid 1px #dddddd;border-radius:50px;width:100px;height:100px}
*/

/* 스케줄 배경화면 업로드 폼 */
/*
.dropzone.schedule-bg {border:solid 1px #dddddd;height:auto;width:100%;padding: 0px;margin:0px;background:transparent !important;}
.dropzone.schedule-bg .dz-preview {width:100%;padding:0px;margin:0px;border:px;background:rgba(0, 0, 0, 0)}
.dropzone.schedule-bg .dz-success-mark {background:rgba(0, 0, 0, 0)}
.dropzone.schedule-bg .dz-preview .dz-image {width:100%;height:200px;padding:0px;margin:0px;background:rgba(0, 0, 0, 0);border-radius:0px}
.dropzone.schedule-bg .dz-preview .dz-image img {width:100%;height:200px;object-fit: cover;}
.dropzone.schedule-bg .dz-filename, .dz-size {display:none}
.dropzone.schedule-bg .dz-remove {padding-top:5px;font-size:12px}
.dropzone.schedule-bg .dz-message {font-size:11px;padding-top:85px}
*/
#schedule-write .img-preview {position:relative;width:100%;height:200px;border:solid 0px #000;padding:0px;margin:0px;overflow:hidden}
#schedule-write .img-preview .bg {position:absolute;left:0px;top;0px;width:100px;height:200px;}
#schedule-write .img-preview .background.blur {position:absolute;top:0px;width:150%;left:-25%;filter: blur(30px);}

/* 지출 사진 업로드 폼 */
.spend-photo-upload {position:relative;width:100%;height:100px;border:solid 1px #dddddd;padding:0px;margin:0px;overflow:hidden}
.spend-photo-upload button.add {width:100px;height:100px;text-align:center;padding-top:0px;color:#ffffff;background:#aaaaaa;border:solid 0px #000}
.spend-photo-upload button.add img {width:30px;filter: brightness(0) invert(1);}
.spend-photo-upload button.add:hover {background:#999999}

/*
.dropzone.spend-photo {float:left;border:solid 0px #dddddd;height:100px;padding: 0px;margin:0px;background:transparent !important;}
.dropzone.spend-photo .dz-preview {float:left;width:100px;padding:0px;margin:0px;border:px;background:rgba(0, 0, 0, 0)}
.dropzone.spend-photo .dz-success-mark {background:rgba(0, 0, 0, 0)}
.dropzone.spend-photo .dz-preview .dz-image {width:100%;height:100px;padding:0px;margin:0px;background:rgba(0, 0, 0, 0);border-radius:0px}
.dropzone.spend-photo .dz-preview .dz-image img {width:100px;height:100px;object-fit: cover}
.dropzone.spend-photo .dz-filename, .dz-size {display:none}
.dropzone.spend-photo .dz-remove {padding-top:5px;font-size:12px;display:none}
.dropzone.spend-photo .dz-message {font-size:11px;padding-top:85px;display:none}
*/


/* 체크인 */
#map {height:0px;width:100%}
.pac-container {font-family: Roboto;z-index: 2551 !important;}
.pac-item {padding:5px 5px 3px 5px}
.pac-item-query {font-size:16px}
.map-marker {font-size:20px;color:red;position:absolute;left:50%;top:175px;margin:-35px 0 0 -20px}
.map-marker img {width:40px}
#current-location {position:absolute;z-index:999 !important;right:20px;bottom:20px;border:1px solid #888888;background:#ffffff;margin-right:10px;margin-bottom:10px;border-radius:50%;padding:10px}
#current-location img {width:25px;height:25px}
#current-location:hover:active {background:#dddddd}
#popup-checkin .address {position:absolute;left:0px;top:0px;width:100%;background:rgba(0, 0, 0, 0.4);z-index:2560;color:#ffffff;text-align:left;padding:5px 20px 7px 20px;font-weight:500}
#popup-checkin .address .location {font-size:11px;padding-top:5px}


.modal.modal-alert {text-align: center;padding: 0!important;}
.modal.modal-alert:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal.modal-alert .modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}

.modal .modal-dialog {height: 100%;padding-bottom:20px}
.modal .modal-dialog button.cancel {text-align:left;border:0px;background:rgba(0, 0, 0, 0);font-size:16px;padding:10px 10px 10px 15px}
.modal .modal-dialog button.remove {text-align:center;border:0px;background:rgba(0, 0, 0, 0);font-size:16px;padding:10px 10px 10px 10px;color:#dd0000}
.modal .modal-dialog button.confirm {text-align:right;border:0px;background:rgba(0, 0, 0, 0);font-size:16px;font-weight:600;padding:10px 15px 10px 10px}
.modal .modal-dialog button.custom-left {text-align:left;border:0px;background:rgba(0, 0, 0, 0);font-size:16px;padding:10px 10px 10px 15px}
.modal .modal-dialog button.custom-right {text-align:right;border:0px;background:rgba(0, 0, 0, 0);font-size:16px;font-weight:600;padding:10px 15px 10px 10px}

.modal .modal-dialog .modal-content {height: auto;min-height: 100%;background:#f8fafb}
.modal .modal-header {padding:0px;background:#ffffff}
.modal .modal-header table {width:100%;height:55px;border-bottom:solid 1px #eeeeee;}
.modal .modal-header table .left {width:20%;text-align:left}
.modal .modal-header table .center {width:auto}
.modal .modal-header table .right {width:20%;text-align:right;color:#006092}
.modal .modal-header table .right .off {color:#dddddd !important}
.modal .modal-header table .title {font-size:19px;font-weight:600}
.modal .modal-body {overflow-y:scroll}

.modal .modal-bottom {padding:0px;background:#ffffff;border-top:solid 1px #eeeeee;}
.modal .modal-bottom .row {padding:0px;margin:0px}
.modal .modal-bottom .row div {padding:0px;}
.modal .modal-bottom .line {border-right:solid 1px #eeeeee}
.modal .modal-bottom button {width:100%;text-align:center !important;border:solid 0px #000000 !important;padding:10px 10px 10px 10px !important}


/* .modal.modal-alert.in {display: flex !important} */
.modal.modal-alert .modal-dialog {margin:auto;height:auto;width:90%;max-width:400px;margin-bottom:50px}
.modal.modal-alert .modal-body {overflow-y:hidden;overflow-x:hidden}
.modal.modal-alert .input100p input {padding-top:10px;height:30px}
.modal.modal-alert button.cancel img {width:20px;margin-left:-10px;margin-bottom:5px;opacity:1.0;filter: alpha(opacity=100)}


/* 달력 모달 */
.caleran-body {padding:0px;margin:0px}
.caleran-body .modal-header {padding:0px}
.caleran-body .modal-header table {width:100%;height:55px;border-bottom:solid 1px #eeeeee;}
.caleran-body .modal-header table .left {width:20%;text-align:left}
.caleran-body .modal-header table .center {width:auto}
.caleran-body .modal-header table .right {width:20%;text-align:right;color:#006092}
.caleran-body .modal-header table .right .off {color:#dddddd !important}
.caleran-body .modal-header table .title {font-size:19px;font-weight:600}
.caleran-body button.cancel {text-align:left;border:0px;background:rgba(0, 0, 0, 0);font-size:16px;padding:10px 10px 10px 15px}
.caleran-body button.confirm {text-align:right;border:0px;background:rgba(0, 0, 0, 0);font-size:16px;font-weight:600;padding:10px 15px 10px 10px}

.modal .list-body {padding:0px}
.modal .list-body .input100p {border-radius:0px;border-left:0px;border-right:0px}
.modal .list-body .input100p input {margin-top:-5px}

/* 상단 타이틀 */
.top-title {padding-top:8px;margin:0px;z-index:999;width:100%;height:35px;text-align:center;color:#333333;font-weight:600;font-size:17px !important;border:0px}

/*
#popup-schedule-group .modal-body {background:#ffffff}
#popup-schedule-group ul {padding:0px;margin:0px;list-style:none}
#popup-schedule-group li {text-align:left;margin-top:-1px;padding-left:0px;border-top:solid 1px #dddddd;border-bottom:solid 1px #dddddd}
#popup-schedule-group li button {width:100%;text-align:left;height:45px;border:0px;background:rgba(0, 0, 0, 0)}
#popup-schedule-group li button:hover:active {background:#efefef}
#popup-schedule-group li img {width:30px}
*/

#popup-schedule-group .modal-body {padding:0 0 10px 0;overflow-y:scroll;overflow-x:hidden;border-radius:0 0 5px 5px}
#popup-schedule-group .modal-body .name {clear:both;font-size:14px;font-weight:600;padding:10px 0 5px 15px;color:#333333}
#popup-schedule-group .modal-body ul {padding:0px;margin:0px;list-style:none;clear:both;padding:0px 0 0 10px}
#popup-schedule-group .modal-body li {float:left;padding:0px 0px 10px 0}
#popup-schedule-group .modal-body button {padding:10px;margin:0px 10px 0px 0px;border:solid 1px #efefef;border-radius:5px;background:#ffffff;width:85px;font-size:11px}
#popup-schedule-group .modal-body button:hover:active {background:#efefef}
#popup-schedule-group .modal-body button img {width:25px;height:25px;margin:0px}


#popup-spend-category .modal-body {padding:0 0 10px 0;overflow-y:scroll;overflow-x:hidden;border-radius:0 0 5px 5px}
#popup-spend-category .modal-body .name {clear:both;font-size:14px;font-weight:600;padding:10px 0 5px 15px;color:#333333}
#popup-spend-category .modal-body ul {padding:0px;margin:0px;list-style:none;clear:both;padding:0px 0 0 10px}
#popup-spend-category .modal-body li {float:left;padding:0px 0px 10px 0}
#popup-spend-category .modal-body button {padding:10px;margin:0px 10px 0px 0px;border:solid 1px #efefef;border-radius:5px;background:#ffffff}
#popup-spend-category .modal-body button:hover:active {background:#efefef}
#popup-spend-category .modal-body button img {width:25px;height:25px;margin:0px}
#popup-spend-category .modal-body button i {font-size:20px}

.modal-popup-alert.centered-modal.in {display:flex !important;}
.modal-popup-alert.centered-modal .modal-dialog {margin: auto;}
.modal-popup-alert .modal-dialog {width:80%;height:auto;background:rgba(0, 0, 0, 0)}
.modal-popup-alert .modal-content {background:rgba(0, 0, 0, 0) !important}
.modal-popup-alert .modal-body {background:#ffffff;border-radius:5px;border-radius:5px;overflow:hidden}
.modal-popup-alert .modal-body button {width:100%;height:50px;background:#ffffff;color:#666666;border:0px;border-bottom:solid 1px #eeeeee;font-size:14px}
.modal-popup-alert .modal-body button:hover:active {background:#efefef}
.modal-popup-alert .modal-body button i {font-size:14px;padding:0px 5px 0 5px}

.modal-popup-alert .modal-footer {background:#ffffff;border-radius:5px;border-radius:5px;overflow:hidden;padding:0px;margin:10px 0 0 0 }
.modal-popup-alert .modal-footer button {width:100%;height:50px;background:#ffffff;color:#666666;font-size:14px}
.modal-popup-alert .modal-footer button:hover:active {background:#efefef}
.modal-popup-alert .modal-footer button.cancel {color:#dd0000;text-align:center;font-weight:600}
.modal-popup-alert .modal-body button img {max-height:22px;opacity:0.7;filter: alpha(opacity=70);margin-bottom:3px;}
.modal-popup-alert ul {list-style:none;padding:0px;margin:0px}
.modal-popup-alert li {float:left;padding:0px;margin:0px}
.modal-popup-alert.modal.fade {transition: none;}
.modal-popup-alert .modal-body .desc {font-size:9px;color:#888;padding-top:5px}

/* #popup-alert.modal.fade {transition: none;} */
#popup-alert-list.modal.fade {transition: none;}
/* #popup-alert .modal-body .desc {font-size:9px;color:#888;padding-top:5px} */


.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background-color: #000000;}
.modal-backdrop.fade.in {z-index: -1}

#schedule-write .sdate img {width:25px;height:25px;margin:2px 2px 0px 2px}
#schedule-write .edate img {width:25px;height:25px;margin:2px 2px 0px 2px}
#schedule-write .sdate .txt {font-size:14px}
#schedule-write .edate .txt {font-size:14px}
/* 화면의 가로 길이가 미만인 경우 예외처리 */
@media (max-width: 375px) {
	#schedule-write .sdate .txt {font-size:13px}
	#schedule-write .edate .txt {font-size:13px}
}

#spend-write .sdate img {width:25px;height:25px;margin:2px 2px 0px 2px}
#spend-write .sdate .txt {padding-top:5px}
#spend-write .btn-memo {margin-left:-6px}
#spend-write .btn-memo .txt {padding-top:7px}



/*************************/
/* 마이 페이지 			 */
/*************************/
#myinfo-header table {width:100%}
#myinfo-header .main-info {background:#ffffff;margin-bottom:1px}

/* 프로필 사진 업로드 폼 */
.profile-photo {max-width:200px;min-width:200px;padding-bottom:20px;vertical-align:top;}
.profile-photo .profile-upload {position:relative;width:130px;height:0px;border:solid 0px #000;padding:20px 0 130px 0;margin:0px;overflow:hidden}
.profile-photo .profile-upload .dropzone.uploadform {border: 0px;background:transparent !important;padding: 0px;margin:0px;margin-left:0px}
.profile-photo .profile-upload .dropzone.uploadform .dz-preview {border:solid 0px #000;width:130px;height:130px;padding:0px;margin:0px;border:px;background:rgba(0, 0, 0, 0)}
.profile-photo .profile-upload .dropzone.uploadform .dz-success-mark {background:rgba(0, 0, 0, 0)}
.profile-photo .profile-upload .dropzone.uploadform .dz-preview .dz-image {border:solid 0.5px #eeeeee;width:130px;height:130px;padding:0px;margin:0px;border-radius:65px;background:rgba(0, 0, 0, 0)}
.profile-photo .profile-upload .dropzone.uploadform .dz-preview .dz-image img {width:130px;height:130px;object-fit: cover;}
.profile-photo .profile-upload .dropzone.uploadform .dz-filename, .dz-size {display:none}
.profile-photo .profile-upload .dropzone.uploadform .dz-remove {padding-top:3px;font-size:12px;display:none}
.profile-photo .profile-upload .dropzone.uploadform .dz-message {font-size:11px;padding-top:85px;display:none}
.profile-photo .profile-upload .bg-wrap {position:absolute;left:0px;top;0px;width:130px;height:130px;}
.profile-photo .profile-upload .bg-wrap .bg {border:solid 1px #dddddd;border-radius:65px;width:130px;height:130px}
.profile-photo .profile-upload .camera {position:absolute;right:5px;bottom:5px;z-index:10;width:30px;height:30px;border-radius:15px;background:#bbbbbb;border:solid 1px #ffffff;}
.profile-photo .profile-upload .camera img {width:20px;height:auto;padding:4px 0 0 0px;-webkit-filter: brightness(100) invert(1.0);}
/* 프로필 사진 업로드 팝업용 */
.profile-photo .profile-upload.popupsize {width:100px;min-height:100px;height:100px;padding:0px}
.profile-photo .profile-upload.popupsize .bg-wrap {position:absolute;left:0px;top;0px;width:100px;height:auto;}
.profile-photo .profile-upload.popupsize .bg-wrap .bg {border-radius:50px;width:100px;height:100px}
.profile-photo .profile-upload.popupsize .camera {position:absolute;right:0px;bottom:2px;border:solid 1px #f8fafb;}
.profile-photo .profile-upload.popupsize .profile-popup {width:0px;height:0px;display:none}
.profile-photo .profile-upload.popupsize input {position:absolute;left:0px;top:0px;width:100%;height:100%;line-height:100px;opacity:0;z-index: 10;display:none}

#myinfo-header .user-info {padding:20px 15px 0 10px;vertical-align:top}
#myinfo-header .user-info .btn-list {max-width:400px;padding:0px 10px 0 10px}
#myinfo-header .user-info .btn-list button {border:0px;background:rgba(0, 0, 0, 0);padding:0px;margin:0px}
#myinfo-header .user-info .btn-list button .num {font-size:18px;font-weight:600}
#myinfo-header .user-info .btn-list button .name {font-size:11px;}
#myinfo-header .user-info .profile {max-width:400px}
#myinfo-header .user-info .profile button {width:100%;margin-top:10px;font-size:12px}

/* 내 정보 버튼 목록 */
#myinfo-header .sub-info {padding:0px;margin:0px}
#myinfo-header .sub-info div {padding:0px;margin:0px}
#myinfo-header .sub-info button {width:100%;height:70px;background:#ffffff;border:solid 1px #eeeeee;border-right:0px;border-bottom:0px;}
#myinfo-header .sub-info button:hover:active {background:#f4f4f4;color:#000000}
#myinfo-header .sub-info button.bottom {border-bottom:solid 1px #eeeeee}
#myinfo-header .sub-info button img {width:25px}
#myinfo-header .sub-info button .name {font-size:11px}

@media (min-width: 500px) {
	.user-name-web {padding:10px 0px 10px 0px;}
	.user-name-web .name {font-size:17px;font-weight:600;color:#333333}
	.user-name-mobile {display:none}
}

@media (max-width: 500px) {
	.profile-photo {max-width:120px;min-width:120px;padding-bottom:20px}
	.profile-photo .profile-upload {position:relative;width:80px;height:80px;border:solid 0px #000;padding:20px 0 0 0;margin:0px;overflow:hidden}
	.profile-photo .profile-upload .dropzone.uploadform {height:80px;margin-left:0px}
	.profile-photo .profile-upload .dropzone.uploadform .dz-preview {width:80px;height:80px}
	.profile-photo .profile-upload .dropzone.uploadform .dz-preview .dz-image {width:80px;height:80px;padding:0px;margin:0px;border-radius:40px;background:rgba(0, 0, 0, 0)}
	.profile-photo .profile-upload .dropzone.uploadform .dz-preview .dz-image img {width:80px;height:80px;object-fit: cover;}
	.profile-photo .profile-upload .bg-wrap {position:absolute;left:0px;top;0px;width:80px;height:80px;}
	.profile-photo .profile-upload .bg-wrap .bg {border:solid 1px #dddddd;border-radius:40px;width:80px;height:80px}
	.profile-photo .profile-upload .camera {position:absolute;right:0px;bottom:0px;z-index:10;width:26px;height:26px;border-radius:13px;background:#bbbbbb;border:solid 1px #ffffff}
	.profile-photo .profile-upload .camera img {width:18px;height:auto;padding:2px 0 0 0px;-webkit-filter: brightness(100) invert(1.0);}
	
	.profile-photo .profile-upload.popupsize .bg-wrap {width:80px;left:0px}
	.profile-photo .profile-upload.popupsize .camera {right:3px;bottom:3px;border:solid 1px #f8fafb;}
	
	.user-name-mobile {padding:0px 0px 10px 20px;margin-top:-10px}
	.user-name-mobile .name {font-size:14px;font-weight:600;color:#333333}
	.user-name-web {display:none}
}


.schedule-tab {margin-bottom:1px;margin-bottom:-49px} 
.schedule-tab div {padding:0px;margin:0px}
.schedule-tab button {width:100%;height:40px;background:#ffffff;border:0px;color:#bbb}
.schedule-tab button img {-webkit-filter: brightness(0) invert(0.3);filter: brightness(0) invert(0.3);opacity:0.3;filter: alpha(opacity=30);width:22px}
.schedule-tab button.on {color:#333333;font-weight:600}
.schedule-tab button.on img {-webkit-filter: brightness(0) invert(0.3);filter: brightness(0) invert(0.3);opacity:1.0;filter: alpha(opacity=100)}


/*************************/
/* 설정 페이지 			 */
/*************************/
.list-type-a {background:#ffffff;margin-top:10px}
.list-type-a .header {padding:10px 0px 15px 15px;height:35px;border-bottom:solid 1px #eeeeee}
.list-type-a .header .title {font-size:14px;font-weight:600;color:#333333}
.list-type-a .body3 {padding:0px 25px 0px 25px}
.list-type-a .body3 hr {border:0px;border-bottom:solid 1px #efefef;padding:0px;margin:0px}
.list-type-a .body3 table {width:100%;margin:10px 0 10px 0;border:solid 0px #000;height:30px}
.list-type-a .body3 table .title {font-size:14px;color:#777777}
.list-type-a .body3 table .desc {font-size:10px;color:#999999}
.list-type-a .body3 button {width:100%;text-align:left;padding:0px;margin:0px;border:0px;background:rgba(0,0,0,0)}
.list-type-a .body3 button img {width:12px}
.list-type-a .body3 button:hover:active .title {color:#000000}
.list-type-a .body3 button:hover:active .desc {color:#333333}

/*************************/
/* 친구 찾기 페이지 		 */
/*************************/
.find-user-tab {margin-bottom:1px;background:#2c88a9;color:#ffffff} 
.find-user-tab div {padding:0px;margin:0px}
.find-user-tab button {width:100%;height:40px;background:#1d6a86;border:0px}
.find-user-tab button img {-webkit-filter: brightness(0) invert(0.3);filter: brightness(0) invert(0.3);opacity:0.3;filter: alpha(opacity=30);width:22px}
.find-user-tab button.on {color:#ffffff;text-decoration:underline}
.find-user-tab button.on img {-webkit-filter: brightness(0) invert(0.3);filter: brightness(0) invert(0.3);opacity:1.0;filter: alpha(opacity=100)}



/*************************/
/* 로그인 화면 			 */
/*************************/
#signin .display {margin:30px 0 0 0;text-align:center}
#signin .display .wrap {position:relative;width:302px}
#signin .display .wrap .cover {position:absolute;left:0px;top:0px;z-index:20}
#signin .display .wrap .iphone {position:absolute;left:10px;top:37px;z-index:10}
#signin .display .wrap .iphone img {position:absolute;left:0px;top:0px;width:278px}

#signin .signin {color:#000}
#signin #signin-body {color:#fff}
/* #signin .signin .wrap {border:solid 1px #ddd;width:100%;text-align:center;} */
#signin .signin .wrap .line {padding:0px 15px 0 15px}
#signin .signin .wrap .line .left {margin:10px -15px 0 0;border-top:solid 1px #999999}
#signin .signin .wrap .line .right {margin:10px 0 0 -15px;border-top:solid 1px #999999}
#signin .signin .wrap .sns {padding:10px 20px 0 20px}
#signin .signin .wrap .sns .kakao {width:100%;height:35px;background:#f9dd00;color:#222;font-weight:bold;font-size:13px;border:solid 1px #ec9e00}
#signin .signin .wrap .sns .facebook {width:100%;height:35px;background:#177ef7;color:#fff;font-weight:bold;font-size:13px;margin-top:15px;border:solid 1px #0053b5}

#signin .signin .wrap .etc {padding:15px 20px 0px 20px}
#signin .signin .wrap .etc .email {background:#ffffff;color:#000;border:solid 0px;border-bottom:solid 1px #000;padding:5px}
#signin .signin .wrap .etc .password {background:#ffffff;color:#000;margin-top:15px;border:solid 0px;border-bottom:solid 1px #000;padding:5px}
#signin .signin .wrap .etc .signin {width:100%;height:35px;background:#fff;color:#888;border:solid 1px #aaa;font-weight:bold;font-size:13px;margin-top:20px}
#signin .signin .wrap .etc .signin.enable {background:#e63754;color:#fff;border:solid 1px #b1001d}
#signin .signin .wrap .etc .find_password {padding:15px 0 10px 0;font-size:12px}
#signin .signin .wrap .etc .find_password a {color:#777777;text-decoration: underline}


#signin .signin .email_txt {padding:10px 0 15px 0;font-size:12px} 
#signin .signin .email_txt a {color:#000;text-decoration: underline}
#signin .signin .email_form {}

#signin .signup {position:relative;background:rgba(0,0,0,0);width:300px;height:70px;text-align:center;margin-top:20px}
#signin .signup .bg {position:absolute;left:0px;top:0px;background:#ffffff;opacity:0.8;filter: alpha(opacity=80);width:100%;height:70px}
#signin .signup button {position:absolute;left:0px;top:0px;border:solid 1px #ddd;padding:10px 0 10px 0;font-size:12px;width:100%;height:70px;background:rgba(0,0,0,0);}
#signin .signup button:hover:active {background:#efefef}
#signin .signup button .desc {color:#000;text-decoration: underline}
#signin .signup button .link {padding-top:5px}
#signin .signup button .link a {color:#405a94;font-size:20px;font-weight:bold}

#signin .store {padding-top:30px;text-align:center}
#signin .store .apple {font-size:9px;text-align:left;margin-right:10px;width:140px;background:#333;color:#fff;border-radius:5px}
#signin .store .apple img {float:left;height:26px;opacity:1.0;filter: alpha(opacity=100);margin-top:2px}
#signin .store .apple div {float:left;padding:0px 0 0 10px}
#signin .store .apple .name {font-size:12px;font-weight:bold;font-family:arial}

#signin .store .google {font-size:9px;text-align:left;margin-left:10px;width:140px;background:#333;color:#fff;border-radius:5px}
#signin .store .google img {float:left;height:24px;opacity:1.0;filter: alpha(opacity=100);margin-top:2px}
#signin .store .google div {float:left;padding:0px 0 0 10px}
#signin .store .google .name {font-size:11px;font-weight:bold;font-family:arial}

#signin .store button:hover {background:#000;}

#signin .sfooter {width:100%;text-align:center;padding-bottom:10px;padding-top:20px;color:#fff}
#signin .sfooter.bottom {position:fixed;left:0px;bottom:0px;width:100%}
#signin .sfooter .company {width:auto;text-align:left;font-size:9px;padding-left:10px;margin-bottom:55px;color:#000}
#signin .sfooter .company a {color:#777}

.custom-tooltip {display:inline-block;opacity: 1;position: relative;}
.custom-tooltip .tooltip-inner {background:#0088cc;}
.custom-tooltip.top .tooltip-arrow {border-top-color:#0088cc;}
.custom-tooltip .title {white-space:nowrap;}
.custom-tooltip .price {white-space:nowrap;}

.gm-style-iw + div {display: none;}
.gm-style-iw {text-align:center;position:absolute;bottom:-25px !important;top:auto !important}


.image-center-middle50 {position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;margin-top: -25px;margin-left: -25px;opacity:0.5;filter: alpha(opacity=50)}

/* 설정 - 카카오톡/페이스북 연동 */
.setting-type1 {background:rgba(0,0,0,0)}
.setting-type1 form {padding-top:10px}
.setting-type1 form .col-xs-12 {padding-top:0px}
.setting-type1 .wrap {padding:10px 30px 0 30px}
.setting-type1 .blink {font-size:13px;}
.setting-type1 .desc {padding:10px 10px 20px 20px;text-align:right}
.setting-type1 button {width:100%;height:40px;font-size:14px;font-weight:600}

#password-change .desc {padding-top:5px;text-align:right;font-size:12px}

#push-list .list-object {padding:0px 0px 0px 0px;margin-top:-1px;color:#333333;}
#push-list .list-object .ibox-content {margin:0px;padding:0px 20px 0px 20px;}
#push-list .list-object .ibox-content:hover:active {background:#efefef}
#push-list .list-object .btn100p {padding:6px 10px 0 10px;height:47px;overflow:hidden;border:0px;background:#ffffff}
#push-list .profile img {width:35px;height:35px;margin-right:7px}
#push-list .text .title a {font-size:12px;font-weight:600;color:#222}
#push-list .text .desc {padding-top:4px;font-size:11px;color:#666}
#push-list .text .good {width:15px !important;margin-top:-1px;opacity:0.5;filter: alpha(opacity=50)}
#push-list .text .bad {width:15px !important;margin-top:-1px;opacity:0.5;filter: alpha(opacity=50)}
#push-list .text .comment {width:15px !important;margin-top:-1px;opacity:0.5;filter: alpha(opacity=50)}
#push-list .text .sender {color:#437ab2}
#push-list .text .spend_title {color:#222}
#push-list .text .date {font-size:9px;color:#aaa}

.arrow i.fa-angle-right {font-size:12px;margin:3.5px 2px 0 2px;color:#000}

/* 사진 업로드 팝업 */
#popup-photo-cropper .photo-container {max-width: 640px;}
#popup-photo-cropper .photo-container .wrap {width:100%}
#popup-photo-cropper .photo-container .preview {position:absolute;left:0px;top:0px;width:100%;min-height:350px}
#popup-photo-cropper .photo-container img {max-width:100%}
#popup-photo-cropper .photo-container {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC')}
#popup-photo-cropper .docs-buttons .default-button .btn {width:50px;height:50px;border:solid 1px #000;font-size:15px;}
#popup-photo-cropper .docs-buttons.off .btn-blue {background:#ddd;border:solid 1px #ccc !important} 
#popup-photo-cropper .cropper-bg {background-image:none !important;border:0px !important}
#popup-photo-cropper .modal-body {margin-left:-1px;margin-right:-1px;margin-bottom:-1px;overflow:hidden}
#popup-photo-cropper .preview-container {bottom:10px}

.preview-container {position:absolute;left:0px;margin:0px 10px 0px 0px;padding:0px;width:100%;}
.preview-container ul {padding:0px;margin:0px;list-style:none}
.preview-container li {position:relative;padding:0px;margin:0px;width:100px;height:100px;float:left}
.preview-container li div {width: 96px; height: 96px;overflow:hidden}
.preview-container li .img-preview img {display: block;width:100px;height:100px;object-fit:cover}
.preview-container li .img-preview {position:absolute;left:0px;top:0px;border:solid 1px #000}
.preview-container li .img-preview .progress {position:absolute;left:0px;top:0px;width:0%;height:5px;background:#ff0000;border-radius:0px}
.preview-container .btn-file input[type=file] {position: absolute;top:0;right:0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: white;cursor: inherit;display: block;}
.preview-container .loading {background:#fff}
.preview-container .list {padding:0px 10px 0px 10px;width:100%;height:100px;border:solid 0px #999;background:rgba(0,0,0,0);overflow:hidden}
.preview-container .list .view {padding:0px;margin:0px;border:solid 0px #eee;background:#fff;display:none}
.preview-container .list .view .img-preview {border:solid 0px;width:100%;height:100%}
.preview-container .list .view .img-preview .choice {position:absolute;left:0px;top:0px;width:100%;height:100px;background:rgba(0,0,0,0.5);border:solid 0px #f00;display:none!}
.preview-container .list .view .img-preview .choice i {position:absolute;left:10px;top:10px;font-size:23px;color:#fff}
.preview-container .list .view .img-preview .choice.off {display:none !important}
.preview-container .list .view .img-preview .progressbar {position:absolute;left:0px;top:0px;background:rgba(0, 0, 0, 0.5);width:100%;height:100px;border:solid 1px #fff;display:none}
.preview-container .list .view .img-preview .progressbar table {width:100%;height:100px}
.preview-container .list .view .img-preview .progressbar .wrap {position:relative;background:rgba(255,255,255,0.3);width:80px;height:20px;border-radius:10px;border:solid 1px #fff;overflow:hidden}
.preview-container .list .view .img-preview .progressbar .progress {width:0%;height:20px;background:rgba(255, 255, 255, 0.9)}
.preview-container .list .file {padding:0px;margin:0px;border:solid 0px #eee}

.preview-container .list .file .btn-file {position: relative;overflow: hidden;width:100px;height:100px;background:#ccc;border-radius:0px;border:0px;vertical-align:middle;font-size:13px;color:#777}
.preview-container .list .file .btn-file i {font-size:24px}

/*
#spend-write .photo-info .preview-container .progressbar {position:absolute;left:10px;top:40px;background:rgba(255,255,255,0.3);width:80px;height:20px;border-radius:10px;border:solid 1px #fff;display:none!}
#spend-write .photo-info .preview-container .progressbar .progress {width:0%;height:20px;background:rgba(255, 255, 255, 0.9)}
*/


.photo-upload .btn-file {position:relative;padding-left:2px}
.photo-upload .btn-file .txt {padding-top:6.5px}
.photo-upload .btn-file input {position: absolute;top:0;right:0;width: 100%;height:100%;font-size: 15px;text-align: right;filter: alpha(opacity=0);opacity: 0.0;outline: none;background: white;cursor: inherit;display: block;}

/* 로딩 */
.js-list {padding:0px;margin:0px}
.js-list .more {display:none;padding-top:20px;}
.js-list .status-group {text-align:center;padding-top:10px}
.js-list .loading-body {padding:20px 0 20px 0;text-align:center;color:#444444}
.js-list .loading-body img {padding-bottom:15px;width:30px}
.js-list .loading-body .txt {font-size:13px;font-weight:400;padding-bottom:20px}
.js-list .required-signin {padding:60px 0 0 0;display:none;position:relative}
.js-list .required-signin a {text-decoration:underline}

.nodata-overwrite {display:none}
.js-list .loading-body .txt .icon {font-size:30px}
.js-list .loading-body .txt .text-group {margin-top:10px}
.js-list .loading-body .txt .text-group .title {padding-bottom:20px}
.js-list .loading-body .txt hr {width:70%}
.js-list .loading-body .txt .tutorial {font-size:12px;color:#888;padding-top:10px}