@charset "utf-8";

html, body {
  /* font-family: 'NotoSansCJKkr-DemiLight', sans-serif; */
  margin: 0;
  padding: 0;
}
img {
  width: 100%;
}

/* layout */
.blue_body {background:#fff}
.lightgray_body {background:#eee;}

.btn_page_back:active {
    background-color: black;
    border-radius: 0.2em;
}

.pointer {cursor:pointer}

/* intro */
.intro_a .bi {padding:38px 0 30px;}
.intro_a .bi img {display:block; margin:0 auto; width:31.5%;}
.intro_a .visual {padding:0 0 28px;}
.intro_a .visual img {display:block; margin:0 auto; width:66.6%;}
.intro_a .loading {text-align:center;}
.intro_a .loading .animate {margin-bottom:15px;}
.intro_a .loading .animate span {display:inline-block; margin:0 2px; width:9px; height:9px; background:#81e3ff; border-radius:50em;}
.intro_a .loading .animate span.on {background:#fff;}
.intro_a .loading .txt {color:#b8efff; font-size:0.831em;}
.intro_a .copyright {position:fixed; bottom:15px; left:0; width:100%; background:#43badd;}
.intro_a .copyright img {display:block; margin:0 auto; width:264px; height:6px;}

/* login */
.login_a {padding:38px 6% 40px;}
.login_a .logo {margin:10px auto 25px;text-indent:-9999px;background:url('../images/common/login_logo.png') center no-repeat;background-size:contain;width:100%;height:100px}
.login_a .logo img {display:block; width:215px; height:74px;}
.login_a .input_box {margin-top:12px;}
.login_a .input_box:first-child {margin-top:0;}
.login_a .input_box input {box-sizing:border-box; -webkit-appearance:none; appearance:none; padding:0 10px; width:100%; height:50px; line-height:50px; color:#333; font-size:1em; border:1px solid #d0d0d0; border-radius:4px; background:#fff;}
.login_a .input_box input::-webkit-input-placeholder {color:#999;}
.login_a .btn_login {display:block; margin-top:25px; height:55px;width:100%;line-height:55px; color:#fff; font-size:1.125em; font-weight:bold; text-align:center; border:1px solid #7ad8c4; border-radius:8px; background:linear-gradient(135deg, #7ad8c4 0%, #68c9b4 55%, #55bca7 100%); cursor:pointer; transition:all 0.2s ease;}
.login_a .btn_login:hover {background:linear-gradient(135deg, #86dfcd 0%, #72d1bd 55%, #5fc8b2 100%);}
.login_a .btn_login:active {transform:translateY(1px);}
.login_a .find_a {margin-top:28px; text-align:center;}
.login_a .find_a .btn_find_account {color:#fff; font-size:0.9em; text-decoration:underline; opacity:.8;}
.login_a .btn_join {display:block; position:fixed; left:0; bottom:0; width:100%; height:54px; line-height:54px; color:#000; font-size:1.125em; text-align:center; background:#fdd835;}

/* join */
.join_a {padding:60px 8% 70px;}
.join_a .join_header {position:fixed; top:0; left:0; z-index:1000; width:100%; height:60px; background:#43badd;}
.join_a .join_header .btn_page_back {position:absolute; top:19px; left:3.6%; padding-left:34px; color:#fff; font-size:1.312em; background:url('../images/common/btn_page_back.png') no-repeat left; background-size:19px 20px;}
.join_a .input_box {position:relative; height:56px; border-bottom:1px solid #7ed0e8;}
.join_a .input_box.phone {padding:0 68px 0 36px; background:url('../images/common/ico_join_phone.png') no-repeat 7px center; background-size:15px 26px;}
.join_a .input_box.s_num {padding:0 0 0 36px; background:url('../images/common/ico_join_s_num.png') no-repeat 7px center; background-size:15px 20px;}
.join_a .input_box.password {padding:0 0 0 36px; background:url('../images/common/ico_join_password.png') no-repeat 7px center; background-size:13px 20px;}
.join_a .input_box.phone .btn {position:absolute; right:0; top:12px; width:67px; height:30px; line-height:30px; color:#fff; font-size:0.725em; text-align:center; background:#215d6e; border-radius:15px;}
.join_a .input_box input {width:calc(100%); height:56px; line-height:56px; color:#fff; font-size:1em; border:0; background:#43badd;}
.join_a .input_box input::-webkit-input-placeholder {color:#98e8ff;}
.join_a .agree {position:relative; height:32px; line-height:32px;}
.join_a .agree.top {margin-top:20px;}
.join_a .agree input {position:absolute; top:0; left:-9999px;}
.join_a .agree label {display:block; padding-left:36px; color:#fff; font-size:0.9em; font-weight:normal; background:url('../images/common/ico_join_agree_off.png') no-repeat 7px center; background-size:19px;}
.join_a .agree input:checked + label {background:url('../images/common/ico_join_agree_on.png') no-repeat 7px center; background-size:19px;}
.join_a .guide {padding:32px 0 0; letter-spacing:-2px; color:#fff; font-size:1.775em; text-align:center;}
.join_a .choice_gender {margin-top:50px;}
.join_a .choice_gender > div {position:relative;}
.join_a .choice_gender > div label {display:block; padding:115px 0 0; color:#fff; font-size:1.125em; font-weight:normal; text-align:center; opacity:0.4;}
.join_a .choice_gender > div input[type="radio"] {position:absolute; top:0; left:-9999px;}
.join_a .choice_gender > div input[type="radio"]:checked + label {opacity:1;}
.join_a .choice_gender .female {float:left; width:45%;}
.join_a .choice_gender .female label {background:url('../images/common/ico_join_female.png') no-repeat center 10px; background-size:87px 81px;}
.join_a .choice_gender .male {float:right; width:45%;}
.join_a .choice_gender .male label {background:url('../images/common/ico_join_male.png') no-repeat center 2px; background-size:65px 91px;}
.join_a .choice_gender .txt {float:left; width:10%; height:133px; line-height:133px; color:#fff; font-size:1.375em;}
.join_a .input_name {margin-top:42px;}
.join_a .input_name .ico {text-align:center;}
.join_a .input_name .ico img {width:25%;}
.join_a .input_name .input_box {margin-top:30px; border-top:1px solid #7ed0e8;}
.join_a .input_name .input_box input {font-size:1.437em; text-align:center;}
.join_a .txt_summary_mid {margin:25px 0; line-height:22px; color:#fff; font-size:1.25em; text-align:center;}
.join_a .txt_summary_small {margin:25px 0 30px; line-height:20px; color:#fff; font-size:0.95em;  text-align:center;}
.join_a .select_info {position:relative; margin:72px 0 0; border-top:1px solid #7ed0e8; border-bottom:1px solid #7ed0e8;}
.join_a .select_info .c_selectbox {position:relative; float:left; width:47.5%; height:70px; background:#43badd url('../images/common/bg_join_selectbox_arrow.png') right 20px center no-repeat;
background-size:11px 6px; border:none;}
.join_a .select_info .c_selectbox.back {width:35.5%;}
.join_a .select_info .c_selectbox label {color:#fff; font-size:2.187em; top:14px; left:14px;}
.join_a .select_info .c_selectbox select {height:70px; min-height:70px; line-height:70px; padding:0 10px;}
.join_a .select_info .txt {float:left; height:70px; line-height:70px; color:#fff; font-size:1.312em;}
.join_a .select_info .point {position:relative; top:38px; float:left; color:#fff; font-size:1.312em;}
.join_a .input_code {padding:0 0 0 80px; border-top:1px solid #7ed0e8; border-bottom:1px solid #7ed0e8; background:url('../images/common/ico_code.png') no-repeat 10px center; background-size:26px 15px;}
.join_a .input_code input {width:calc(100%); height:70px; line-height:70px; color:#fff; font-size:1em; background:none; border:0;}
.join_a .input_code input::-webkit-input-placeholder {color:#98e8ff;}
.join_a .btn_join,
.join_a .btn_next {display:block; position:fixed; left:0; bottom:0; width:100%; height:54px; line-height:54px; color:#000; font-size:1.125em; text-align:center; background:#fdd835;}

/* main */
.main_header {position:fixed; left:0; top:0; z-index:1000; width:100%; height:45px; background:#43badd;}
.main_header .logo {position:absolute; top:0px; left:3.6%;}
.main_header .btn_setting {display:block; position:absolute; right:3.6%; top:13px; width:22px; height:22px; background:url('../images/common/btn_header_setting.png') no-repeat center; background-size:22px;}
.main_container {padding:0}
.main_container .top_a {position:relative; height:114px; border-bottom:1px solid #a4a3a2; background-repeat: no-repeat; background-size:cover;}
.main_container .top_a .logo {position:absolute; top:10px; right:3.6%; width:63px; height:9px;}
.main_container .top_a .top_title {position:absolute; top:58px; left:3.6%; color:#fff; font-size:1.375em;}
.main_container .top_a .notice {position:absolute; bottom:8px; left:0; padding:0 3.6%; width:92.8%; height:20px; line-height:20px;}
.main_container .top_a .notice .title {float:left; width:60px; color:#fdd835; font-size:0.875em; font-weight:normal;}
.main_container .top_a .notice .cont {float:left; margin-left:0; width:100%;}
.main_container .top_a .notice .cont .subject {float:left; color:#999; width:70%; font-size:0.9em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_container .top_a .notice .cont .date {float:right; color:#999; font-size:0.7em;}
.main_container .my_card {position:relative; margin:6px auto 0; padding:5px 0; width:calc(92.8% - 2px); border:1px solid #ddd; border-radius:6px; background:#fff;}
.main_container .my_card .title {position:absolute; top:-1px; right:-1px; width:36px; height:35px;}
.main_container .my_card .pic {float:left; width:100px; margin-left:5px; height:100px; border-radius:6px;}
.main_container .my_card .info {float:left; padding:0 0 0 12px; width:calc(100% - 100px - 24px);}
.main_container .my_card .info .row_top {padding:0 0 5px; border-bottom:1px solid #ddd;}
.main_container .my_card .info .row_top .name {float:left; line-height:22px; letter-spacing:-2px; color:#222; font-size:1.05em;margin:0}
.main_container .my_card .info .row_top .stat {position:relative; top:4px; float:right; line-height:22px; font-size:0.635em;}
.main_container .my_card .info .row_top .stat.green {color:#0e8622;margin:0}
.main_container .my_card .info .detail {padding:5px 0 0;}
.main_container .my_card .info .detail dl dt,
.main_container .my_card .info .detail dl dd {display:block; height:22px; line-height:22px;}
.main_container .my_card .info .detail dl dt {float:left; color:#666; font-size:0.831em;}
.main_container .my_card .info .detail dl dd {float:right; color:#444; font-size:0.875em;}
.main_container .main_nav li {float:left; width:33%; height:118px; text-align:center; border-bottom:1px solid #ddd}
.main_container .main_nav li.trainer {padding:0;}
.main_container .main_nav li.trainer a {display:block;}
.main_container .main_nav li.trainer .pic {margin:0 auto; width:69px; height:69px; border-radius:50em;}
.main_container .main_nav li.trainer .name {margin-top:8px; color:#444; font-size:0.775em;}
.main_container .main_nav li .ico {width:100%; height:67px;}
.main_container .main_nav li.enroll .ico {background:url('../images/common/ico_main_nav_enroll.png') no-repeat center center; background-size:50px 43px;}
.main_container .main_nav li.attandance .ico {background:url('../images/common/ico_main_nav_attendance.png') no-repeat center center; background-size:31px 43px;}
.main_container .main_nav li.activity .ico {background:url('../images/common/ico_main_nav_activity.png') no-repeat center center; background-size:42px 42px;}
.main_container .main_nav li.exercise .ico {background:url('../images/common/ico_main_nav_exercise.png') no-repeat center center; background-size:40px 43px;}
.main_container .main_nav li.weight .ico {background:url('../images/common/ico_main_nav_weight.png') no-repeat center center; background-size:42px 42px;}
.main_container .main_nav li.food .ico {background:url('../images/common/ico_main_nav_diet.png') no-repeat center center; background-size:45px 44px;}
.main_container .main_nav li.ranking .ico {background:url('../images/common/ico_main_nav_ranking.png') no-repeat center center; background-size:26px 47px;}
.main_container .main_nav li.board .ico {background:url('../images/common/ico_main_nav_board.png') no-repeat center center; background-size:37px 39px;}
.main_container .main_nav li.schedule .ico {background:url('../images/common/ico_main_nav_schedule.png') no-repeat center center; background-size:37px 39px;}
.main_container .main_nav li.message .ico {background:url('../images/common/ico_main_nav_suggestions.png') no-repeat center center; background-size:31px 45px;}
.main_container .main_nav li.comingsoon .ico {background:url('../images/common/ico_main_nav_shopping_mall.png') no-repeat center center; background-size:38px 38px;}
.main_container .main_nav li.reservation .ico {background:url('../images/common/ico_main_nav_reservation.png') no-repeat center center; background-size:44px 35px;}

.main_container .main_nav li.stop .ico {background:url('../images/common/stop.png') no-repeat center center; background-size:50px 50px;}
.main_container .main_nav li.counsel .ico {background:url('../images/common/counsel.png') no-repeat center center; background-size:50px 50px;}
.main_container .main_nav li.mileage .ico {background:url('../images/common/ico_main_nav_mileage.png') no-repeat center center; background-size:46px 46px;}

.main_container .main_nav li.golf .ico {background:url('../images/golf.png') no-repeat center center; background-size:60px 45px;}
.main_container .main_nav li.table_tennis .ico {background:url('../images/table_tennis.png') no-repeat center center; background-size:60px 45px;}
.main_container .main_nav li.study-room .ico {background:url('../images/study_room.png') no-repeat center center; background-size:60px 45px;}
.main_container .main_nav li.order1 .ico {background:url('../images/order1.png') no-repeat center center; background-size:81px 62px;}
.main_container .main_nav li.order2 .ico {background:url('../images/order2.png') no-repeat center center; background-size:63px 55px;}
.main_container .main_nav li.order3 .ico {background:url('../images/order3.png') no-repeat center center; background-size:70px 58px;}
.main_container .main_nav li.order4 .ico {background:url('../images/order4.png') no-repeat center center; background-size:62px 58px;}
.main_container .main_nav li.locker .ico {background:url('../images/common/ico_main_nav_locker.png') no-repeat center center; background-size:50px 44px;}
.main_container .main_nav li.shoes-locker .ico {background:url('../images/common/ico_main_nav_shoes_locker.png') no-repeat center center; background-size:50px 37px;}

.main_container .main_nav li dl dt,
.main_container .main_nav li dl dd {display:block;}
.main_container .main_nav li dl dt {margin-bottom:4px; color:#444; font-size:0.831em;}
.main_container .main_nav li dl dd {color:#ff8d1d; font-size:1.025em;}
.main_container .main_nav li p {margin:8px 0 0; padding-bottom:0; color:#444; font-size:0.831em;}

.mdl-card.danger {border-color:red}
.mdl-card.danger .mdl-card__actions {background-color:red;color:white}
.mdl-card.danger .mdl-card__actions p {color:white;font-weight:bold}

.mdl-card.success {border-color:green}
.mdl-card.success .mdl-card__actions {color:white}
.mdl-card.success .mdl-card__actions p {color:white;font-weight:bold}
.mdl-card.success .mdl-card__actions.mdl-card--border {border-color:green}

.mdl-card.secondary {border-color:#999}
.mdl-card.secondary .mdl-card__actions {background-color:#999;color:white}
.mdl-card.secondary .mdl-card__actions p {color:white;font-weight:bold}

#trainers section h3 {font-size:1.5em}

/* sub layout */
.sub_header {position:fixed; left:0; top:0; z-index:1000; width:100%; height:57px; background:#43badd; border-bottom:1px solid #b2e3f1;}
.sub_header .page_title {line-height:100%; color:#fff; font-size:1.312em; font-weight:normal; text-align:center;margin:20px 0}
.sub_header .btn_page_back,.sub_header .backpress {display:block; position:absolute; left:3.6%; top:19px; width:19px; height:20px; background:url('../images/common/btn_page_back.png') no-repeat; background-size:19px 20px;}
.sub_container {padding:58px 0 20px;}

/* 캘린더 시작 */
.add-layout {
  background: rgb(245,245,245);
}

/* sub calendar */
.calendar_a {padding:24px 0 0;}
.calendar_a .month_set {position:relative; margin-bottom:14px; height:27px; line-height:27px;}
.calendar_a .month_set .txt {letter-spacing:-2px; color:#222; font-size:1.4em; text-align:center;}
.calendar_a .month_set a {display:block; position:absolute; top:0; width:27px; height:27px;}
.calendar_a .month_set .btn_prev {left:3.6%; background:url('../images/common/btn_calendar_prev.png') no-repeat center; background-size:11px 17px;}
.calendar_a .month_set .btn_next {right:3.6%; background:url('../images/common/btn_calendar_next.png') no-repeat center; background-size:11px 17px;}
.calendar_a table {width:100%;}
.calendar_a table th,
.calendar_a table td {text-align:center; vertical-align:middle; border-bottom:1px solid #ddd;}
.calendar_a table th {height:46px; color:#828282;}
.calendar_a table td {position:relative; height:43px;}
.calendar_a table td span {display:inline-block; color:#696969;}
.calendar_a table td.today span {width:34px; height:34px; line-height:34px; color:#fff; background:#bdbec0; border-radius:50em;}
.calendar_a table td.red span,
.calendar_a table td.sun span {color:#db0404;}
.calendar_a table td.sat span {color:#3d6e82;}
.calendar_a table td.other span {color:#969696;}
.calendar_a table td .stat {position:absolute; bottom:0; left:0; width:100%; text-align:center;}
.calendar_a table td .stat span {display:inline-block; width:9px; height:9px; border-radius:50em;}
.calendar_a table td .stat .orange {background:#e98f00;}
.calendar_a table td .stat .green {background:#0b9937;}
.calendar_a .summary {padding:14px 3.6% 20px; text-align:right;}
.calendar_a .summary span {display:inline-block; padding-left:15px; }
.calendar_a .summary span.orange {color:#e98f00; background:url('../images/common/ico_circle_orange.png') no-repeat left; background-size:9px;}
.calendar_a .summary span.green {margin-left:12px; color:#0b9937; background:url('../images/common/ico_circle_green.png') no-repeat left; background-size:9px;}

/* attendance */
.attendance_w .status {background:#64c6e3;}
.attendance_w .status dl {float:left; padding:15px 0 0; width:33.33%;}
.attendance_w .status dl dt,
.attendance_w .status dl dd {display:block; text-align:center;}
.attendance_w .status dl dt {margin-bottom:16px; color:#ffe119; font-size:1em;}
.attendance_w .status dl dd {color:#fff; font-size:1.125em;}
.attendance_w .btn_attendance {display:block; margin:0 auto; width:92.8%; height:43px; line-height:43px;  text-align:center; background:#fdd835; border-radius:8px;}
.attendance_w .btn_attendance span {display:inline-block; padding-left:28px; letter-spacing:-2px; color:#000; font-size:1.125em; background:url('../images/common/ico_check.png') no-repeat left; background-size:17px 13px;}

/* activity */
.activity_w .status {background:#64c6e3;}
.activity_w .status li {float:left; padding:54px 0 11px; width:33.33%; color:#fff; font-size:1.125em; text-align:center;}
.activity_w .status li:nth-child(1) {background:url('../images/common/ico_activity_stat_distance.png') no-repeat center 10px; background-size:38px 34px;}
.activity_w .status li:nth-child(2) {background:url('../images/common/ico_activity_stat_food.png') no-repeat center 8px; background-size:48px 35px;}
.activity_w .status li:nth-child(3) {background:url('../images/common/ico_activity_stat_walk.png') no-repeat center 9px; background-size:40px 34px;}
.activity_w .heart_status {padding:11px 3.6%; border-bottom:1px solid #ddd;}
.activity_w .heart_status .title {float:left; padding:46px 0 0; width:68px; color:#444; font-size:0.831em; font-weight:normal; text-align:center; background:url('../images/common/ico_activity_heart_rate.png') no-repeat center top; background-size:48px 40px;}
.activity_w .heart_status .h_stat {float:left; width:calc(100% - 68px);}
.activity_w .heart_status .h_stat dl {float:left; padding-left:15px; width:calc(33.33% - 15px);}
.activity_w .heart_status .h_stat dl dt,
.activity_w .heart_status .h_stat dl dd {display:block;}
.activity_w .heart_status .h_stat dl dt {padding:10px 0; color:#444;}
.activity_w .heart_status .h_stat dl dd .num {margin-right:5px; color:#ec616a; font-size:1.437em;}
.activity_w .heart_status .h_stat dl dd .bpm {color:#999;}
.activity_w .chart_a {padding:13px 3.6%;}
.activity_w .chart_a .row_top {margin-bottom:20px;}
.activity_w .chart_a .row_top .mode {float:left;}
.activity_w .chart_a .row_top .mode li {float:left; margin-left:4px;}
.activity_w .chart_a .row_top .mode li:first-child {margin-left:0;}
.activity_w .chart_a .row_top .mode li a {display:block; width:60px; height:25px; line-height:25px; color:#5ca1b5; font-size:0.831em; text-align:center; border:1px solid #6dc9e5; background:#fff;}
.activity_w .chart_a .row_top .mode li.on a {color:#fff; background:#58b8d4;}
.activity_w .chart_a .row_top .btn_set {float:right; width:88px; height:25px; line-height:25px; color:#666; font-size:0.831em; text-align:center; border:1px solid #c1c2c4;}
.activity_w .chart_a .chart {position:relative; margin-bottom:12px;}
.activity_w .chart_a .chart #chart01 {width:100%; height:258px;}
.activity_w .chart_a .chart .amcharts-chart-div a {position:absolute; top:0; left:-9999px !important;}
.activity_w .chart_a .chart .amcharts-chart-div text {font-size:0.675em;}
.activity_w .chart_a .btn_link_smartband {display:block; height:41px; line-height:41px; text-align:center; border:1px solid #e7d06f; background:#fdd835; border-radius:8px;}
.activity_w .chart_a .btn_link_smartband span {display:inline-block; padding-left:28px; color:#000; font-size:1.125em; background:url('../images/common/ico_activity_smart_band.png') no-repeat left; background-size:18px;}

/* exercise */
.exercise_w .category {background:#eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.exercise_w .category li {float:left; width:50%;}
.exercise_w .category li a {display:block; height:54px; line-height:54px; color:#888; font-size:1.125em; text-align:center;}
.exercise_w .category li.curr a {color:#444; border-bottom:2px solid #64c6e3;}
.exercise_w .summary {width:100%; border-bottom:1px solid #ddd;}
.exercise_w .summary th,
.exercise_w .summary td {vertical-align:middle;}
.exercise_w .summary th {height:43px; color:#666; font-weight:normal; border-bottom:1px solid #ddd;}
.exercise_w .summary td {height:32px; color:#999; font-size:0.9em; text-align:center;}
.exercise_w .summary td.left {padding:0 10px; text-align:left;}
.exercise_w .chart_a {padding:12px 3.6%;}
.exercise_w .chart_a .title {margin-bottom:15px; color:#444; font-size:1.125em; font-weight:normal;}
.exercise_w .chart_a .chart {margin-bottom:12px;}
.exercise_w .chart_a .chart #chart01 {width:100%; height:292px;}
.exercise_w .chart_a .chart .amcharts-chart-div a {position:absolute; top:0; left:-9999px !important;}
.exercise_w .chart_a .chart .amcharts-chart-div text {font-size:0.675em;}
.exercise_w .btn_regist_exercise {display:block; margin:0 auto; width:92.8%; height:43px; line-height:43px;  text-align:center; background:#fdd835; border-radius:8px;}
.exercise_w .btn_regist_exercise span {display:inline-block; padding-left:28px; letter-spacing:-2px; color:#000; font-size:1.125em; background:url('../images/common/ico_regist_exercise.png') no-repeat left; background-size:18px;}

/* weight */
.weight_w .status {padding:14px 0 10px; border-bottom:1px solid #bdbec0;}
.weight_w .status .date {color:#222; font-size:1.125em; text-align:center;}
.weight_w .status .data {margin-top:15px;}
.weight_w .status .data dl dt,
.weight_w .status .data dl dd {display:block; text-align:center;}
.weight_w .status .data dl dt {color:#666; font-size:0.95em;}
.weight_w .status .data dl dd {padding:55px 0 0; color:#444;}
.weight_w .status .data dl.weight dd {color:#3f8aa0;}
.weight_w .status .data dl:nth-child(1) dd {background:url('../images/common/ico_weight_stat01.png') no-repeat center 7px; background-size:51px 34px;}
.weight_w .status .data dl:nth-child(2) dd {background:url('../images/common/ico_weight_stat02.png') no-repeat center 7px; background-size:41px 36px;}
.weight_w .status .data dl:nth-child(3) dd {background:url('../images/common/ico_weight_stat03.png') no-repeat center 8px; background-size:37px 36px;}
.weight_w .status .data dl:nth-child(4) dd {background:url('../images/common/ico_weight_stat04.png') no-repeat center 8px; background-size:51px 34px;}
.weight_w .status .data dl:nth-child(5) dd {background:url('../images/common/ico_weight_stat05.png') no-repeat center 10px; background-size:27px 28px;}
.weight_w .chart_a {padding:13px 3.6%;}
.weight_w .chart_a .row_top {margin-bottom:20px;}
.weight_w .chart_a .row_top .mode {float:left;}
.weight_w .chart_a .row_top .mode li {float:left; margin-left:4px;}
.weight_w .chart_a .row_top .mode li:first-child {margin-left:0;}
.weight_w .chart_a .row_top .mode li a {display:block; width:60px; height:25px; line-height:25px; color:#5ca1b5; font-size:0.831em; text-align:center; border:1px solid #6dc9e5; background:#fff;}
.weight_w .chart_a .row_top .mode li a.active {color:#fff; background:#58b8d4;}
.weight_w .chart_a .row_top .btn_set {float:right; width:88px; height:25px; line-height:25px; color:#666; font-size:0.831em; text-align:center; border:1px solid #c1c2c4;}
.weight_w .chart_a .chart {height:305px;}
.weight_w .chart_a .chart .swiper-container {height:305px;}
.weight_w .chart_a .chart #chart01 {width:100%; height:285px;}
.weight_w .chart_a .chart #chart02 {width:100%; height:285px;}
.weight_w .chart_a .chart #chart03 {width:100%; height:285px;}
.weight_w .chart_a .chart .amcharts-chart-div a {position:absolute; top:0; left:-9999px !important;}
.weight_w .chart_a .chart .amcharts-chart-div text {font-size:0.675em;}
.weight_w .chart_a .chart .swiper-pagination-bullets {bottom:0 !important;}
.weight_w .chart_a .chart .swiper-pagination-bullet {background:#818181 !important; opacity:1;}
.weight_w .chart_a .chart .swiper-pagination-bullet-active {background:#e73a6d !important;}
.weight_w .chart_a .btn_link_smartband {display:block; height:41px; line-height:41px; text-align:center; border:1px solid #e7d06f; background:#fdd835;}
.weight_w .chart_a .btn_link_smartband span {display:inline-block; padding-left:28px; color:#000; font-size:1.125em; background:url('../images/common/ico_activity_smart_band.png') no-repeat left; background-size:18px;}
.weight_w .info_a {padding:14px 3.6% 10px; background:#f6f7f7; border-top:1px solid #e4e5e6;}
.weight_w .info_a .info {padding-left:36px; height:25px; line-height:25px; color:#666; font-size:0.875em; background:url('../images/common/ico_goal_bedge.png') no-repeat 9px center; background-size:16px 25px;}
.weight_w .info_a .btns {margin:12px 0 0;}
.weight_w .info_a .btns a {display:block; width:98%; height:41px; line-height:41px; text-align:center; border:1px solid #dcbc30; background:#fdd835; border-radius:8px;}
.weight_w .info_a .btns a span {display:inline-block; padding-left:26px;}
.weight_w .info_a .btns .btn_measure {float:left;}
.weight_w .info_a .btns .btn_measure span {background:url('../images/common/ico_measure.png') no-repeat left center; background-size:20px 19px;}
.weight_w .info_a .btns .btn_regist {float:right;}
.weight_w .info_a .btns .btn_regist span {background:url('../images/common/ico_weight_regist.png') no-repeat left center; background-size:18px 17px;}
.regist_a {padding:60px 8% 70px;}
.regist_a .sub_header {background:#43badd;}
.regist_a .sub_header .btn_page_back {display:block; position:absolute; left:3.6%; top:19px; width:19px; height:20px; background:url('../images/common/btn_page_back.png') no-repeat; background-size:19px 20px;}
.regist_a .guide {padding:32px 0 0; letter-spacing:-2px; color:#fff; font-size:1.775em; text-align:center;}
.regist_a .select_info {position:relative; margin:72px 0 0; border-top:1px solid #7ed0e8; border-bottom:1px solid #7ed0e8;}
.regist_a .select_info .c_selectbox {position:relative; float:left; width:47.5%; height:70px; background:#43badd url('../images/common/bg_join_selectbox_arrow.png') right 20px center no-repeat;
background-size:11px 6px; border:none;}
.regist_a .select_info .c_selectbox.back {width:35.5%;}
.regist_a .select_info .c_selectbox label {color:#fff; font-size:2.187em; top:14px; left:14px;}
.regist_a .select_info .c_selectbox select {height:70px; min-height:70px; line-height:70px; padding:0 10px;}
.regist_a .select_info .point {position:relative; top:38px; float:left; width:3%; color:#fff; font-size:1.312em;}
.regist_a .select_info .txt {float:left; width:14%; height:70px; line-height:70px; color:#fff; font-size:1.437em; text-align:center;}
.regist_a .set_date {position:relative; margin:60px 0 0; border-top:1px solid #7ed0e8; border-bottom:1px solid #7ed0e8;}
.regist_a .set_date .c_selectbox {position:relative; float:left; width:30%; height:53px; background:#43badd url('../images/common/bg_join_selectbox_arrow.png') right 15px center no-repeat;
background-size:11px 6px; border:none;}
.regist_a .set_date .c_selectbox.year {width:40%;}
.regist_a .set_date .c_selectbox label {color:#fff; font-size:1.25em; top:14px; left:14px;}
.regist_a .set_date .c_selectbox select {height:53px; min-height:53px; line-height:53px; padding:0 10px;}
.regist_a .btn_regist {display:block; position:fixed; left:0; bottom:0; width:100%; height:54px; line-height:54px; color:#000; font-size:1.125em; text-align:center; background:#fdd835;}
.regist_a.product {padding:60px 0 20px;}
.regist_a .product_list li {padding:0 3.6%; height:162px; border-bottom:1px solid #60c5e2;}
.regist_a .product_list li .info {float:left; padding:46px 0 0; width:calc(100% - 120px);}
.regist_a .product_list li .info .name {margin-bottom:16px; color:#fff; font-size:1.312em; text-align:center;}
.regist_a .product_list li .info .btn_regist_product {display:block; margin:0 auto; width:122px; height:35px; line-height:35px; color:#389cba; font-size:1.025em; text-align:center; border:1px solid #3088a3; background:#fff;}
.regist_a .product_list li .picture {position:relative; float:right; width:120px; height:162px; text-align:center;}
.regist_a .product_list li .picture img {position:absolute; top:50%; left:50%;}

/* food */
.food_w .kcal > div {float:left; padding:10px 0 12px; width:50%;}
.food_w .kcal > div dl {padding:65px 0 0; text-align:center;}
.food_w .kcal .total {width:calc(50% - 1px); border-right:1px solid #ececed;}
.food_w .kcal .total dl {background:url('../images/common/ico_food_total_kcal.png') no-repeat center top; background-size:42px 51px;}
.food_w .kcal .recommend dl {background:url('../images/common/ico_food_recommend_kcal.png') no-repeat center 3px; background-size:54px 44px;}
.food_w .kcal dl dt,
.food_w .kcal dl dd {display:inline-block;}
.food_w .kcal dl dt {color:#666;}
.food_w .kcal dl dd {color:#3f8aa0;}
.food_w .food_list .group {height:132px; background:#647ae3; border-bottom:1px solid #5c71d2;}
.food_w .food_list .summary {position:relative; float:left; padding:9px 3.6%; width:calc(120px - 7.2%);}
.food_w .food_list .summary .title {position:absolute; top:9px; left:3.6%; color:#fdd835; font-weight:normal;}
.food_w .food_list .summary .top {margin-bottom:6px; padding:74px 0 0; color:#fff; font-size:0.95em; text-align:center;}
.food_w .food_list .summary .bottom {color:#97a9ff; font-size:0.9em; text-align:center;}
.food_w .food_list .breakfast .summary .top {background:url('../images/common/ico_food_breakfast.png') no-repeat right 6px top 4px; background-size:53px 55px;}
.food_w .food_list .lunch .summary .top {background:url('../images/common/ico_food_lunch.png') no-repeat right 6px top 4px; background-size:51px 50px;}
.food_w .food_list .dinner .summary .top {background:url('../images/common/ico_food_dinner.png') no-repeat right 6px top 8px; background-size:49px 41px;}
.food_w .food_list .details {float:right; width:calc(100% - 120px);}
.food_w .food_list .details dl {float:left; width:50%; height:132px; background:#fff;}
.food_w .food_list .details dl dt,
.food_w .food_list .details dl dd {display:block;}
.food_w .food_list .details dl dt {margin-bottom:3px; height:40px; line-height:40px; color:#fff; text-align:center; background:#7664e3; border-bottom:1px solid #cbd0e8;}
.food_w .food_list .details dl dd {padding:0 3.6%; width:calc(100% - 7.2%); height:20px; line-height:20px; color:#666; font-size:0.775em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.food_w .food_list .details .prescription {width:calc(50% - 1px); border-right:1px solid #cbd0e8;}
.food_w .btns {margin:0; padding:10px 3.6% 0;}
.food_w .btns a {display:block; width:48%; height:41px; line-height:41px; text-align:center; border:1px solid #dcbc30; background:#fdd835; border-radius:8px;}
.food_w .btns a span {display:inline-block; padding-left:26px;}
.food_w .btns .btn_txt_regist {float:left;}
.food_w .btns .btn_txt_regist span {background:url('../images/common/ico_weight_regist.png') no-repeat left center; background-size:18px 17px;}
.food_w .btns .btn_photo_regist {float:right;}
.food_w .btns .btn_photo_regist span {background:url('../images/common/ico_photo_regist.png') no-repeat left center; background-size:23px 18px;}
.food_w .c_title {padding:0 3.6%; height:42px; line-height:42px; color:#222; font-size:1.125em; font-weight:normal; border-bottom:1px solid #ddd;}
.food_w .category {height:53px; border-bottom:1px solid #ddd; background:#eee;}
.food_w .category li {float:left; width:33.33%;}
.food_w .category li.curr {border-bottom:2px solid #64c6e3;}
.food_w .category li a {display:block; width:100%; height:51px;}
.food_w .category li:nth-child(1) {background:url('../images/common/bg_food_category_breakfast_off.png') no-repeat center; background-size:33px 34px;}
.food_w .category li:nth-child(1).curr {background:url('../images/common/bg_food_category_breakfast_on.png') no-repeat center; background-size:33px 34px;}
.food_w .category li:nth-child(2) {background:url('../images/common/bg_food_category_lunch_off.png') no-repeat center; background-size:32px;}
.food_w .category li:nth-child(2).curr {background:url('../images/common/bg_food_category_lunch_on.png') no-repeat center; background-size:32px;}
.food_w .category li:nth-child(3) {background:url('../images/common/bg_food_category_dinner_off.png') no-repeat center; background-size:30px 25px;}
.food_w .category li:nth-child(3).curr {background:url('../images/common/bg_food_category_dinner_on.png') no-repeat center; background-size:30px 25px;}
.food_w .detail {border-bottom:1px solid #ddd;}
.food_w .detail table {width:100%;}
.food_w .detail table th,
.food_w .detail table td {font-weight:normal; text-align:center; vertical-align:middle;}
.food_w .detail table th {height:43px; color:#666; border-bottom:1px solid #ddd;}
.food_w .detail table td {height:32px; color:#999; font-size:0.9em;}
.food_w .search_a {padding:10px 3.6%; background:#eee; border-bottom:1px solid #ddd;}
.food_w .search_a .input_box {float:left; width:calc(100% - 43px - 2px); height:41px; border:1px solid #ddd;}
.food_w .search_a .input_box input {padding:0 8px; width:calc(100% - 16px); height:41px; line-height:41px; color:#444; border:0;}
.food_w .search_a .btn_search {float:left; width:43px; height:43px; background:url('../images/common/btn_food_search.png') no-repeat; background-size:43px;}
.food_w .search_result table {width:100%;}
.food_w .search_result table th,
.food_w .search_result table td {font-weight:normal; text-align:center; vertical-align:middle;}
.food_w .search_result table th {height:43px; color:#666; border-bottom:1px solid #ddd;}
.food_w .search_result table td {height:32px; color:#999; font-size:0.9em;}
.regist_a.food .choice_category {position:relative; padding:32px 0;}
.regist_a.food .choice_category input {position:absolute; top:0; left:-9999px}
.regist_a.food .choice_category label {float:left; padding-left:36px; width:calc(33.33% - 36px); height:28px; line-height:28px; color:#fff; font-size:1.375em; font-weight:normal; background:url('../images/common/bg_radio_off.png') no-repeat left; background-size:28px;}
.regist_a.food .choice_category input:checked + label {color:#fdd835; background:url('../images/common/bg_radio_on.png') no-repeat left; background-size:28px;}
.regist_a.food .food {padding:32px 0 0; line-height:26px; color:#fff; font-size:1.2em; text-align:center; border-top:1px solid #fff;}
.regist_a.food .select_info {margin:60px 0 0;}
.regist_a.food .select_info .c_selectbox {position:relative; float:left; width:40%; height:54px; background:#43badd url('../images/common/bg_join_selectbox_arrow.png') right 20px center no-repeat; background-size:11px 6px; border:none;}
.regist_a.food .select_info .c_selectbox.back {width:60%;}
.regist_a.food .select_info .c_selectbox label {color:#fff; font-size:1.312em; top:14px; left:14px;}
.regist_a.food .select_info .c_selectbox select {height:54px; min-height:54px; line-height:54px; padding:0 10px;}
.regist_a.food .input_kcal {margin-top:65px; border-top:1px solid #7ed0e8; border-bottom:1px solid #7ed0e8;}
.regist_a.food .input_kcal .title {float:left; padding:0 8px; width:calc(45% - 16px); height:70px; line-height:70px; color:#98e8ff; font-size:1.312em;}
.regist_a.food .input_kcal .input_box {float:left; width:37%; height:70px;}
.regist_a.food .input_kcal .input_box input {padding:0 16px 0 8px; width:calc(100% - 24px); height:70px; line-height:70px; color:#fff; font-size:1.75em; text-align:right; border:0; background:#43badd;}
.regist_a.food .input_kcal .txt {float:left; width:8%; height:70px; line-height:70px; color:#fff; font-size:1.312em;}
.food_w .food_category {border-bottom:1px solid #ddd; background:#eee;}
.food_w .food_category li {float:left; width:50%;}
.food_w .food_category li a {display:block; width:100%; height:51px; line-height:51px; color:#444; font-size:1.125em; text-align:center; border-bottom:2px solid #eee;}
.food_w .food_category li.curr a {border-bottom:2px solid #64c6e3;}
.food_w .cont .group .title {padding:0 0 0 58px; height:52px; line-height:52px; color:#222; font-size:1.125em; font-weight:normal; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.food_w .cont .group .title.breakfast {background:url('../images/common/bg_food_category_breakfast_on.png') no-repeat 13px center; background-size:33px 34px;}
.food_w .cont .group .title.lunch {background:url('../images/common/bg_food_category_lunch_on.png') no-repeat 13px center; background-size:32px;}
.food_w .cont .group .title.dinner {background:url('../images/common/bg_food_category_dinner_on.png') no-repeat 16px center; background-size:30px 25px;}
.food_w .group table {width:100%;}
.food_w .group table th,
.food_w .group table td {text-align:center; vertical-align:middle;}
.food_w .group table th {height:42px; color:#666; font-weight:normal; border-bottom:1px solid #ddd;}
.food_w .group table td {height:34px; color:#999; font-size:0.9em;}
.food_w .group table td img {width:100%;}
.food_w .group table td .checkbox {position:relative;}
.food_w .group table td .checkbox input {position:absolute; top:0; left:-9999px;}
.food_w .group table td .checkbox label {display:block; margin:0 auto; width:25px; height:25px; background:url('../images/common/bg_checkbox_off.png') no-repeat; background-size:25px;}
.food_w .group table td .checkbox input:checked + label {background:url('../images/common/bg_checkbox_on.png') no-repeat; background-size:25px;}

div.checkbox {position:relative;}
div.checkbox input {position:absolute; top:0; left:-9999px;}
div.checkbox label {display:block; margin:0 auto; width:25px; height:25px; background:url('../images/common/bg_checkbox_off.png') no-repeat; background-size:25px;}
div.checkbox input:checked + label {background:url('../images/common/bg_checkbox_on.png') no-repeat; background-size:25px;}

/* ranking */
.ranking_w {padding:70px 0 20px;}
.ranking_w .month_set {position:relative; margin-bottom:20px; height:27px; line-height:27px;}
.ranking_w .month_set .txt {letter-spacing:-2px; color:#222; font-size:1.4em; text-align:center;}
.ranking_w .month_set a {display:block; position:absolute; top:5px; width:27px; height:27px;}
.ranking_w .month_set .btn_prev {left:3.6%; background:url('../images/common/btn_calendar_prev.png') no-repeat; background-size:11px 17px;}
.ranking_w .month_set .btn_next {right:3.6%; background:url('../images/common/btn_calendar_next.png') no-repeat; background-size:11px 17px;}
.ranking_w .category li {float:left; width:50%; border-bottom:1px solid #ddd;}
.ranking_w .category li.curr {border-bottom:1px solid #3a8aa2;}
.ranking_w .category li:nth-child(1) {background:url('../images/common/ico_main_nav_weight.png') no-repeat center top; background-size:49px;}
.ranking_w .category li:nth-child(2) {background:url('../images/common/ico_main_nav_activity.png') no-repeat center top; background-size:52px 49px;}
.ranking_w .category li a {display:block; padding:62px 0 10px; color:#666; font-size:0.9em; text-align:center;}
.ranking_w .category li.curr a {color:#3a8aa2;}
.ranking_w .cont .sort_a {padding:10px 3.6%; background:#eee; border-bottom:1px solid #ddd;}
.ranking_w .cont table {width:100%;}
.ranking_w .cont table th,
.ranking_w .cont table td {font-weight:normal; text-align:center; vertical-align:middle;}
.ranking_w .cont table th {height:42px; color:#666; border-bottom:1px solid #ddd;}
.ranking_w .cont table td {height:54px; color:#999; border-bottom:1px solid #ccc;}
.ranking_w .cont table td.rank {color:#666; font-size:1.05em;}
.ranking_w .cont table td.rank.one {color:#64c6e3;}
.ranking_w .cont table td img {margin-right:10px; width:38px; height:38px; vertical-align:middle; border-radius:50em;}

/* o2o */
.o2o_w .term_a {padding:20px 0 18px; border-bottom:1px solid #ddd;}
.o2o_w .term_a .service_category {position:relative; margin-bottom:20px; height:27px; line-height:27px;}
.o2o_w .term_a .service_category .service_name {letter-spacing:-2px; color:#222; font-size:1.4em; text-align:center;}
.o2o_w .term_a .service_category a {display:block; position:absolute; top:0; width:27px; height:27px;}
.o2o_w .term_a .service_category .btn_prev {left:3.6%; background:url('../images/common/btn_calendar_prev.png') no-repeat center; background-size:11px 17px;}
.o2o_w .term_a .service_category .btn_next {right:3.6%; background:url('../images/common/btn_calendar_next.png') no-repeat center; background-size:11px 17px;}
.o2o_w .term_a .date_time {padding:0 3.6%;}
.o2o_w .term_a .date_time .month_date {float:left; width:42%;}
.o2o_w .term_a .date_time .month_date .month {height:50px; line-height:50px; color:#222; font-size:1.6em; text-align:center;}
.o2o_w .term_a .date_time .month_date .date_set {position:relative; height:34px;}
.o2o_w .term_a .date_time .month_date .date_set a {display:block; position:absolute; width:25px; height:25px; top:7px;}
.o2o_w .term_a .date_time .month_date .date_set a.btn_prev {left:0; background:url('../images/common/btn_o2o_date_set_prev.png') no-repeat center; background-size:25px;}
.o2o_w .term_a .date_time .month_date .date_set a.btn_next {right:0; background:url('../images/common/btn_o2o_date_set_next.png') no-repeat center; background-size:25px;}
.o2o_w .term_a .date_time .month_date .date_set .date {height:34px; line-height:34px; letter-spacing:-2px; color:#43badd; font-size:2em; text-align:center; }
.o2o_w .term_a .date_time .time_term {float:right; width:54%;}
.o2o_w .term_a .date_time .time_term .row {border-bottom:1px solid #e3e3e3;}
.o2o_w .term_a .date_time .time_term .row:first-child {margin:2px 0 6px;}
.o2o_w .term_a .date_time .time_term .row .title {float:left; width:40%; height:43px; line-height:43px; color:#222; font-size:1.075em; font-weight:normal;}
.o2o_w .term_a .date_time .time_term .row .c_selectbox {float:right; width:60%; height:43px; border:0;}
.o2o_w .term_a .date_time .time_term .row .c_selectbox label {color:#222; font-size:1.075em;}
.o2o_w .term_a .date_time .time_term .row .c_selectbox select {padding:0; height:43px; line-height:43px; min-height:43px;}
.o2o_w .service_list {padding:10px 3.6% 54px; background:#eee;}
.o2o_w .service_list li {margin-top:6px; padding:10px 3.6%; border:1px solid #ddd; background:#fff;}
.o2o_w .service_list li:first-child {margin-top:0;}
.o2o_w .service_list li .check_a {position:relative; float:left; width:20px;}
.o2o_w .service_list li .check_a input[type="checkbox"] {position:absolute; top:0; left:-9999px;}
.o2o_w .service_list li .check_a label {display:block; width:20px; height:20px; background:url('../images/common/bg_o2o_list_check_off.png') no-repeat center; background-size:20px;}
.o2o_w .service_list li .check_a input[type="checkbox"]:checked + label {background:url('../images/common/bg_o2o_list_check_on.png') no-repeat center; background-size:20px;}
.o2o_w .service_list li .pic {display:block; float:left; margin:0 12px 0 3px; width:68px; height:68px; border-radius:50em;}
.o2o_w .service_list li .info {float:left; width:calc(100% - 20px - 15px - 68px);}
.o2o_w .service_list li .info .subject {display:block; height:33px; line-height:33px; letter-spacing:-2px; color:#222; font-size:1.312em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.o2o_w .service_list li .info .row {padding:6px 0 0;}
.o2o_w .service_list li .info .row .price {float:left; height:24px; line-height:24px; color:#006194; font-size:1.2em;}
.o2o_w .service_list li .info .row .cnt_set {float:right; width:75px;}
.o2o_w .service_list li .info .row .cnt_set .btn {float:left; width:24px; height:24px;}
.o2o_w .service_list li .info .row .cnt_set .btn.minus {background:url('../images/common/btn_cnt_minus.gif') no-repeat; background-size:24px;}
.o2o_w .service_list li .info .row .cnt_set .btn.plus {background:url('../images/common/btn_cnt_plus.gif') no-repeat; background-size:24px;}
.o2o_w .service_list li .info .row .cnt_set .cnt {float:left; width:calc(100% - 48px); height:24px; line-height:24px; color:#c20a14; font-size:1.1em; text-align:center;}
.o2o_w .fixed_btn_a {position:fixed; left:0; bottom:0; z-index:800; width:100%; height:54px; background:#006194;}
.o2o_w .fixed_btn_a .total_price {float:left; padding:8px 0 0 4%; width:58%;}
.o2o_w .fixed_btn_a .total_price .title {display:block; margin-bottom:5px; color:#92daff; font-size:0.925em; font-weight:normal;}
.o2o_w .fixed_btn_a .total_price .price {color:#ffe74f; font-size:1.3em;}
.o2o_w .fixed_btn_a .btn_request {float:left; width:38%; height:54px; line-height:54px; letter-spacing:-1px; color:#fff; font-size:1.2em; text-align:center; background:#004062;}
.o2o_w .detail_a {padding:0 0 34px;}
.o2o_w .detail_a .pic img {display:block; width:100%;}
.o2o_w .detail_a .detail {padding:0 3.6% 10px; background:#fff;}
.o2o_w .detail_a .detail .title {padding:14px 0 8px; color:#231f20; font-size:1.125em; font-weight:normal;}
.o2o_w .detail_a .detail table {width:100%;}
.o2o_w .detail_a .detail table th,
.o2o_w .detail_a .detail table td {padding:10px 0; line-height:18px; font-size:0.95em; font-weight:normal; text-align:left; border-bottom:1px solid #d4d4d4;}
.o2o_w .detail_a .detail table tr:last-child th,
.o2o_w .detail_a .detail table tr:last-child td {border-bottom:0;}
.o2o_w .detail_a .detail table th {padding:0 5px; letter-spacing:-2px; color:#666; font-size:0.9em;}
.o2o_w .detail_a .detail table td {color:#222;}
.o2o_w .detail_a .epilogue_a {margin-top:6px; padding:0 3.6% 15px; background:#fff;}
.o2o_w .detail_a .epilogue_a .title {padding:14px 0 8px; color:#231f20; font-size:1.125em; font-weight:normal;}
.o2o_w .detail_a .epilogue_a li {padding:12px 0; border-top:1px solid #ddd;}
.o2o_w .detail_a .epilogue_a li:first-child {border-top:0;}
.o2o_w .detail_a .epilogue_a li .row_top .pic {float:left; margin-right:15px; width:67px; height:67px; border-radius:50em;}
.o2o_w .detail_a .epilogue_a li .row_top .info_a {float:left; width:calc(100% - 67px - 15px);}
.o2o_w .detail_a .epilogue_a li .row_top .info_a .row {height:36px; line-height:36px;}
.o2o_w .detail_a .epilogue_a li .row_top .info_a .row .name {float:left; color:#525252; font-size:1.1em;}
.o2o_w .detail_a .epilogue_a li .row_top .info_a .row .month {float:right; color:#9d9d9d; font-size:0.831em;}
.o2o_w .detail_a .epilogue_a li .point {position:relative; width:106px; height:20px; background:#818285;}
.o2o_w .detail_a .epilogue_a li .point .bar {height:20px; background:#f27baa; font-size:0; text-indent:-9999px;}
.o2o_w .detail_a .epilogue_a li .point .mask {position:absolute; top:0; left:0; width:106px; height:20px;}
.o2o_w .detail_a .epilogue_a li .epilogue {margin-top:12px; line-height:18px; color:#797979; font-size:0.831em;}
.o2o_w .detail_a .epilogue_a .btn_more {display:block; height:33px; line-height:33px; color:#434343; font-size:0.9em; text-align:center; border:1px solid #b0b0b0;}
.o2o_w .btn_fix_bottom,
.o2o_w .btn_fix_bottom:hover {display:block; position:fixed; left:0; bottom:0; width:100%; height:54px; line-height:54px; color:#ffe74f; font-size:1.25em; text-align:center; background:#006194;}
.o2o_w .form_box .group {margin-top:6px; padding:0 3.6% 10px; background:#fff;}
.o2o_w .form_box .group:first-child {margin-top:0;}
.o2o_w .form_box .group .title {padding:14px 0 8px; color:#231f20; font-size:1.125em; font-weight:normal;}
.o2o_w .form_box .group .input_box {margin-top:6px; height:41px; border:1px solid #ddd;}
.o2o_w .form_box .group .input_box input[type="text"],
.o2o_w .form_box .group .input_box input[type="tel"]  {padding:0 10px; width:calc(100% - 20px); height:41px; line-height:41px; color:#444; font-size:0.95em; border:0;}
.o2o_w .form_box .group .c_selectbox {margin-top:6px;}
.o2o_w .form_box .group .options li {position:relative; border-bottom:1px solid #ddd;}
.o2o_w .form_box .group .options li input[type="checkbox"] {position:absolute; top:0; left:-9999px;}
.o2o_w .form_box .group .options li label {display:block; padding-left:32px; height:46px; line-height:46px; font-weight:normal; background:url('../images/common/bg_o2o_list_check_off.png') no-repeat left; background-size:20px;}
.o2o_w .form_box .group .options li input[type="checkbox"]:checked + label {background:url('../images/common/bg_o2o_list_check_on.png') no-repeat left; background-size:20px;}
.o2o_w .form_box .group .options li label .name {float:left; color:#666; font-size:1.1em;}
.o2o_w .form_box .group .options li label .price {float:right; color:#006194; font-size:1.125em;}

/* layer popup */
.full_layer {display:none;}
.full_layer .dim_area {position:fixed; top:0; left:0; z-index:1100; width:100%; height:100%; background:#000; opacity:.85;}
.full_layer .layer_cont {position:fixed; top:50%; left:0; z-index:1150; padding:0 3.6%; width:92.8%;}
.full_layer .layer_cont .btn_layer_close {position:fixed; top:20px; right:10px; background:none; border:none;}
.full_layer .layer_cont .btn_layer_close img {width:19px; height:19px;}
.full_layer .layer_cont .layer_title {height:66px; line-height:66px; color:#fff; font-size:1.375em; font-weight:normal; text-align:center; background:#64c6e3; border-radius:8px 8px 0 0;}
.full_layer .btn_common {display:block; height:39px; line-height:39px; text-align:center;}
.full_layer .btn_common.white {color:#3e96a2; border:1px solid #80bac2;}
/* main trainer detail */
#view_trainer .layer_cont {position:absolute; margin-top:-200px;}
#view_trainer .pic {margin:0 auto; width:160px; height:160px; border-radius:50em;}
#view_trainer .name {padding:30px 0 20px; color:#333; font-size:1.312em; text-align:center; border-bottom:1px dotted #595959;}
#view_trainer .info {padding:12px 0 0;}
#view_trainer .info dl dt,
#view_trainer .info dl dd {display:block; float:left; line-height:22px;}
#view_trainer .info dl dt {width:20%; color:#888; font-size:0.831em;}
#view_trainer .info dl dd {width:80%; color:#cfcfcf; font-size:0.9em;}
#view_trainer .btns a {display:block; height:41px; line-height:41px; text-align:center;}
#view_trainer .btns .btn_call {color:#000; background:#fdd835;}
#view_trainer .btns .btn_reservation {margin-top:6px; color:#fff; background:#43badd;}
/* attendance check */
.attendance_check .layer_cont {position:fixed; left:50%; margin-left:-46.4%; margin-top:-160px; padding:0; width:92.8%; background:#fff; border-radius:8px;}
.attendance_check .layer_cont .row_header {padding:24px 0 22px; text-align:center; background:#64c6e3; border-radius:8px 8px 0 0;}
.attendance_check .layer_cont .row_header .txt_big {margin-bottom:8px; letter-spacing:-2px; color:#fff; font-size:1.56em;}
.attendance_check .layer_cont .row_header .txt_big .mark {color:#fdd835;}
.attendance_check .layer_cont .row_header .txt_mid {letter-spacing:-2px; color:#bdf7ff; font-size:1.3em;}
.attendance_check .layer_cont .cont {padding:25px 3.6% 15px;}
.attendance_check .layer_cont .cont .choice {margin-bottom:28px; padding:0 3.6%;}
.attendance_check .layer_cont .cont .choice > div {width:100px; height:100px; line-height:100px; color:#fff; font-size:1.8em; text-align:center; background:#bdbec0; border-radius:50em;}
.attendance_check .layer_cont .cont .choice > div:nth-child(1) {float:left;}
.attendance_check .layer_cont .cont .choice > div:nth-child(2) {float:right; }
.attendance_check .layer_cont .cont .choice > div.on {background:#e98f00;}
/* estimate request */
.estimate_request .layer_cont {position:absolute; left:50%; top:70px; margin-left:-46.4%; padding:0; width:92.8%; background:#fff; border-radius:8px;}
.estimate_request .layer_cont .cont {padding:20px 3.6% 15px;}
.estimate_request .cont .summary {margin-bottom:18px; color:#434343; font-size:1.05em;}
.estimate_request .cont .input_box {margin-top:6px; height:41px; border:1px solid #ddd;}
.estimate_request .cont .input_box input[type="text"],
.estimate_request .cont .input_box input[type="tel"]  {padding:0 10px; width:calc(100% - 20px); height:41px; line-height:41px; color:#444; font-size:1em; border:0;}
.estimate_request .cont .row .input_box {float:left; width:48%;}
.estimate_request .cont .row .input_box:last-child {float:right;}
.estimate_request .cont .textarea_box {margin:6px 0; height:94px; border:1px solid #ddd;}
.estimate_request .cont .textarea_box textarea {padding:10px 3.6%; height:74px; width:92.8%; line-height:20px; color:#7a7a7a; font-size:1em; border:0; resize:none;}

/* common style */
.btns {margin:22px 0; zoom:1;}
.btns:after {display:block; content:""; clear:both;}
.btns a {height:49px; line-height:49px;}
.btns button {width:100%; height:51px; line-height:51px;}
.btns .common_btn {display:block;  font-size:1.25em; text-align:center;}
.btns .common_btn.red {color:#fff; background:#852122; border:1px solid #751d1e;}
.btns .common_btn.gray {color:#fff; background:#737373; border:1px solid #6c6c6c;}

.c_selectbox {position:relative; height:41px; background:#fff url('../images/common/bg_c_selectbox_arrow.png') right no-repeat;
background-size:28px 41px; border:1px solid #ddd;}
.c_selectbox label {position:absolute; color:#888; font-size:1em; font-weight:normal; top:12px; left:10px;}
.c_selectbox select {width:100%; height:41px; min-height:41px; line-height:41px; padding:0 10px; opacity:0; filter:alpha(opacity=0);}

/* common */
.screen_out {display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.loading_img {padding:10px 0; text-align:center; opacity:0.3;}
.bg_none {background:none !important;}
.no_shadow {box-shadow:none !important;}
.box_round {border-radius:6px;}
.clear_fix {zoom:1;}
.clear_fix:after {display:block; content:""; clear:both;}


.alert {margin-top:0.5rem;margin-bottom:0.5rem}

/* material design tab 시작 */
.add-tab-bar {
    margin-top: 15px;
    border: none;
}
.add-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 0px;
}
.add-tabs-tab {
    color: #ffffff;
    background: rgb(173,173,173);
    margin: 2px;
    border-radius: 5px;
    height: 37px;
    line-height: 37px;
    width: 45px;
}
.add-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: #ffffff;
    background: rgb(85,187,221);
}
.add-tabs-panel {
    margin: 0 10px;
}
/* material design tab 끝 */

/* 일반 시작 */
.add-close-button {
  background: rgb(85,187,221);
  height: 45px;
  color: #ffffff;
  border-radius: 3px;
}
.add-calendar-table {
  width: 100%;
  border-spacing: 0px;
  margin-bottom: 10px;
}
.orange-circle {
  display: inline-block;
  background-color: rgb(225,124,31);
  width: .7em;
  height: .7em;
  border-radius: 50%;
  margin:4px;
}
.green-circle {
  display: inline-block;
  background-color: rgb(52,140,35);
  width: .7em;
  height: .7em;
  border-radius: 50%;
  margin:4px;
  margin-left: 15px;
}
.add-calendar-table-title th {
  padding: 15px 0;
}
.add-calendar-table-content {
  background: #ffffff;
  text-align: center;
  font-size: 13px;
}
.add-calendar-table-content td {
  padding: 12px;
  border-bottom: 3px solid rgb(245,245,245);
  border-radius: 5px;
}
.calendar-button-td {
  background: rgb(175,175,175);
  color: #ffffff;
  padding: 4px 2px;
  border-radius: 5px;
}
.add-calendar-table-content.is-active > * {
    color: rgb(85,187,221);
}
.add-calendar-table-content.is-active .calendar-button-td {
    background: rgb(27,93,132);
}
.calendar-schedule-description {
    display: flex;
    justify-content: flex-end;
    margin: 10px 20px 20px 20px;
}
.orange-color {
    color: rgb(225,124,31);
}
.green-color {
    color: rgb(52,140,35);
}
.add-box {
    background: #ffffff;
    margin: 5px 15px;
    padding: 12px 15px;
    border-radius: 5px;
}
.add-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.add-grid div {
    margin: 3px 0;
}
.add-button {
    border-radius: 5px;
    background: rgb(172,172,172);
    color: #ffffff;
    border: none;
    padding: 6px 12px;
    font-size: 14px;
    width: 75px;
}
.add-relax-button.is-active {
    background: rgb(85,187,221);
}
.add-class-button {
    background: rgb(244,244,244);
    color: rgb(190,190,190);
}
.add-class-button.is-active {
    background: rgb(27,94,133);
    color: rgb(102,251,251);
}
.add-padding {
    padding: 7px;
}
.blue-box {
    background: rgb(27,94,133);
    color: #ffffff;
}
.blue-box-month {
    font-size: 30px;
    padding: 5px 0;
}
.blue-box-date {
    color: rgb(48,145,182);
}
.blue-color-number {
    color:  #007297;
    font-size: 25px;
}
.blue-color-number2 {
    color:  #007297;
    font-size: 18px;
}
.add-img-icon {
    width: 27px;
    height: 25px;
}
.add-icon-box > div {
  display: inline-block;
}
.add-divider {
  color: lightgrey;
  font-size: 20px;
  padding: 10px;
}
.locker-number {
  color: #64c6e3;
}
.locker-icon {
    width: 20px;
    height: 23px;
}
.laundry-icon {
    width: 20px;
    height: 23px;
}
.washcar-icon {
    width: 25px;
    height: 23px;
}
.cleaner-icon {
    width: 22px;
    height: 24px;
}
/* 일반 끝 */


.add-close-button {
  background: rgb(85,187,221);
  height: 45px;
  color: #ffffff;
  border-radius: 3px;
}
.add-close-button-gray {
  background: rgb(172,172,172);
  height: 45px;
  color: #ffffff;
  border-radius: 3px;
}
.add-calendar-table {
  width: 100%;
  border-spacing: 0px;
  margin-bottom: 10px;
}

.add-divider {
  color: lightgrey;
  font-size: 20px;
  padding: 10px;
}
.locker-number {
  color: #64c6e3;
}
.locker-icon {
    width: 20px;
    height: 23px;
}
.laundry-icon {
    width: 20px;
    height: 23px;
}
.washcar-icon {
    width: 25px;
    height: 23px;
}
.cleaner-icon {
    width: 22px;
    height: 24px;
}
.add-signature-text {
  text-align: center;
  font-size: 17px;
  color: #007297;
  margin: 8px 0;
}
.add-vote-subtitle {
  font-size: 16px;
  color: #64c6e3;
}
.add-vote-date {
  font-size: 15px;
  color: #a9a8a9;
}
.add-vote-card-name {
  color: #007297;
  font-size: 18px;
}
.add-vote-card-big-font {
  font-size: 30px;
  color: #007297;
}
.add-vote-card-medium-font {
  font-size: 18px;
  color: #64c6e3;
  margin-left: 5px;
}

.add-maintenance-table {
  margin: 15px;
}
.add-maintenance-table-title {
  color: #646569;
  margin-bottom: 5px;
}
.add-maintenance-table-title th {
  padding: 10px 0;
  width: 20%;
  text-align: center;
}
.add-maintenance-table-content td {
  padding: 10px 0;
  font-size: 13px;
}
.add-maintenance-icon-wrapper {
  display: flex;
  align-items: center;
}
.add-maintenance-blue > * {
  color: #007297;
}
.add-maintenance-pink > * {
  color: #e3007e;
}
.add-maintenance-bluebox {
  background: rgb(27,93,133);
  padding: 20px;
}
.add-maintenance-between {
  display: flex;
  justify-content: space-between;
}
.add-maintenance-bluebox-font {
  font-size: 15px;
  color: #ffffff;
}
.add-maintenance-bluebox-blue {
  color: #64c6e3;
  margin-left: 5px;
}
.add-maintenance-bluebox-white {
  color: #ffffff;
  font-size: 22px;
  margin-left: 5px;
}
.add-maintenance-title {
  font-size: 22px;
}
.add-maintenance-cost-left-text {
  font-size: 15px;
}
.add-maintenance-cost-right-text {
  font-size: 21px;
  color: #007297;
}
.add-maintenance-gray-background {
  background: rgb(246,246,246);
}
.add-maintenance-cost-text {
  background: #ffffff;
  margin: 5px 15px;
  padding: 15px;
  border-radius: 5px;
}
.add-maintenance-cost-text-gray {
  background: rgb(246,246,246);
  margin: 5px 15px;
  padding: 10px;
  border-radius: 5px;
}
.add-maintenance-cost-head th {
  width: 33.3%;
  text-align: center;
  padding-bottom: 10px;
  font-size: 15px;
}
.add-maintenance-cost-body {
  background: rgb(246,246,246);
}
.add-maintenance-cost-body td {
  border: none;
  margin: 0;
  width: 33.3%;
  text-align: center;
  padding: 10px;
  font-size: 15px;
}
.add-maintenance-cost-table {
  width: 100%;
  border-collapse: collapse;
}
.add-maintenance-table-button {
  background: rgb(27,93,133);
  height: 33px;
  color: #ffffff;
  border-radius: 3px;
}
.add-maintenance-cost-table-title {
  font-size: 15px;
}

.sr-only {display:block;height:1px;width:1px;text-indent:-9999px}

#enroll_add_form h3.c_title ,#rent_add_form h3.c_title {margin-left:15px}
#enroll_add_form h3,#rent_add_form h3,.form-group h3 {margin:0;padding:0;font-weight:bold;font-size:100%}
#enroll_add_form .wills-content,#rent_add_form .wills-content {margin-top:0}

.mdl-card.danger .mdl-chip {background-color:red;color:white;font-weight:bold}
.mdl-card.success .mdl-chip {background-color:green;color:white;font-weight:bold}


.mdl-layout__header {background-color:#fff}
a {color:#333}