@import url(common.css);    
@charset "utf-8";


/* Contents ************************************************************/

#wrap {
     overflow-x:hidden; 
     height:100%; 
     -webkit-overflow-scrolling: touch; 
}

#wrap_coaching {
     overflow-x:hidden; 
     height:100%; 
     -webkit-overflow-scrolling: touch; 
}
.content_wrap {
    padding:16px 16px 70px 16px !important;
}

.content_wrap_full {
    padding:16px 0; 
}

.acc_list li > a {
    display:block;
    font-size:16px;
    padding:11px 0;
    color:#4a4a4a;
}

.acc_list li .list_inner_wrap {
    padding:10px;
    background:#f4f4f4;
    border-radius:3px;
}

.acc_list li .list_inner_wrap .inner_tit {
    font-size:14px;
    color:#898989;
}

.acc_list li .list_inner_wrap .inner_con_txt {
    font-size:12px;
    color:#898989;
}

.input_date_wrap {
    border:1px solid #898989;
    border-radius:50px;
    cursor:pointer;
    padding:2px 16px;
    box-sizing:border-box;
}
.input_date:after {
    content:'';
    display:block;
    clear:both; 
}
.input_date li {
    float:left;
}
.input_date li.input_title {
    width:30%;
    line-height:27px;
    font-size:16px;
    text-align:left;
    padding-top:3px;
}
.input_date li.input_date {
    width:70%;
    text-align:right;
    padding-top:4px;
    line-height:20px;
}
.input_date li input.inputdate {
    width:160px;
    line-height:22px;
    text-align:right;
    font-size:16px;
    color:#4a4a4a;
    background:none;
}

.input_date li img.ico_arrow {
    /*margin-top:-10px;*/
    line-height:22px;
}
section.con_box {
    padding:0 0 30px 0;
    margin:0 0 10px 0;
    border-bottom:1px solid #dddddd;
}

.con_box h3 {
    font-size:18px;
    font-weight:normal;
    color:#4a4a4a;
    margin-top:20px
}
.con_box h3 img.ico_info {
    margin-top:-4px;
    margin-right:5px;
}
.con_box ul li:after {
    content:'';
    display:block;
    clear:both; 
}
.con_box ul li .inbody_tit {width:50% !important;}
.con_box ul li .inbody_view {width:50% !important;}
.con_box ul li .list_title {
    float:left;
    width:42%; /*width:54%;*/
    font-size:16px;
    line-height:41px;
}
.con_box ul li .list_tit_sub {width:60% !important;}
.con_box ul li .list_title span.sum { color:#63c2d0; margin-left:3px; }
.con_box ul li .list_input {
    float:right;
    width:58%; /*width:46%;*/
    line-height:40px;
    border-bottom:1px solid #898989;
    box-sizing:border-box;
    /*padding:0 5px;*/
    margin-top:10px;
}

.con_box ul li .list_input.disable {
    border-bottom:none;
}
.con_box ul li .list_input input {
    width:74%;
    background:#FCFCFC;
}
.con_box ul li .list_input input:read-only {
    color:#D1D1D1;
}
.con_box ul li .list_input_view {
    float:right;
    width:40%;
    font-size:16px;
    text-align:right;
    line-height:41px;
    padding:10px 0;
/*  border-bottom:1px solid #fff;*/
}
.con_box input {
    width:160px;
    line-height:24px;
    font-size:16px;
    color:#000000;
    
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:text-shadow: none; -webkit-text-fill-color: #D1D1D1;
}

input:disabled {
    -webkit-text-fill-color: inherit;
    opacity:1;
} 

.con_box ul li .info_rule {
    float:right;
    font-size:14px;
    color:#898989;
    line-height:39px;
}
.con_box ul li .info_rule_view {
    font-size:14px;
    line-height:41px;
}
.gauge_wrap {
    clear:both;
    margin-bottom:10px;
}
.gauge_wrap:after {
    content:'';
    display:block;
    clear:both; 
}
.gauge_wrap span {
    float:left;
    width:25%;
    height:4px;
    font-size:0px;
    box-sizing:border-box;
    border-right:1px solid #fff;
}

.gauge_wrap.step02 span {
    float:left;
    width:50%;
    height:4px;
    font-size:0px;
    box-sizing:border-box;
    border-right:1px solid #fff;
}
.gauge_wrap.step03 span {
    float:left;
    width:33.3333%;
    height:4px;
    font-size:0px;
    box-sizing:border-box;
    border-right:1px solid #fff;
}
.gauge_wrap span:last-child {
    border-right:0 none;
}
.gauge_wrap span.step_01 {
    background:#DEDEDE;
}
.gauge_wrap span.step_02 {
    background:#d0d0d0;
}
.gauge_wrap span.step_03 {
    background:#c3c3c3;
}
.gauge_wrap span.step_04 {
    background:#a1a1a1;
}
.gauge_wrap span.focus {
    background:#63c2d0;
}
.img_nodata {
    margin:25px 0;
    text-align:center;
}
.img_nodata02 {
    margin:25px 0;
    padding-top:117px;
    text-align:center;
}
.txt_nodata {
    font-size:14px;
    color:#898989;
    text-align:center;
}
.txt_info {
    font-size:12px;
    color:#898989;
    text-align:center;
}
.txt_nodata02 {
    font-size:16px;
    color:#4a4a4a;
    text-align:center;
}
.txt_info02 {
    font-size:12px;
    color:#5F5F5F;
    text-align:center;
    margin-top:5px;
}
.visual_img {
    font-size:18px;
    color:#4a4a4a;
    line-height:30px;
    text-align:center;
/*  background:#f0f0f0;*/
}

.result_txt_small {
    font-size:16px;
    color:#4A4A4A;
    font-weight:600;
    text-align:center;
    line-height:30px;
    padding:20px 0 0 0;
}
.result_txt_big {
    font-size:28px;
    color:#2B87E2;
    font-weight:600;
    text-align:center;
}
.alarm_txt {
    font-size:16px;
    color:#4A4A4A;
    margin:20px 0 0 0;
}

.set_acc_list {
/*  margin:10px 0 0 0;*/
}
.set_acc_list li a {
    display:block;
    font-size:14px;
    padding:12px 0px;
    color:#4a4a4a;
}
.set_acc_list li a:before {
    display:inline-block;
    content:'';
}
.set_acc_list li.btn_toggle {
    display:block;
    font-size:16px;
    padding:18px 0;
    color:#4a4a4a;
}
.set_acc_list li a > img {
    vertical-align:middle;
    margin-top:-3px;
}
.set_info_txt {
    font-size:12px;
    color:#898989;
    background:#F4F4F4;
    border-radius:3px;
    padding:15px;
}
.ico_arrow_down {
    display:inline-block;
    float:right;
    width:17px;
    height:17px;
    font-size:0px;
    background:url('../images/ico_arrow_down.png') no-repeat;
    background-size:17px 17px;
    
}
.acc_list_title {
    display:inline-block;
    width:100% !important;
    cursor: pointer;
    position: relative;
    padding:0 16px;
    font-size:16px;
    line-height:51px;
    box-sizing:border-box;
}
.acc_list_title span { font-size:12px;  margin-left:0; /*line-height:51px;*/}
.sub_menu a span { font-size:12px; color:#2B87E2; margin-left:10px; line-height:18px;}
.acc_list_title_toggle {
    display:inline-block;
    width:100% !important;
    position: relative;
    padding:0 16px;
    font-size:16px;
    line-height:51px;
    box-sizing:border-box;
    background-image:none !important;
}
.sub_menu {
    clear:both;
    display:none;
    width:100%;
    background:#FAF9F8;
    border-top:1px solid #E6E6E6;
    border-bottom:1px solid #E6E6E6;
    padding:0 16px;
    box-sizing:border-box;
}
.sub_menu_notice {
    clear:both;
    display:none;
    width:100%;
    background:#FAF9F8;
    border-top:1px solid #E6E6E6;
    border-bottom:1px solid #E6E6E6;
    /* padding:0 16px; */
    box-sizing:border-box;
}
.sub_menu.on {
    display:block;
}
.sub_menu ul li {
    font-size:16px;
    color:#4a4a4a;
    background-image:none !important;
    padding:10px 0 !important;
}
.sub_menu a img {
    position:absolute;
    right:16px;
}
.sub_menu ul li.inactive {
    color:#999;
}

.set_acc_list img.ico_arrow {
    position:absolute;
    top:50%;
    right:16px;
    margin-top:-8px;
}
.set_acc_list img.ico_arrow.up {
   transform: rotate(180deg);
}

.set_acc_list img.ico_arrow.right {
   transform: rotate(270deg);
}
.choice_wrap {
    width:100%;
    box-sizing:border-box;
}
.choice_wrap:after {
    content:'';
    display:block;
    clear:both;
}
.choice_wrap li {
    float:left;
}
.choice_wrap li.ico_timer {
    width:7%;
}
.choice_wrap li.time_info {
    width:22%;
    font-size:14px;
    color:#666;
    line-height:24px;
}
.choice_wrap li.time_info img {
    margin-top:-3px;
}
.choice_wrap li.date_info {
    width:56%;
    line-height:24px;
}
.choice_wrap li.date_info > span {
    height:24px;
    font-size:12px;
    color:#898989;
    text-align:center;
    border:1px solid #898989;
    border-radius:100px;
    padding:4px 5px;
    box-sizing:border-box;
}
.choice_wrap li.btn_toggle {
    float:right;
    width:15%;
    text-align:right;
    vertical-align:middle;
}
.drug_title {
    font-size:16px;
    color:#666;
    line-height:20px;
}
.pwd_tit {
    font-size:14px;
    color:#4A4A4A;
    font-weight:500;
    padding:16px 0 3px 0;
}
.pwd_input {
    margin:0 0 10px 0;
    border-bottom:1px solid #898989;
}
.pwd_input input {
    width:100%;
    padding: 5px 0 2px 0;
    /*padding:5px;*/
    background:#FCFCFC;
    
}
.info_txt {
    font-size:12px;
    color:#898989;
    padding:10px 8px 0 0;
}

.version_img {
    text-align:center;
    margin:150px 0 0 0;
}
.version_txt {
    font-size:16px;
    color:#333;
    text-align:center;
    margin:20px 0 0 0;
}
.term_wrap {
    font-size:14px;
    color:#222;
}
.term_wrap h4 {
    font-size:16px;
    font-weight:600;
    padding:5px 0;
}
.term_txt {
    line-height:20px;
    padding:0 0 5px 0;
}
.term_highlight{
    color: #2B87E2 !important;
}
h1.term_highlight {
    font-size:16px !important;
}
th.term_highlight , td.term_highlight {
    font-size:13px !important;
}
.cs_img {
    text-align:center;
    margin:40px 0 0 0;
}
.cs_txt {
    font-size:14px;
    color:#898989;
    text-align:center;
    margin:30px 0 0 0;
}
a.cs_mail {
    display:block;
    font-size:16px;
    color:#4a4a4a;
    text-align:center;
    margin:10px 0 0 0;  
}
.term_btn_wrap {
    width:100%;
    text-align:left;
    padding:0 16px;
    box-sizing:border-box;
}
.term_btn_wrap a.term_view {
    display:inline-block;
    /*width:100px;*/
    font-size:12px;
    color:#898989;
    text-align:center;
    text-decoration:none;
    border:1px solid #DDDDDD;
    border-radius:14px;
    padding:5px 10px;
    box-sizing:border-box;
}
.term_btn_wrap a.term_view:hover { background:#F0F0F0; }

.term_sub_wrap {
    clear:both;
    width:100%;
    display:none;
    background:#F9F9F9;
    border-top:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    padding:10px 16px;
    box-sizing:border-box;
}
.term_sub_wrap li.agree {
    font-size:14px;
    color:#4a4a4a;
    line-height:24px;
    padding:10px 0;
}

.withdraw_wrap {
    color:#898989;
    padding:10px;
    border:1px solid #ADA9A6;
    box-sizing:border-box;
}
.withdraw_tit {
    font-size:14px;
    font-weight:600;
}
.withdraw_txt {
    font-size:12px;
    margin:10px 0 0 0;
}
.withraw_input {
    margin:10px 0 0 0;
}
/**************************************************************************************************************
    Swipe : Tab 
***************************************************************************************************************/
.tab_wrap {
    position: relative;
    height:36px;
    border:1px solid #9B9B9B;
    border-radius:18px;
    background:#F3F4F6;
    box-sizing:border-box;
    color:#898989;
}
.tab_wrap:after {
    content:'';
    display:block;
    clear:both;
}
.tab_wrap.meal {
    position: relative;
    height:36px;
    border:0;
    border-radius:0;
    background:#FCFCFC;
    box-sizing:border-box;
}
.tab_wrap .btn_toggle_01 {
    float:left;
    width:50%;
    font-size:14px;
    line-height:36px;
    background:transparent;
    border-radius:18px;
    z-index: 100;
    position:absolute;
}
.tab_wrap .btn_toggle_02 {
    float:right;
    width:50%;
    font-size:14px;
    line-height:36px;
    background:transparent;
    border-radius:18px;
    z-index: 100;
    position:relative;
}
.tab_wrap button { color:#898989; }
.tab_wrap button.selected {
    color:#fff;
    font-weight:normal;
    background:transparent;
}
.tab_wrap.meal button.selected {
    color:#63C2D0;
    font-weight:700;
    background:transparent;
    border-bottom:solid 1px #63C2D0;
    border-radius: 0;
    z-index: 1000;
}
.tab_wrap .btn_toggle_bg {
    position:absolute;
    width:50%;
    height:36px;
    background:#9B9B9B;
    border-radius:18px;
    box-sizing:content-box;
    z-index:10;
    margin-top:-1px;
    top: 0;
}
.tab_wrap .btn_breakfast {
    float:left;
    width:20%;
    font-size:14px;
    line-height:36px;
    background:transparent;
    border-radius:18px;
    z-index: 100;
    position:absolute;
}
.tab_wrap .btn_lunch {
    float:left;
    width:20%;
    font-size:14px;
    line-height:36px;
    background:transparent;
    border-radius:18px;
    z-index: 100;
    position:relative;
    margin-left:20%;
}
.tab_wrap .btn_dinner {
    float:left;
    width:20%;
    font-size:14px;
    line-height:36px;
    background:transparent;
    border-radius:18px;
    z-index: 100;
    position:relative;
}
.tab_wrap .btn_snack {
    float:left;
    width:20%;
    font-size:14px;
    line-height:36px;
    background:transparent;
    border-radius:18px;
    z-index: 100;
    position:relative;
}
.tab_wrap .btn_night {
    float:left;
    width:20%;
    font-size:14px;
    line-height:36px;
    background:transparent;
    border-radius:18px;
    z-index: 100;
    position:relative;
}
.tab_wrap .btn_toggle_bg02 {
    position:absolute;
    width:20%;
    height:36px;
    background:#63C2D0;
    border-radius:18px;
    box-sizing:content-box;
    z-index:10;
    margin-top:-1px;
}
.tab_wrap .btn_toggle_bg02.meal {
    position:absolute;
    width:20%;
    height:36px;
    background:none;
    border-radius:18px;
    box-sizing:content-box;
    z-index:10;
    margin-top:-1px;
}
.tab_position {
    position:fixed;
    top:0px;
    width:100%;
    background:#FCFCFC;
    box-sizing:border-box;
    z-index:1000;
}

.tab_wrap.tab_position:after {
    position: absolute;
    display:block;
    content:'';
    height:16px;
    background:#FCFCFC;
    z-index:1000;
    top:35px;
    width:100%;
}
.swipe_con_wrap {
    position:relative;
    clear:both;
    top:-1px;
}
.message_wrap {
    position:absolute;
    width:100%;
    padding:16px 0 70px 0;
    z-index:100;
}
.msg_list li {
    padding:15px 0;
    border-bottom:1px solid #dddddd;
}
.msg_list li:last-child {
    border-bottom:none;
}
.msg_title {
    font-size:16px;
    color:#4a4a4a;
    line-height:22px;
}
.msg_title span.point {
    font-size:14px;
    color:#63c2d0;
}
.msg_title span.gray_txt {
    font-size:14px;
    color:#4a4a4a;
}
.msg_date {
    font-size:12px;
    color:#898989;
    line-height:22px;
}

.notice_wrap {
    position:absolute;
    width:100%;
    right:-200%;
    padding:16px 0 70px 0;
}
.notice_list li {
    cursor:pointer;
    padding:15px 0;
    border-bottom:1px solid #dddddd;
    position:relative;
    overflow:hidden;
}
.notice_list li:last-child {
    border-bottom:none;
}
.notice_list li .ico_arrow {
    position:absolute;
    top:30px;
    right:0;
    z-index:1;
}
.notice_list li .ico_arrow.on {
    transform:rotate(180deg);
}

.noti_list li {
    border-bottom:1px solid #dddddd;
    padding:10px 0 15px 0;
}
.notice_content_new {
    display:none;
    font-size:13px;
    color:#898989;
    margin:10px 0;
    /* padding:20px; */
    padding:20px 0px 20px 0px;
    border-radius:4px;
    background:#F3F4F6;
    border-top:0 none;
    border-bottom:0 none;
}
.notice_content {
    display:none;
    font-size:13px;
    color:#898989;
    margin:10px 0;
    padding:20px;
    border-radius:4px;
    background:#F3F4F6;
    border-top:0 none;
    border-bottom:0 none;
}
.notice_title {
    padding:10px 0 0 0 !important;
}
.notice_content.on {
    display:block;
}
.notice_date {
    font-size:12px;
    color:#898989;
    line-height:28px;
}
.round_box {
    font-size:12px;
    color:#898989;
    background:#F3F4F6;
    border-radius:10px;
    padding:3px 10px;
    margin:0 10px 0 0;
}
.round_box.on {
    color:#fff;
    background:#9B9B9B;
}

.fitness_gauge_wrap:after {
    content:'';
    display:block;
    clear:both;
}
.fitness_gauge_wrap .con_block {
    float:left;
    width:50%;
}

.d_chart_wrap {
    position:relative;
    text-align:center;
}
.d_chart_data {
    position:absolute;
    display:inline-block;
    width:140px;
    top:42px;
    left:50%;
    margin-left:-70px;
}
.count_num_txt {
    font-size:16px;
    color:#4A4A4A;
}
span.big_num {
    font-size:42px;
    color:#63c2d0;
}
.my_num_use {
    font-size:14px;
    color:#4A4A4A;
    margin-top:-4px;
}

.right_text_wrap > p {
    text-align:center;
}
.right_text_wrap p.gauge_tit {
    font-size:14px;
    color:#898989;
    line-height:20px;
    padding:30px 0 0 0;
}

.right_text_wrap p.gauge_count01 {
    font-size:18px;
    color:#4a4a4a;
}
.right_text_wrap p.gauge_count01 .count_num01 {
    font-size:32px;
}
.right_text_wrap p.gauge_count02 {
    font-size:12px;
    color:#898989;
    line-height:18px;
    margin-top:-2px;
}
.right_text_wrap p.gauge_count02 .count_num02 {
    font-weight:600;
}
.fitness_calendar_wrap {}

.month_head {
    margin:20px 0 0 0;
}
.month_head:after {
    content:'';
    display:block;
    clear:both;
}
.month_head li.left_arrow {
    float:left;
    width:10%;
    cursor:pointer;
}
.month_head li.left_arrow .btn_pre {
      transform: rotate(90deg);
}
.month_head li.month_data {
    float:left;
    width:80%;
    font-size:18px;
    color:#4a4a4a;
    text-align:center;
}
.month_head li.right_arrow {
    float:right;
    width:10%;
    cursor:pointer;
    text-align:right;
}
.month_head li.right_arrow .btn_next {
      transform: rotate(270deg);
}

.date_head {
    margin:5px 0 0 0;
}
.date_head:after {
    content:'';
    display:block;
    clear:both;
}
.date_head li {
    float:left;
    width:14%;
    text-align:center;
    font-size:16px;
    color:#898989;
    line-height:38px;
}
.date_head li:first-child,
.date_head li:last-child {
    width:15%;
}
.date_head li.sat {
    color:#2B87E2;    
}
.date_head li.sun{
    color:#FF621D;
}

.date_content {}
.date_content:after {
    content:'';
    display:block;
    clear:both;
}
.date_content li {
    float:left;
    width:14%;
    line-height:38px;
}
.date_content li:first-child,
.date_content li:last-child {
    width:15%;
}
.date_content li.other_day {
    text-align:center;
    font-size:16px;
    color:#A4A4A4;
}
.date_content li.attend {
    position: relative;
}
.date_content li.attend:after {
    display:block;
    content:'';
    width:6px;
    height:6px;
    position:absolute;
    background:#63C2D0;
    border-radius:100%;
    left:50%;
    top:1px;
    margin-left:-3px;
}
.date_content li a.today {
    position:relative;
    font-weight:400;
}
.date_content li a.today:after {
    display:block;
    content:'';
    width:38px;
    height:38px;
    position:absolute;
    background:rgba(74,74,74,0.1);
    border-radius:100%;
    left:50%;
    top:-4px;
    margin-left:-19px;
}
.date_content li a {  
    display:block;
    text-align:center;
    font-size:16px;
    color:#4A4A4A;
}
.date_content li,
.date_content li a.sat {
    color:#2B87E2;
}
.date_content li,
.date_content li a.sun {
    color:#FF621D;
}
.date_content li a.active {
    position: relative;
    color:#63C2D0;
    font-weight:700;
}
.date_content li a.active:after {
    display:block;
    content:'';
    width:38px;
    height:38px;
    position:absolute;
    border:1px solid #63C2D0;
    border-radius:100%;
    left:50%;
    top:-4px;
    margin-left:-19px;
}
.date_content li.future {
    opacity:0.5;
}
.selcted_info_wrap {
    border-left:5px solid #63C2D0;
    border-radius:4px 0 0 4px;
    display:block;
    margin:5px 0;
}
.selcted_info_wrap.none {
    display:none;
}
.selcted_info_right {
    border-top:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    border-radius:0 4px 4px 0;
    padding:10px 10px 10px 10px;
    background:#F9F9F9;
    box-sizing:border-box;
}
.selcted_info_right:after {
    content:'';
    display:block;
    clear:both;
}
.selcted_info_right .left_txt {
    float:left;
    width:82%;
}
.selcted_info_right .left_txt li {
    padding:2px 0;
}
.selcted_info_right .left_txt li.info_tit {
    font-size:16px;
    color:#4a4a4a;
}
.selcted_info_right .left_txt li.info_date {
    font-size:12px;
    color:#898989;
    line-height:20px;
}
.selcted_info_right .left_txt li.info_time {
    font-size:14px;
    color:#4a4a4a;
    margin-top:-5px;
}
.selcted_info_right .right_num {
    position:relative;
    float:right;
    width:18%;
    font-size:16px;
    color:#fff;
    text-align:center;
    line-height:60px;
    padding:0 10px 0 0;
    z-index:10;
    box-sizing:border-box;
}
.selcted_info_right .right_num_bg {
    position:absolute;
    display:block;
    width:60px;
    height:60px;
    top:0;
    right:0;
    background:#9B9B9B;
    border-radius:60px;
    z-index:-1;
}

.user_guide_top {
    margin:20px 0 0 0;
    border-bottom:0px solid #9B9B9B;
}
.top_visual {
    height:130px;
}
.top_visual p {
    text-align:center;
}
.top_visual .title_01 {
    font-size:20px;
    color:#4a4a4a;
}
.top_visual p.title_02 {
    margin-top:10px;
    font-size:24px;
    color:#4a4a4a;
    font-weight:600;
    line-height:101px;
    background: url(../images/fitness_info_bg.png) 0 0 no-repeat;
    background-size:100% 101px;
}
.guide_list {
    margin:16px 0 0 0;
    padding:0;
}
.guide_list li {
    cursor:pointer;
    border-bottom:1px solid #dddddd;
    padding:18px 0;
}
.guide_list li .list_tit a {
    display:block;
    font-size:16px;
    color:#4a4a4a;
}
.guide_list li .list_info {
    font-size:12px;
    color:#898989;
    line-height:24px
}
.guide_list li img.ico_arrow {
    float:right;
    vertical-align:middle;
}
/*************************************************************************************************************
    나의 목표
*************************************************************************************************************/
.my_target_tit {
    font-size:14px;
    color:#4A4A4A;
    line-height:22px;
    
}
.my_target_tit .ico_info {
vertical-align:middle;
    /*margin:-12px 5px 0 0;*/
}
#weight_mc_wrap {
    width:100%;
/*  min-width:320px;*/
/**/
    height:127px;
    overflow:hidden;
    text-align:center;
    border-bottom:1px solid #979797;
    box-sizing:border-box;
    margin:15px 0;
}
.weight_mc_wrap_bg {
    height:252px;
    background: url('../images/img_weight_mc.png') center 0 no-repeat;
    background-size:252px;
}

.mytarget_img {
    text-align:center;
    margin:40px 0 0 0;
}

.target_txt {
    position:absolute;
    width:100%;
    top:60px;
}
.notset_txt_tit {
    font-size:18px;
    color:#4a4a4a;
    text-align:center;
}

#weight_mc_wrap .gauge_target_txt {
    position:absolute;
    width:100%;
    top:45px;
    text-align:center;
    color:#898989;
}
#weight_mc_wrap div.dm-wrapperDiv {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    zoom: 1;
    display: inline-block;
    margin: 0 10px;
}
#weight_mc_wrap div.ui-slider {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    zoom: 1;
    display: inline-block;
    margin: 5px 22px 10px;
    background-color: #333 !important;
    background-image: none;
}
#weight_mc_wrap div.ui-slider .ui-slider-handle {
    margin-top: -5px;
    width: 1em;
    height: 1.4em;
    border: 2px solid #000;
    background-image: none;
    background-color: #aaa;
    cursor: pointer;
    box-shadow: 2px 2px 3px 1px #888888;
    border-radius: 5px;
}
#weight_mc_wrap div#payloadMeterDiv {
    position: relative;
    z-index: 1;
    background: url('../images/img_weight_mc.png') 0 0 no-repeat;
    background-size:252px;
}

#weight_mc_wrap div#payloadSliderDiv {
    position: absolute;
    top:10px;
    left:50%;
    z-index: 10;
    opacity: 0;
    height: 127px;
    width: 252px;
    margin-left:-126px;
}

#weight_mc_wrap li {
  margin-top: 1.5em;
  font-size: .875em;
}
#weight_mc_wrap li:first-child {
  margin-top: 0;
}
#weight_mc_wrap .snippet-container {
  margin: 3px 3px 0 0;
}
#weight_mc_wrap .snippet-container pre.sh_sourceCode {
  padding: 20px 0 0;
  line-height: 1.25;
  background-color: #ddd !important;
}
#weight_mc_wrap .snippet-container pre.sh_sourceCode.snippet-textonly {
  padding: 30px 15px 10px;
}
#weight_mc_wrap .snippet-container pre.sh_sourceCode li {
  margin-top: 0;
}
#weight_mc_wrap .snippet-container pre.sh_sourceCode span.sh_comment {
  color: #777;
}

.weight_mc_wrap {
  position: relative;
}
.weight_mc_wrap.img_arrow_hori {
    background:url('../images/img_weight_arrow02.png') center 77px no-repeat;
    background-size:170px;
}
div.dm-wrapperDiv {
  display: block;
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  zoom: 1;
  overflow: hidden;
  width: 252px;
  height: 127px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
div.dm-wrapperDiv div {
  position: absolute;
  bottom: 0;
  left: 25px;
}
div.dm-wrapperDiv div.dm-bgClrDiv,
div.dm-wrapperDiv div.dm-maskDiv {
  width: 205px;
  height: 12px;
}

div.dm-wrapperDiv div.dm-maskDiv {
    background: url('../images/img_weight_arrow.png') 0 0 no-repeat;
    z-index: 4;
    background-size:205px;
}

.weight_arrow_normal {
    position:absolute;
    top:112px;
    left:50%;
    width:205px;
    height:12px;
    margin-left:-101px;
    z-index: 10;
}

div.dm-wrapperDiv div.dm-innerDiv {
    top:60px;
    left:0px;
    width:100%;
    text-align:center;
    z-index: 5;
}

div.dm-wrapperDiv div.dm-innerDiv span.dm-valueP {
    font-size:35px;
    font-weight:600;
    color:#4A4A4A;
}
div.dm-wrapperDiv div.dm-innerDiv span.dm-unitP {
    font-size:18px;
    font-weight:normal;
    box-sizing:border-box;
    margin:0 0 0 3px;
}
.set_info {
    position:absolute;
    bottom:0;
    width:100%;
    font-size:12px;
    color:#898989;
}
.set_info .set_info_low {
    display:block;
    float:left;
    width:50%;
    text-align:right;
    padding:0 130px 0 0;
    box-sizing:border-box;
}
.set_info .set_info_hi {
    display:block;
    float:right;
    width:50%;
    text-align:left;
    padding:0 0 0 130px;
    box-sizing:border-box;
}

/*레인지 슬라더*/
.range_slider_wrap * {
    box-sizing: border-box;
    position:relative !important;
    padding-bottom:0 !important;
}

.range_slider_wrap.step {
    padding:10px 0 0 0;
}
.range_slider_wrap.water {
    padding:106px 0 0 0;
}
.ui-widget-content {
    margin:0 auto;
    width:95%;
    height:2px;
    top:55px;
    border-bottom: 2px solid #D1D1D1;
    padding:0 40px;
    box-sizing:border-box;
}

.ui-widget-content a {
    display:inline-block;
    width:100%;
}
.ui-widget-header {
    border: 1px solid #000;
    color: #444444;
    font-weight: bold;
}
.ui-widget-header a {
    color: #444444;
}

.ui-state-default .ui-slider-tip {
    position: absolute;
    visibility:inherit;
    top:-30px;
    left:-7px;
    display: block;
    width: 100px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
    color: #4A4A4A;
    font-weight:600;
}
.step.ui-widget .ui-state-default {
    position:relative;
    top:-17px;
    left:50%;
    margin-left:-110px;
    display:inline-block;
    width:80px;
    height:37px;
    background:url('../images/btn_range_handle_walk.png') center center no-repeat;
    background-size:80px;
    z-index:100;
}
.step.ui-widget .ui-state-default .ui-slider-tip:after {
    display: inline;
    content: '걸음'; 
    font-size:14px;
}
.water.ui-widget .ui-state-default .ui-slider-tip:after {
    display: inline;
    content: 'ml';
    font-size:14px;
}
.water.ui-widget .ui-state-default {
    position:relative;
    top:-17px;
    left:50%;
    margin-left:-110px;
    display:inline-block;
    width:80px;
    height:37px;
    background:url('../images/btn_range_handle_water.png') center center no-repeat;
    background-size:80px;
    z-index:100;
}
.ui-slider .ui-slider-range {
    position:absolute;
    width:0;
    top:-37px;
    left:-40px;
    display:block;
    background:#63C2D0;
    height:2px;
    z-index:10;
}
/*side circle */
.slider_bg {}
.slider_bg:after {
    position:absolute;
    display:block;
    content:'';
    background:#fff;
    top:-4px;
    left:-10px;
    width:10px;
    height:10px;
    border-radius:50%;
    border:2px solid #979797;
    box-sizing:border-box;
    z-index:80;
}
.slider_bg:before {
    position:absolute;
    display:block;
    content:'';
    background:#fff;
    top:-4px;
    right:-10px;
    width:10px;
    height:10px;
    border-radius:50%;
    border:2px solid #979797;
    box-sizing:border-box;
    z-index:80;
}
.slider_bg span {
    position:absolute;
    display:inline-block;
    width:70px;
    font-size:12px;
    color:#A1A1A1;
    text-align:center;
    top:20px;
}
.slider_bg span.legend_left {
    position:absolute;
    float:left;
    left:-40px;
}
.slider_bg span.legend_right {
    position:absolute;
    float:right;
    right:-40px;
}

/*side circle */

.sls-container input {
  position: absolute;
  z-index: -1;
  visibility: hidden;
}
.sls-container .sls {
    display:inline-block;
    height: 2px;
    top:40px;
    background: #979797;
    width:100%;
}
.sls-container .sls:before {
    position:absolute;
    display:block;
    content:'';
    width:10px;
    height:10px;
    top:-5px;
    left:25px;
    background:#fff;
    border:1px solid #979797;
    border-radius:50%;
    z-index:10;
}
.sls-container .sls:after {
    position:absolute;
    display:block;
    content:'';
    width:10px;
    height:10px;
    top:-5px;
    right:25px;
    background:#fff;
    border:1px solid #979797;
    border-radius:50%;
    z-index:1;
}

.sls .num_min {
    top:-80px;
    left:27px;
}

.sls .num_max{
    top:-80px;
    float:right;
    right:8px;
}
.sls-container .sls .sls-knob {
  display: none;
}
.sls-container .sls .sls-handle {
    height: 74px;
    width: 80px;
    display: block;
    position: absolute;
    cursor:pointer;
    left: 0;
    font-size:18px;
    font-weight:600;
    color:#6B5E4C;
    text-align: center;
    z-index: 10;
}

.sls-container .sls .sls-handle.handle_walk  {
    background:url('../images/btn_range_handle_walk.png') center 27px no-repeat;
    background-size:80px;
    top:-74px;
    letter-spacing: -1px;
}
.sls-container .sls .sls-handle.handle_walk:after {
    display:inline;
    content: '걸음';
    font-size:12px;
    color:#6B5E4C;
    padding-left:5px;
}
.sls-container .sls .sls-handle.handle_water  {
    background:url('../images/btn_range_handle_water.png') center 27px no-repeat;
    background-size:80px;
/*  width:80px;*/
    top:-74px;
    letter-spacing: -1px;
}
.sls-container .sls .sls-handle.handle_water:after {
    display:inline;
    content: 'ml';
    font-size:12px;
    color:#6B5E4C;
    padding-left:5px;
}

.sls-container .sls .sls-handle.merge-right {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.sls-container .sls .sls-handle.merge-left {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.sls-container .sls .sls-knob-stack {
  display: table;
  height: 30px;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}
.sls-container .sls .sls-knob-stack .sls-knob {
  display: table-cell;
}
.sls-container .sls .sls-knob-stack .sls-knob:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  position: relative;
  top: 12px;
  left: 50%;
  margin-left: 27px;
  text-align: center;
}
/*레인지 슬라더*/

.weight_set_info {
    margin:25px 0;
}

.weight_set_info .tit {
    font-size:16px;
    color:#4A4A4A;
    font-weight:500;
    line-height:24px;
}

.weight_info_tbl {
    font-size:16px;
    color:#333;
    padding:10px 0 0 0;
}
.weight_info_tbl li {
    border-bottom:1px solid #E6E6E6;
}
.weight_info_tbl li:first-child {
    border-top:1px solid #E6E6E6;
    border-bottom:1px solid #E6E6E6;
}
.weight_info_tbl li:after {
    display:block;
    content:'';
    clear:both;
}
.weight_info_tbl li .tbl_tit {
    float:left;
    width:35%;
    box-sizing:border-box;
    padding:15px 5px;
}
.weight_info_tbl li .tbl_data {
    float:right;
    width:65%;
    box-sizing:border-box;
    padding:15px 5px;
}

.weight_info_wrap:after {
    content:'';
    display:block;
    clear:both;
}
.weight_info_wrap li {
    float:left;
    width:50%;
}
.weight_info_wrap li p {
    text-align:center;
}
.weight_current {
    position:relative;
    font-size:14px;
    color:#4A4A4A;
    padding:0 0 0 13px;
}
.weight_current:after {
    position:absolute;
    content:'';
    width:8px;
    height:8px;
    left:0;
    top:3px;
    background:#898989;
    border-radius:100%;
}
.weight_target {
    position:relative;
    font-size:14px;
    color:#4A4A4A;
    padding:0 0 0 13px;
}
.weight_target:after {
    position:absolute;
    content:'';
    width:8px;
    height:8px;
    left:50%;
    top:3px;
    background:#63C1CF;
    border-radius:100%;
    margin-left:-31px;
}

.weight_num {
    font-size:35px;
    font-weight:700;
}
.weight_num span {
    font-size:18px;
    font-weight:normal;
    color:#898989;
    padding:0 0 0 5px;
}

.target_wrap {
    margin:20px 0 30px 0;
}
.target_wrap:after {
    position:absolute;
}
.target_wrap .gauge_line {
    position:absolute;
    display:block;
    top:-43px;
    width:100%;
    height:2px;
    background:#D1D1D1;
}
.target_wrap .gauge_line:before {
    display: block; content: ''; position: absolute; width:10px; height: 10px; background: #fff; border:solid 2px #979797;   left:30px; border-radius: 50%; z-index:80; top:-4px; box-sizing:border-box;
}
.target_wrap .gauge_line:after {
    display: block; content: ''; position: absolute; width:10px; height: 10px; background: #fff; border:solid 2px #979797;   right:30px; border-radius: 50%; z-index:80; top:-4px; box-sizing:border-box;
}
.target_wrap .stalker_line_step {
    position:absolute;
    display:block;
    top:-41px;
    height:2px;
    background:#63C2D0;
    z-index:60;
}
.target_wrap .stalker_line_water {
    position:absolute;
    display:block;
    top:-41px;
    height:2px;
    background:#63C2D0;
    z-index:60;
}
.target_wrap .img_gauge_walk {
    position:absolute;
    display:block;
    width:80px;
    top:-20px;
    text-align:center;
    z-index:100;
    margin-left:-40px;
}

.target_wrap .img_gauge_walk p {
    display:inline-block;
    font-size:18px;
    color:#4A4A4A;
    font-weight:600;
    letter-spacing:-1px;
    min-width: 80px;
}
.target_wrap .img_gauge_walk p span {
    top:-2px;
    display:inline;
    font-size:12px;
    font-weight:normal;
    margin:0 0 0 3px;
}

.target_wrap .img_gauge_water {
    position:absolute;
    display:block;
    width:80px;
    top:-20px;
    text-align:center;
    z-index:100;
    margin-left:-40px;
}

.target_wrap .img_gauge_water p {
    display:inline-block;
    font-size:18px;
    color:#4A4A4A;
    font-weight:600;
    letter-spacing:-1px;
    min-width: 80px;
}
.target_wrap .img_gauge_water p span {
    top:-2px;
    display:inline;
    font-size:12px;
    font-weight:normal;
    margin:0 0 0 3px;
}
.gauge_box {
    display:block;
    position:relative;
    padding-left:35px;
    padding-right:35px;
}

.target_wrap .num_min {
    float:left;
    display:inline-block;
    width:50px;
    top:-25px;
    left:10px;
    font-size:12px;
    color:#A1A1A1;
    text-align:center;
}
.target_wrap .num_max {
    float:right;
    display:inline-block;
    width:50px;
    top:-25px;
    right:8px;
    font-size:12px;
    color:#A1A1A1;
    text-align:center;
}

/*다이어리*/
.month_select {
    color:#4a4a4a;
    text-align:center;
    line-height:42px;
    vertical-align:middle;
    background:#F4F4F4;
    margin-top:-16px;
    border-bottom: 1px solid #DDDDDD;
}
.month_select button {
    display:inline-block;
    width:42px;
    height:42px;
    background:none;
}
.month_select .ico_calendar {
    margin:-2px 5px 0 0;
}
.month_select button.pre {
    float:left;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.month_select button.next {
    float:right;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.opt_choice_wrap {
    padding:20px 36px;
}
.opt_choice_wrap ul:after {
    display:block;
    content:'';
    clear:both;
}
.opt_choice_wrap ul li {
    float:left;
    width:25%;
    text-align:center;
    margin:8px 0;
}
.opt_choice_wrap ul li:nth-child(4+1) {
    clear:both;
}
.opt_choice_wrap ul li:first-child {
    margin-left:0px;
}
.opt_choice_wrap ul li span {
    display:inline-block;
    min-width:57px;
    font-size:14px;
    line-height:18px;
    cursor:pointer;
    border:1px solid #4A4A4A;
    color: #4A4A4A;
    border-radius:28px;
    letter-spacing:-2px;
    box-sizing:border-box;
    padding:5px;
    -webkit-tap-highlight-color:transparent;
    background:none;
}
.opt_choice_wrap ul li span:before {
    display:inline-block;
    content:'+';
    padding:0 5px 0 0;
}
.opt_choice_wrap ul li span.selected:before {
    display:inline-block;
    content:'';
}
.opt_choice_wrap ul li span.selected {
    color:#fff;
    border:none;
    border-radius:28px;
    letter-spacing:-2px;
    box-sizing:border-box;
    padding:5px 10px 5px 19px;
}

.opt_choice_wrap ul li span.blue {
    border:1px solid #4990E2;
    background:url('../images/ico_total_check.png') 8px center no-repeat #4990E2;
    background-size:10px;
}
.opt_choice_wrap ul li span.orange {
    background:#2B87E2;
    border:1px solid #2B87E2;
    background:url('../images/ico_total_check.png') 8px center no-repeat #2B87E2;
    background-size:10px;
}
.opt_choice_wrap ul li span.total {
    border:1px solid #7F7A78;
    background:url('../images/ico_total_check.png') 8px center no-repeat #7F7A78;
    background-size:10px;
}

.diary_con_wrap {
    padding:0 16px;
}

.cal_haeder {
    padding:15px 0;
}
.cal_haeder li.sat, .cal_date li.sat {
    color:#2B87E2;
}
.cal_haeder li.sun, .cal_date li.sun {
    color:#FF621D;
}

.diary_calendar li {
    float:left;
    width:14%;
    text-align:center;
}

.diary_calendar li:nth-child(7+1) {
    clear:both;
    width:16%;
}
.cal_haeder {
    font-size:16px;
    color:#898989;
    font-weight:200;
}
.cal_date li {
    position:relative;
    font-size:16px;
    color:#4A4A4A;
    text-align:center;
    font-weight:200;
    line-height:48px;
    z-index:100;
}
.cal_date li.other_day {
    color:#ADA9A6;
}
.cal_date li .today {
    position:absolute;
    display:block;
    width:32px;
    height:32px;
    left:50%;
    top:50%;
    margin-left:-16px;
    margin-top:-16px;
    border-radius:50%;
    background:#E6E2DC;
    z-index:-1;
/*  margin:0 auto;*/
}
.cal_date li .circles {
    position:absolute;
    display:block;
    width:38px;
    height:38px;
    top:5px;
    left:50%;   
    margin-left:-19px;
}

.set_alert_txt01 {
    font-size:16px;
    color:#4a4a4a;
    text-align:center;
    margin:20px 0 0 0;
}
.set_alert_txt02 {
    font-size:14px;
    color:#898989;
    text-align:center;
    margin:15px 0 0 0;
}
.set_info_txt02 {
    font-size:12px;
    color:#5F5F5F;
}

.set_shoes_wrap {
    margin: -10px 0 10px 0;
}
.set_shoes_wrap li {
    cursor:pointer;
    border-bottom:1px solid #dddddd;
    padding:15px 0;
}

.set_shoes_wrap li:after {
    display:block;
    content:'';
    clear:both;
}
.set_shoes_wrap li .text_data {
    float:left;
    width:85%;
    cursor:pointer;
}
.set_shoes_wrap li .text_data p {
    line-height:24px;
}
.shoes_kind {
    font-size:16px;
    color:#4a4a4a;
}
.shoes_info {
    font-size:12px;
    color:#898989;
    margin-top:6px;
}
span.shoes_brand {
    font-size:12px;
    color:#fff;
    border-radius:10px;
    background:#63C2D0;
    padding:3px 10px;
    box-sizing:border-box;
}
span.txt_orange {
    color:#4A4A4A;
}

.set_shoes_wrap li img {
    float:right;
    margin-top: 5px;
}
.ico_shoes {
    opacity:0.2;
}
.ico_shoes.selected {
    opacity:1;
}
.rank_list li {
    padding:25px 0;
    border-bottom:1px solid #dddddd;
}
.rank_list li:after {
    display:block;
    content:'';
    clear:both;
}
.rank_list > li:first-child {
    padding:0 0 25px 0;
}

.rank_top3:after {
    display:block;
    content:'';
    clear:both;
}
.rank_top3 > li {
    float:left;
    width:33%;
    border:none;
    box-sizing:border-box;
    padding:0;
}
.rank_top3 > li:first-child {
    margin:0;
}
.rank_top3 > li.center {
    width:34%;
    text-align:center;
}

.rank_top_box {
    overflow:hidden;
    border:1px solid #DDDDDD;
    border-radius:8px;
    margin:0 0 0 11px;
    box-sizing:border-box;
}
.rank_top_box:first-child {
    margin:0;
}

.rank_top_con > li {
    padding:0;
    border-bottom:none;
}
.rank_top_con > li.trophy {
    text-align:center;
    background:#F4F4F4;
    border-radius:6px 6px 0 0;
    padding:20px 0;
}

.topuser_img {
    text-align:center;
    padding:10px 0;
}
.topuser_img .user_img_mask,
.user_img .user_img_mask {
    display:inline-block;
    width:30px;
    height:30px;
    -webkit-mask:url('../images/user_img_mask.png') center center no-repeat;
}
.topuser_img .user_img_mask img,
.user_img .user_img_mask img {
    width:30px;
    height:30px;
     border:1px solid #ccc;
     box-sizing:border-box;
}
.user_img img { 
    border:1px solid #ccc;
     box-sizing:border-box;
     border-radius : 50%;
}
.topuser_name {
    font-size:16px;
    color:#4a4a4a;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    padding:0 10px;
    box-sizing:border-box;
}
.topuser_count {
    font-size:12px;
    color:#4a4a4a;
    text-align:center;
    line-height:38px;
    padding:0 10px;
    box-sizing:border-box;
}
.rank_num {
    float:left;
    width:10%;
    font-size:16px;
    color:#4a4a4a;
    text-align:center;
    font-weight:600;
    line-height:30px;
}
.user_img {
    float:left;
    width:15%;
    text-align:center;
    height:30px;
}

.user_name {
    float:left;
    width:45;
    font-size:16px;
    color:#4a4a4a;
    text-align:left;
    line-height:30px;
}
.step_count {
    float:right;
    width:25%;
    font-size:12px;
    color:#4a4a4a;
    text-align:right;
    line-height:30px;
}
.step_txt {
    color:#898989;
}

/*************************************************************************************************************
    리스트 : 아코디언
*************************************************************************************************************/
.smk_accordion {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.smk_accordion .accordion_in {
    position: relative;
    z-index: 10;
    overflow: hidden;
}
.smk_accordion .accordion_in .acc_head {
    position: relative;
    font-size: 16px;
    display: block;
    cursor: pointer;
    -webkit-tap-highlight-color:transparent;
}
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
    position: absolute;
    display: block;
    width: 17px;
    height: 17px;
    right: 16px;
    top: 50%;
    margin-top: -8px;
    background: url('../images/ico_arrow_down.png') center 0;
    background-size:17px;
}
.smk_accordion .accordion_in.acc_active > .acc_content {
    display: block;
}
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
    background: url('../images/ico_arrow_down.png') center 0;
    background-size:17px;
    transform: rotate(180deg);
}

/*************************************************************************************************************
    Toggle Button
*************************************************************************************************************/
.toggle_wrap {
    position: relative;
    display:inline-block;
    float:right;
}
.toggle_wrap.disable {
    opacity:0.4;
}

input[type="checkbox"]{display:none;}

.toggle{
    position: absolute;
    top:-3px;
    right: 0px;
    margin: auto;
    width: 40px;
    height: 24px;
}
.toggle label {
    box-sizing: border-box;
    display: block;
    background: #EFEFEF;
}
.toggle i{
    box-sizing: border-box;
    display: block;
    background: #ffffff;
}
.toggle label{
    width: 40px;
    height: 24px;
    border-radius: 24px; 
    border: 1px solid #DDDDDD;
    transition: all 0.30s ease;
}
.toggle i{
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    box-shadow: 0 0 1px 0 rgba(0,0,0, 0.25),
                0 1px 1px 0 rgba(0,0,0, 0.15);
    background: #ffffff;
    transition: all 0.3s cubic-bezier(0.275, -0.450, 0.725, 1.450);
}
input[type="checkbox"]:active + .toggle i {width:20px;}
input[type="checkbox"]:active + .toggle label,
input[type="checkbox"]:checked + .toggle label{
    border: 12px solid #63C2D0;
}

input[type="checkbox"]:checked + .toggle i {left: 18px;}
input[type="checkbox"]:checked:active + .toggle label {border: 12px solid #e5e5e5;}
input[type="checkbox"]:checked:active + .toggle i {left: 14px;}

.full_size_wrap {
    width:40px;
    top:-36px;
    right:16px;
}
/*************************************************************************************************************
    Flicking
*************************************************************************************************************/
#flicking {
    position:relative;
    overflow:hidden;
}
#flicking ul {
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    width:99999px;
}
#flicking ul li {
    float:left;
    width:100%;
}
#flicking ul li img {
    width:100%;
    border-radius:8px;
}

#tutorial {
    position:relative;
    overflow:hidden;
}
#tutorial ul {
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    width:99999px;
}
#tutorial ul li {
    float:left;
    width:100%;
}
#tutorial ul li img {
    width:100%;
}
.paging {
    width:80%;
    margin:0 auto;
    text-align:center;
    overflow:hidden;
}
.paging .btn_page {
    display:inline-block;
    width:8px;
    height:8px;
    margin:3px;
    font-size:0px;
    line-height:0;
    text-indent:-9999px;
    background:#DDDDDD;
    border-radius:50%;
}
.paging .btn_page.on {
    background:#4A4A4A;
}

.search_wrap {
    line-height:37px;
    border:1px solid #898989;
    border-radius:22px;
/*  border-radius:22px;*/
    padding:3px;
    margin:5px 0 0 0;
    box-sizing:border-box;
    overflow:hidden;
}

.search_wrap input[type="text"] {
    line-height:24px;
    font-size:16px;
    color:#4A4A4A;
    padding:5px 15px;
    background:#FCFCFC;
    box-sizing:border-box;
}
input[type="text"]:-ms-input-placeholder { color:#C8C0BB; } /* Internet Explorer 10 이상에 적용*/
input[type="text"]::-webkit-input-placeholder { color:#C8C0BB; } /*  Webkit, Blink, Edge에 적용*/
input[type="text"]::-moz-placeholder { color:#C8C0BB; } /* Mozilla Firefox 4 부터 18에 적용*/
input[type="text"]::-moz-placeholder { color:#C8C0BB; } /* Mozilla Firefox 19 이상에 적용*/
input[type="number"]:-ms-input-placeholder { color:#C8C0BB; } /* Internet Explorer 10 이상에 적용*/
input[type="number"]::-webkit-input-placeholder { color:#C8C0BB; } /*  Webkit, Blink, Edge에 적용*/
input[type="number"]::-moz-placeholder { color:#C8C0BB; } /* Mozilla Firefox 4 부터 18에 적용*/
input[type="number"]::-moz-placeholder { color:#C8C0BB; } /* Mozilla Firefox 19 이상에 적용*/
textarea::-webkit-input-placeholder { color:#C8C0BB; }

.btn_meal_sch {}

.v_sch {
    position:absolute;
    top:25px;
    right:4px;
    animation-duration:0.5s;
    animation-name:btn_voice0;
    animation-fill-mode:none;
}
    @keyframes btn_voice0 {
        from {}
        to {transform:rotatey(180deg); display: block;}
    }

.v_sch.off { 
    top:25px;
    right:4px;

    animation-duration:0.5s;
    animation-name:btn_voice;
    animation-fill-mode: none;
}
    @keyframes btn_voice {
        from {}
        to {/*transform:rotatey(180deg); display: block;*/}
    }
    
.b_sch {
    position:absolute;
    top:25px;
    right:44px;
    animation-duration:0.5s;
    animation-name:btn_voice0;
    animation-fill-mode:none;
}
    @keyframes btn_voice0 {
        from {}
        to {transform:rotatey(180deg); display: block;}
    }

.b_sch.off { 
    top:25px;
    right:44px;

    animation-duration:0.5s;
    animation-name:btn_voice;
    animation-fill-mode: none;
}
    @keyframes btn_voice {
        from {}
        to {/*transform:rotatey(180deg); display: block;*/}
    }

.txt_sch {
    position:absolute;
    top:25px;
    display:none;

    animation-duration: 0.5s;
    animation-name:btn_search0;
    animation-fill-mode:none;
}
    @keyframes btn_search0 {
        from { /*transform:rotatey(-180deg);*/ }
        to { transform:rotatey(-180deg); }
    }
.txt_sch.on {
    position:absolute;
    display:block;
    top:25px;
/*     right:42px; */
   right:84px;

    animation-duration: 0.5s;
    animation-name:btn_search;
    animation-fill-mode:none;
}
    @keyframes btn_search {
        from { transform:rotatey(-180deg); }
        to { transform:rotatey(-360deg); }
    }

.favorite_t_sch {
    position:absolute;
    top:19px;
    right:4px;
}
.meal_input_list {
    margin:30px 0 0 0;
}
.meal_input_list button {
    background:none;
}
.meal_input_list li {
    margin:25px 0;
}
.meal_input_list li:after {
    display:block;
    content:'';
    clear:both;
}
.meal_input_list .btn_check {
    float:left;
    width:14%;
}
.meal_input_list .btn_check .check_btn {
    opacity:0.3;
}
.meal_input_list .btn_check .check_btn.on {
    opacity:1;
}
.meal_input_list .txt_con {
    float:left;
    width:86%;
}
.meal_input_list .txt_con img.ico_heart {
    margin-right:5px;
     margin-top:-5px;
}
.meal_name {
    font-size:16px;
    color:#4a4a4a;
}
.meal_amount {
    font-size:12px;
    color:#898989;
    line-height:18px;
    float : left;
}
.fd_brand {
    font-size:12px;
    color:#4A4A4A;
    line-height:18px;
}

.meal_amount_kcal {
    font-size:14px;
    color:#63C2D0;
    margin:0 0 0 6px;
    line-height:18px;
}
.meal_input_list .variation {
    display:none;
    float:right;
    width:36%;
    text-align:center;
}
.meal_input_list .variation_kcal {
/*     float:right; */
/*     width:25%; */
/*     text-align:right; */
    padding-left:5px;
    font-size:12px;
    color:#63C2D0;
}
.meal_input_list .variation .percent {
    display:inline-block;
    margin:0 auto;
    width:25px;
    font-size:12px;
    color:#898989;
    text-align:center;
    box-sizing:border-box;
    padding:10px 0; 
    line-height:28px;
    background:#FCFCFC;
}
.percent_rule {
    display:inline-block;
    width:10px;
    font-size:12px;
    color:#898989;
    text-align:center;
    margin-right:3px;
}
.meal_input_list .variation .btn_variation {
    opacity:0.5;
}
.meal_input_list .variation .btn_variation:focus,
.meal_input_list .variation .btn_variation:hover {
    opacity:1;
}

.drinking_input_list button {
    background:none;
}
.drinking_input_list li {
    margin:25px 0;
}
.drinking_input_list li:after {
    display:block;
    content:'';
    clear:both;
}
.drinking_input_list .btn_check {
    float:left;
    width:14%;
}
.drinking_input_list .btn_check .check_btn {
    opacity:0.3;
}
.drinking_input_list .btn_check .check_btn.on {
    opacity:1;
}
.drinking_input_list .txt_con {
    float:left;
    width:43%;
}

.drinking_name {
    font-size:16px;
    color:#4a4a4a;
}
.drinking_amount {
    font-size:12px;
    color:#898989;
    line-height:18px;
}
.drinking_amount_kcal {
    font-size:14px;
    color:#63C2D0;
    line-height:18px;
}
.drinking_amount_kcal {
    font-size:14px;
    color:#63C2D0;
    line-height:18px;
}
.drinking_input_list .variation {
    float:right;
    width:43%;
    text-align:center;
}
.drinking_input_list .variation .percent {
    display:inline-block;
    margin:0 auto;
    width:25px;
    min-width:35px;
    font-size:12px;
    color:#898989;
    text-align:center;
    box-sizing:border-box;
    padding:6px 0;
    background:#FCFCFC;
}

.drinking_input_list .variation .btn_variation {
    opacity:0.5;
}
.drinking_input_list .variation .btn_variation:focus,
.drinking_input_list .variation .btn_variation:hover {
    opacity:1;
}
.drinking_info_txt {
    font-size:12px;
    color:#898989;
    line-height:18px;
}

.select_basket {
    position:fixed;
    display:none;
    width:100%;
    bottom:0;
    font-size:14px;
    text-align:center;
    height:50px;
    line-height:50px;
    color:#fff;
    z-index:100;
    background:#63C2D0;
    opacity:0.7;
    margin-bottom:54px;
}

.restauant_location {
    font-size:14px;
    color:#4a4a4a;
    line-height:42px;
    background:#F3F4F6;
    margin-top:-16px;
    padding:0 16px;
    border-bottom: 1px solid #dddddd;
}
.restauant_location .date {
    float:right;
    font-size:12px;
    color:#898989;
}
.weekly_wrap {
    padding:16px;
}

.date_select {
    text-align:center;
    margin-bottom:16px;
}
.date_select:after {
    display:block;
    content:'';
    clear:both;
}
.date_select button {
    width:36px;
    height:36px;
    font-size:14px;
    color:#7F7D7A;
    border:1px solid #ccc;
    border-radius:18px;
    background:none;
/*  margin-right:8px;*/
}
.date_select button:last-child {
    margin-right:0;
}
.date_select button.active {
    color:#fff;
    border:1px solid #9B9B9B;
    background:#9B9B9B;
}
.restauant_location .ico_location {
    margin-top:-3px;
}

.breakefast_wrap {
    position:absolute;
    width:100%;
    padding:0 0 70px 0;
    z-index:100;
}
.lunch_wrap {
    position:absolute;
    width:100%;
    left:-200%;
    padding:0 0 70px 0;
    z-index:100;
}
.dinner_wrap {
    position:absolute;
    width:100%;
    left:-200%;
    padding:0 0 70px 0;
    z-index:100;
}
.snack_wrap {
    position:absolute;
    width:100%;
    left:-200%;
    padding:0 0 70px 0;
    z-index:100;
}
.night_wrap {
    position:absolute;
    width:100%;
    left:-200%;
    padding:0 0 70px 0;
    z-index:100;
}
.meal_item_list > li {
    overflow:hidden;
    padding:20px 0 15px 0;
    border-bottom:1px solid #dddddd;
}
.meal_item_list > li:first-child {
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}
.meal_item_list > li ul li:after {
    display:block;
    content:'';
    clear:both;
}
.meal_item_list .course_name {
    font-size: 14px;
    color: #898989;
}
ul li .meal_name_box {
    float:left;
    width:80%;
}
ul li .meal_kcal_box {
    float:right;
    width:20%;
    text-align:right;
}
ul li .kcal_txt {
    font-size:14px;
    color:#63C2D0;
}
ul li .meal_amount {
    font-size:12px;
    color:#4A4A4A;
    line-height:18px;
}
.new_meal_input {
    display:inline-block;
    width:100%;
    border:1px solid #DDDDDD;
    border-radius:8px;
    background:none;
    padding:15px;
}
.new_meal_input:after {
    display:block;
    content:'';
    clear:both;
}
.new_meal_input .img_newmeal {
    float:left;
    width:40%;
    text-align:left;
    box-sizing:border-box;
    padding-right:15px;
}
.new_meal_input .newmeal_txt {
    float:left;
    width:60%;
    text-align:left;
}
.newmeal_tit {
    font-size:16px;
    color:#4a4a4a;
}
.newmeal_txt_info {
    font-size:12px;
    color:#898989;
}
.required_input {
    font-size:12px;
    color:#898989;
    text-align:right;
}

.meal_input_wrap li {
    margin:10px 0 0 0;
}
.meal_input_wrap li:after {
    display:block;
    content:'';
    clear:both;
}
.input_title {
    float:left;
    width:40%;
    line-height:37px;
}
.ico_star {
    margin-top:0;
}
.input_text_box {
    float:left;
    width:60%;
    border-bottom:1px solid #898989;
}
.value_txt {
    padding:10px 5px;
    width:85%;
    font-size:16px;
    color:#4a4a4a;
    background:#FCFCFC;
}
.value_unit {
    display:inline-block;
    float:right;
    width:12%;
    font-size:14px;
    color:#898989;
    text-align:right;
    line-height:36px;
}

.point_top_wrap {
    margin-top:-16px;
    padding:16px 16px 0 16px;
    box-sizing:border-box;
}
.top_rbox {
    border-radius:8px;
    background:#E5F2F6;
    padding:15px 0;
    border: 1px solid #63c2d0;
    box-sizing: border-box;
}
.top_rbox .spont_tit {
    font-size:14px;
    color:#4A4A4A;
    text-align:center;
    margin:10px 0;
}
.top_rbox .point_info_wrap {
    margin:20px 16px 0 16px;
}
.top_rbox .point_info_wrap:after {
    display:block;
    content:'';
    clear:both;
}
.top_rbox .point_info_wrap li.img_logo {
    float:left;
    width:30%;
    text-align:center;
}
.top_rbox .point_info_wrap li.spoint_info {
    float:right;
    width:70%;
}
.point_info_wrap li .extinction_text {
    font-size:12px;
    color:#4A4A4A;
    margin:0 50px 0 0;
    text-align:right;
}

.point_num_wrap {
    line-height:33px;
    text-align:right;
}
#point_num {
    display:inline-block;
    font-size:32px;
    color:#4A4A4A;
    margin:5px 0 0 0;
}

.ico_point {
    margin-top:-15px;
    margin-left:5px;
}

.extinction_point {
    text-align:center;
    margin:10px 0 0 0;
}

.point_tip_wrap {
    margin:25px 0 0 0;
}
.point_tip_wrap:after {
    display:block;
    content:'';
    clear:both;
}
.point_tip_wrap li {
    float:left;
    width:50%;
}
.point_tip_wrap li.tip_info {
    font-size:12px;
    color:#4A4A4A;
    padding:0 0 0 15px;
    box-sizing:border-box;
}
.ico_info_white {
    margin-top:-3px;
    margin-right:5px;
}
.point_tip_wrap li.change_btn_box {
    text-align:right;
    box-sizing:border-box;
}
.point_tip_wrap li.change_btn_box .change_btn {
    line-height:26px;
    border-radius:13px 0 0 13px;
    background:#63C2D0;
    font-size:12px;
    color:#fff;
    text-align:center;
    padding:0 10px;
}

.point_tip_wrap li.change_btn_box .change_btn.disable {
    opacity:0.3;
}
.point_tip_wrap li.change_btn_box .ico_point_change {
    margin-right:5px;
    margin-top:-2px;
}

.point_con_wrap {
    padding:0 16px 16px 16px; 
}

.saving_tit {}
.saving_tit:after {
    display:block;
    content:'';
    clear:both;
}
.saving_tit li {
    float:left;
}
.saving_tit li.saving_title {
    width:65%;
    font-size:18px;
    color:#4a4a4a;
    line-height:21px;
}
.saving_tit li.saving_info {
    width:35%;
    font-size:12px;
    color:#898989;
    text-align:right;
}

.ico_info {
    margin-top:-2px;
    margin-right:5px;
}
.point_list_wrap {
    /*padding-top:16px;*/
/*  overflow-y:auto;*/
}
.no_savepoint, .no_usagepoint {}
.no_savepoint_img, .no_usagepoint_img{
    text-align:center;
    margin:40px 0 0 0;
}
.no_savepoint_txt, .no_usagepoint_txt {
    font-size:16px;
    color:#4a4a4a;
    font-weight:400;
    text-align:center;
    margin:10px 0 0 0;
}

.savepoint_list li,
.usagepoint_list li {
    cursor:pointer;
    overflow:hidden;
    border-bottom:1px solid #dddddd;
    padding:15px 0;
    -webkit-tap-highlight-color:transparent; background:none;
}
.savepoint_list li:hover {
    background:#f7f7f7;
}
.savepoint_list li,
.usagepoint_list li:after {
    display:block;
    content:'';
    clear:both;
}
.savepoint_list li .point_detail,
.usagepoint_list li .point_detail {
    float:left;
    width:66%;
}
.point_detail_tit {
    font-size:16px;
    color:#4a4a4a;
    line-height:22px;
}
.point_detail_date {
    font-size:12px;
    color:#898989;
    line-height:20px;
}
.savepoint_list li .point_num,
.usagepoint_list li .point_num {
    float:right;
    text-align:right;
    width:34%;
    font-size:14px;
    color:#63c2d0;
    line-height:42px;
}
.savepoint_list li .point_num span,
.usagepoint_list li .point_num span {
    color:#4a4a4a;
}
.savepoint_list li .point_num .ico_savepoint,
.usagepoint_list li .point_num .ico_usagepoint {
  margin-top:-3px; margin-right:3px; 
}

.top_infotext_wrap {
    border-bottom:1px solid #DDDDDD;
    padding-bottom:10px;
}
.top_infotext_wrap:after {
    display:block;
    content:'';
    clear:both;
}
.top_infotext_wrap li {
    float:left;
    vertical-align:middle;
}
.top_infotext_wrap li.image {
    width:40%;
    text-align:center;
}
.top_infotext_wrap li.infotext {
    width:60%;
    font-size:14px;
    color:#4A4A4A;
    padding-top:20px
}
.full_con_inner {
    padding:0 16px 16px 16px;
}
.con_info_txt {
    font-size:12px;
    color:#898989;
    text-align:center;
    padding:20px;
}

.point_change {
    margin:30px 0 0 0;
}
.logo_wrap {
    width:70%;
    margin:0 auto;
}
.logo_wrap:after {
    display:block;
    content:'';
    clear:both;
}
.logo_wrap li {
    float:left;
}
.logo_wrap li.img_logo {
    width:40%;
}
.logo_wrap li.img_arrow {
    width:20%;
    text-align:center;
    line-height:67px;
}

.chg_point_logo {
    text-align:center;
}
.chg_point_num {
    font-size:14px;
    color:#63c2d0;
    text-align:center;
    line-height:24px;
    margin:10px 0 0 0;
}
.chg_point_name {
    font-size:12px;
    color:#4a4a4a;
    text-align:center;
    line-height:24px;
}
.ico_chg_point {
    margin-top:-4px;
}

.spoint_guide_wrap {
    background:#E5F2F6;
    margin-top:-16px;
    padding:16px;
}

.spoint_guide_top {
    position:relative;
    padding:0 0 72px 0;
}

.guide_toptxt {
    padding-top:70px;
}

.guide_toptxt01 {
    font-size:28px;
    color:#4a4a4a;
    font-weight:600;
    text-align:center;
    line-height:32px;
}
.guide_toptxt02 {
    font-size:12px;
    color:#4A4A4A;
    text-align:center;
    line-height:20px;
}
.spoint_guide_top > span {
    position:absolute;
}
.spoint_guide_top .img_balloon01 {
    left:0;
}
.spoint_guide_top .img_balloon02 {
    top:30px;
    right:0;
}
.spoint_guide_top .img_balloon03 {
    top:180px;
    left:0;
}
.spoint_guide_top .img_balloon04 {
    top:225px;
    right:0;
}
.spoint_guide_body {
    position:relative;
    margin:40px 0 0 5px;
    background:#fff;
    border-radius:8px;
    padding:20px;
    box-sizing:border-box;
}
.spoint_guide_body .img_balloon_edge {
    position:absolute;
    top:-8px;
    left:-6px;
}
.spoint_guide_body .top_txt {
    font-size:12px;
    color:#4a4a4a
    text-align:center;
}
.spoint_tip {
    margin:15px 0 0 0;
}
.spoint_tip:after {
    display:block;
    content:'';
    clear:both;
}
.spoint_tip .img_hand {
    float:left;
    display:block;
    width:12%;
}
.spoint_tip .tip_text {
    float:left;
    display:block;
    width:88%;
}
.spoint_tip .tip_text .tip_title {
    font-size:18px;
    color:#4A4A4A;
    line-height:32px;
}
.spoint_tip .tip_text .tip_text {
    font-size:12px;
    color:#898989;
}
.spoint_tip .tip_text .tip_text .point_txt {
    color:#53C2D0;
}
.spoint_guide_btmtxt {
    font-size:12px;
    text-align:center;
    color:#6A5D52;
    padding:15px 0 70px 0;
}
.mall_members_info {
    font-size:12px;
    color:#898989;
    text-align:right;
    line-height:50px;
}

.request_con_wrap {
    margin-top:-15px;
}
.request_con_wrap li:first-child {
    padding:15px 0;
    border-bottom:1px solid #DDDDDD;
}
.request_con_wrap li:last-child {
    padding:15px 0;
    border-bottom:1px solid #DDDDDDD;
}

.info_txt_title {
    font-size:16px;
    color:#4a4a4a;
    line-height:24px;
}

.info_txt_con li {
    font-size:12px;
    color:#898989;
    border:none;
    line-height:20px;
    padding:0;
}
.info_txt_con li.point_txt {
    color:#63C2D0;
}
.person_info_wrap {
    padding:5px 0;
    border:none;
}

.person_info {
    display:inline;
}

.person_info_wrap .ico_arrow_wrap {
    float:right;
    display:block;
    width:23px;
    text-align:center;
}
.person_info_wrap .ico_arrow {
    cursor:pointer;
    margin:6px 0 0 0;
    transform:rotate(-180deg);
}
.person_info_wrap .ico_arrow.off {
    transform:rotate(0deg);
}

.person_info_wrap .check_space {
    margin-top:-10px;
}
.person_info_wrap .label_txt {
    display:inline-block;
    font-size:14px;
    line-height:30px;
    box-sizing:border-box;
}
.person_info_txt {
    display:none;
    font-size:12px;
    color:#898989;
    background:#F3F4F6;
    border-radius:3px;
    padding:15px !important;
    box-sizing:border-box;
    height:130px;
    overflow-y:scroll;
    margin:5px 0 10px 0;
}
.request_con_wrap .btn_membership {
    text-align:center;
    padding:10px;
}
.certify_input_wrap li {
    margin:10px 0 0 0;
}
.certify_input_wrap li:after {
    display:block;
    content:'';
    clear:both;
}
.certify_input_wrap li .input_title {
    float:left;
    width:40%;
    line-height:37px;
}
.certify_input_wrap li .input_text_box {
    float:left;
    width:60%;
    border-bottom:1px solid #898989;
}
.certify_input_wrap li .sign_txt {
    clear:both;
    font-size:12px;
    color:#898989;
    padding:10px 0;
}
.certify_input_wrap li .sign_txt.orange {
    color:#63c2d0;
}
.certify_input_wrap li .input_text_box .value_txt {
    padding:10px 5px;
    width:85%;
    font-size:16px;
    color:#4a4a4a;
    background:#FCFCFC;
    box-sizing:border-box;
}
.certify_input_wrap li .input_text_box .value_unit {
    display:inline-block;
    float:right;
    width:12%;
    font-size:14px;
    color:#898989;
    text-align:right;
    line-height:36px;
}
.certify_input_wrap li .btn_mobile_certify {
    float:right;
}

.certify_num_wrap {
    margin:10px 0 0 0;
}
.certify_num_wrap .input_time {
    font-size:14px;
    color:#4a4a4a;
    font-weight:600;
}
.num_input_wrap {
    margin:15px 0 0 0;
}
.num_input_wrap .num_title {
    font-size:14px;
    color:#4a4a4a;
    font-weight:600;
}
.num_input_wrap .num_input {
    border-bottom:1px solid #AEA9A7;
}
.num_input_wrap .num_input .certify_num {
    padding:10px 5px;
    font-size:16px;
    color:#4a4a4a;
    line-height:20px;
    background:#FCFCFC;
}

.membership_info_wrap {
    margin-top:-16px;
}
.membership_logo {
    text-align:center;
    padding:40px 0 0 0;
}
.membership_text {
    font-size:12px;
    color:#4A4A4A;
    text-align:center;
    line-height:18px;
    margin:0 45px;
    padding:30px 0;
}
.membership_text span {
    font-weight:600;
}
.membership_body {}
.membership_btn {
    text-align:center;
    margin:20px 0;
}
.membership_body_text {
    font-size:12px;
    color:#4A4A4A;
    text-align:center;
    line-height:18px;
    margin:0 30px;
}

.survey_top {
    margin-top:-16px;
    padding-bottom: 36px;
    border-bottom:1px solid #dddddd;
}

.survey_progress_tit {
    font-size:18px;
    color:#4a4a4a;
    text-align:center;
    margin:20px 0 10px 0;
}
.img_survey_count {
    position:relative;
    text-align:center;
}
.survey_num {
    position:absolute;
    width:100%;
    top:24px;
    font-size:38px;
    color:#63c2d0;
    font-weight:800;
    text-align:center;
}
.count_line {
    position:absolute;
    width:74px;
    height:1px;
    top:50px;
    left:50%;
    background:#524337;
    margin-left:-36px;
    z-index:100;
}
.survey_progress_txt {
    font-size:12px;
    color:#4A4A4A;
    text-align:center;
    margin:15px 0;
}
.survey_list_wrap {
    margin:0 16px 16px 16px;
}
.survey_list_wrap ul li {
/*     padding:16px 0; */
    border-bottom:1px solid #dddddd;
	height: 80px;
    position: relative;
}
.list_title_wrap {
	position: absolute;
    left: 0;
    top: 18px;
}
.survey_list_wrap ul li .list_title {
    font-size:16px;
    color:#4a4a4a;
    line-height:22px;
    padding:0;
}
.survey_list_wrap ul li .list_date {
    font-size:12px;
    color:#898989;
    line-height:22px;
}
.survey_list_wrap ul li .list_point {
    font-size:12px;
    color:#4A4A4A;
    line-height:24px;
    position: absolute;
    right: 0;
    top: 25px;
}
.survey_list_wrap ul li .list_point .point_num {
    font-size:14px;
    color:#4a4a4a;
}
.survey_list_wrap ul li .list_point .point_num .ico_savepoint {
    margin-top:-3px;
}
.survey_banner {
    margin-top:-16px;
}
.survey_info {}
.survey_info.line {
    padding-bottom:20px;
    border-bottom:1px solid #dddddd;
}
.survey_info_wrap01 {
    margin:16px 0 0 0;
}
.survey_info_title {
    font-size:16px;
    color:#4a4a4a;
    text-align:center;
}
.survey_info_date {
    font-size:12px;
    color:#898989;
    text-align:center;
    line-height:28px;
}
.survey_info_point {
    font-size:12px;
    color:#4a4a4a;
    text-align:center;
}

.survey_info_point .point_num {
    font-size:14px;
    color:#4a4a4a;
}
.survey_info_point .point_num .ico_savepoint {
    margin-top:-4px;
}
.survey_info_wrap02 {
    font-size:16px;
    color:#4A4A4A;
    margin:30px 16px;
}

.questions_list_wrap {
    padding:0 16px;
}
.questions_wrap {
    padding:16px 0;
    border-bottom:1px solid #dddddd;
}
.questions_wrap .ico_q {
    margin-top:-6px;
}
.questions_wrap .question_num {
    color:#63c2d0;
    font-size:18px;
    font-weight:500;
    line-height:24px;
}

.questions_wrap .question_tit_box {
    margin:0 0 10px 0;
}
.questions_wrap .question_tit_box:after {
    display:block;
    content:'';
    clear:both;
}
.questions_wrap .question_tit_box .question_tit_num {
    float:left;
/*  width:14%;*/
    letter-spacing:-1px;
    margin-right:5px;
}
.questions_wrap .question_tit_box .question_tit {
    float:left;
    width:80%;
    font-size:14px;
    color:#4A4A4A;
    line-height:24px;
}
.choice_list li {
    font-size:14px;
    color:#4A4A4A;
    padding:10px 0;
}

/*
.choice_list li .checkbox-wrap .label_txt {
    display:inline-block;
    width:90%;
    top:-25px;
    left:35px;
    font-size:14px;
    color:#524337;
}
*/

.questions_wrap textarea {
    width:100%;
    height:133px;
    font-size:16px;
    color:#4A4A4A;
    box-sizing:border-box;
    padding:0 10px;
    line-height:30px;
    background:#F4F4F4;
    border-radius:4px;
    border:none;
}

/*이벤트 ************************************************************/
.event_expiry_date {
    color:#63c2d0 !important;
    text-align:right;
}
.event_sch_date {
    margin:10px 0 10px 0;
}

.event_sch_date .date_num {
    font-size:12px;
    color:#898989;
    text-align:center;
}
.event_sch_date .date_num .ico_calendar {
    margin-top:-6px;
}
.event_sch_date .date_btn {
    text-align:center;
    margin:10px 0 0 0;
}
.event_sch_date .date_btn button {
    height:28px;
    font-size:14px;
    color:#898989;
    border:1px solid #dddddd;
    border-radius:14px;
    background:#fff;
    padding:0 15px;
    margin:0 5px 0 0;
}
.event_sch_date .date_btn button:last-child {
    margin:0;
}

.event_sch_date .date_btn button.on {
    color:#fff;
    background:#9B9B9B;
}
.event_win_list li {
    overflow:hidden;
    border-bottom:1px solid #dddddd;
    padding:15px 0;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent; background:none;
}
.event_win_list li:hover {
    background:#F4F4F4;
}
.event_win_list li:after {
    display:block;
    content:'';
    clear:both;
}
.event_detail {
    float:left;
    width:80%;
}
.event_detail_tit {
    font-size:16px;
    color:#4a4a4a;
    line-height:27px;
}
.event_detail_date {
    font-size:12px;
    color:#898989;
    line-height:20px;
}
.event_result {
    float:left;
    width:20%;
    font-size:12px;
    color:#4a4a4a;
}
.event_result p {
    text-align:center;
    line-height:22px;
}
.event_result p.single_line {
    line-height:47px;
}
.event_userguide {
    margin:16px 0;
}
.user_guide_tit {
    font-size:14px;
    color:#898989;
}
.event_ico_info {
    margin-top:-3px;
    margin-right:5px;
}
.user_guide_con {
    margin:5px 0 0 0;
}
.user_guide_con li {
    font-size:12px;
    color:#898989;
    line-height:20px;
}

.direct_save_top {
    background:#FCFCFC;
    margin-top:-16px;
}
.topcon_wrap {
    margin:0 auto;
    padding:35px 0 20px 0;
}
.slogan_txt {
    width:86%;
    margin:0 auto;
    color:#4A4A4A;
}
.slogan_txt .text01 {
    font-size:24px;
    text-align:center;
    line-height:32px;
}
.slogan_txt .text02 {
    font-size:32px;
    text-align:center;
    font-weight:600;
    line-height:32px;
}

.win_list_wrap {
    position:relative;
    /*background:url(../images/event_banner_img_win.png) 0 0 no-repeat;
    width:100%;
    height:241px;
    background-size:100%;*/
}
.win_none {
    background-image:url(../images/event_banner_img_result.png);
}
.win_txt {
    position:absolute;
    left:0;
    top:66%;
    width:100%;
    font-size:14px;
    color:#4A4A4A;
    text-align:center;
}
.topcon_wrap .event_period {
    font-size:12px;
    color:#4A4A4A;
    text-align:center;
    font-weight:200;
    margin:10px 0;
}
.event_con_txt {
    font-size:14px;
    color:#4A4A4A;
    text-align:center;
}
.event_con_txt.line {
    border-top:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    margin:10px 30px 0 30px;;
    padding:10px 0;
}

.event_apl_txt {
    margin:10px 45px 0 45px;
    padding:10px 0;
    font-size:14px;
    text-align:center;
}

.event_con_img {
    text-align:center;
    margin:15px 0;
}
.event_con_img img {
    width:100%;
}
.event_code {
    font-size:16px;
    color:#4A4A4A;
    font-weight:600;
    text-align:center;
}
.event_join {
    text-align:center;
    margin:20px 0 0 0;
}
.event_join button {
    height:32px;
    font-size:14px;
    color:#fff;
    padding:0 20px;
    border-radius:16px;
    background:#63C2D0;
}

.event_direct_bg {
    background:#FCFCFC;
}
.direct_save_dody {
    position:relative;
    text-align:center;
}

.visual_phone {
    position:absolute;
    width:100%;
    z-index:100;
}

.visual_phone .btn_play {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-21px;
    margin-top:-31px;
    z-index:2000;
}
.visual_phone .img_phone_inner {
    position:absolute;
    width:204px;
    top:4px;
    left:50%;
    margin-left:-100px;
    z-index:1500;
    box-sizing:border-box;
}
.visual_phone .img_inner_mask {
    width:204px;
    height:114px;
    -webkit-mask:url('../images/img_inner_mask.png') center center no-repeat;
}
.visual_phone .img_bg {
    z-index:1000;
}
.recommend_wrap {
    position:relative;
    width:100%;
    top:100px;
}
.img_recommend_bg {
    position:absolute;
    display:table;
    width:100%;
}
.img_recommend_bg .blur_img {
    position:absolute;
    width:100%;
    filter:blur(6px);
    -webkit-filter:blur(6px);
}
.img_recommend_bg .blur_img_blind {
    padding:45px 0 0 0;
}
.blind_inner button {
    height:32px;
    font-size:14px;
    color:#fff;
    padding:0 20px;
    border-radius:16px;
    background:#63C2D0;
}
.event_tip_wrap {
    margin:20px 36px;
    border-left:4px solid rgba(0, 0, 0, 0.1);
    border-right:4px solid rgba(0, 0, 0, 0.1);
    border-bottom:4px solid rgba(0, 0, 0, 0.1);
}
.event_tip_wrap02 {
    border-left:4px solid rgba(0, 0, 0, 0.1);
    border-right:4px solid rgba(0, 0, 0, 0.1);
    border-bottom:4px solid rgba(0, 0, 0, 0.1);
}
.event_tip_title {
    position:relative;
    width:100%;
}
.event_tip_title:after {
    display:block;
    content:'';
    clear:both;
}
.event_tip_left {
    float:left;
    width:10%;
    height:4px;
    display:inline-block;
    background:rgba(0, 0, 0, 0.1);
}
.event_tip_right {
    float:right;
    width:60%;
    height:4px;
    display:inline-block;
    background:rgba(0, 0, 0, 0.1);
}
.event_tip_tit {
    position:absolute;
    float:left;
    width:30%;
    top:-5px;
    left:9%;
    display:inline-block;
    font-size:12px;
    color:#4A4A4A;
    text-align:center;
}

.event_tip_con {
    text-align:center;
    color:#fff;
    font-size:12px;
    padding:15px 0;
}
.event_win_list02 {
    margin:10px;
}
.event_win_list02 li {
    color:#4A4A4A;
    font-size:12px;
    border:none;
    line-height:22px;
}
.event_warning {
    margin:20px 0;
}
.event_warning_wrap {
    text-align:center;
    background:#F7F7F7;
    border-bottom:1px solid #dddddd;
    border-top:1px solid #dddddd;
    padding:20px 0;
}

.event_warning_con,
.event_warning_con02{
    margin:15px 0;
}
.event_warning_con li {
    margin:0 auto;
    width:310px;
    font-size:12px;
    color:#4A4A4A;
    text-align:left;    
}
.event_warning_con02 li{
    margin:0 auto;
    width:310px;
    font-size:12px;
    color:#4A4A4A;
    text-align:left;
}

.btm_con_wrap {
    background:#FCFCFC;
    padding:16px;
}

.point_info {
    cursor:pointer;
    border:1px solid #DDDDDD;
    border-radius:4px;
    padding:7px 13px;
}
.point_info:hover {
    background: #F4F4F4;
}
.point_info:after {
    display:block;
    content:'';
    clear:both;
}
.point_info .info_text {
    width:90%;
    float:left;
}
.point_info .info_text .info_text_tit {
    line-height:26px;
    font-size:16px;
    color:#4a4a4a;
    text-align:left;
}
.point_info .info_text .info_text_con {
    font-size:12px;
    color:#898989;
    text-align:left;
}
.point_info .img_arrow {
    width:10%;
    float:left;
    text-align:center;
    line-height:42px;
}
.ongoing_event_list {
    text-align:left;
    margin:25px 0 15px 0;
}
.ongoing_event_tit {
    font-size:18px;
    color:#4a4a4a;
}
.quiz_body {
    border-bottom: 1px solid #dddddd;
    border-top : 1px solid #dddddd;
    background: #f7f7f7;
    background-size:360px;
    padding:16px;
}
.back_board {
    text-align:center;
    background:url('../images/bg_board.png') center center no-repeat;
    background-size:328px;
}
.input_wrap {
    border-bottom:1px solid #95918E;
    margin:0 38px 0 38px;
}
.quiz_input {
    width:100%;
    font-size:20px;
    line-height:18px;
    background:none;
    border:none;
    text-align:center;
    color:#fff;
    padding:10px;
    margin:30px 0 0 0;
    box-sizing:border-box;
}
.back_board .btn_quiz {
    height:32px;
    color:#fff;
    font-size:14px;
    border:1px solid #fff;
    border-radius:16px;
    padding:0 20px;
    margin:15px 0 35px 0;
}
.button_wrap {
    text-align:center;
    margin:10px 0;
}
.button_wrap .btn_bingo {
    height:32px;
    font-size:14px;
    color:#fff;
    padding:0 20px;
    border-radius:16px;
    background:#63C2D0;
}
.button_wrap .btn_bingo:hover, 
.button_wrap .btn_bingo:focus {
    background:#9B9B9B;
}

.button_wrap .btn_signUp {
    height:32px;
    font-size:14px;
    color:#fff;
    padding:0 20px;
    border-radius:16px;
    background:#63C2D0;
}


.bingo_body {
    background:#FCFCFC;
    padding:16px 8px;
}
.bingo_body .round_bg01 {
    position:relative;
    background:#D0D7DB;
    border-radius:8px;
    padding:10px 8px;
    margin:0 0 15px 0;
}
.bingo_body .round_bg01 .img_stamp {
    position:absolute;
    top:-32px;
}
.bingo_body .round_bg01 .img_clip {
    position:absolute;
    top:-28px;
    left:50%;
    margin-left:-58px;
}
.bingo_body .round_bg02 {
    background:#fff;
    padding:10px;
}

.stamp_wrapx1 {
    margin:30px 0 0 0;
}
.stamp_wrapx1:after {
    display:block;
    content:'';
    clear:both;
}
.stamp_wrapx1 li {
    float:left;
    text-align:right;
    height:75px;
}
.stamp_wrapx1 li:nth-child(3+1) {
    clear:both;
}
.stamp_wrapx1 li.check_hline:before {
    display:block;
    content:'';
    position:absolute;
    top:28px;
    right:0px;
    height:2px;
    width:100%;
    background:#FF665D;
    z-index:0;
}
.stamp_wrapx1 li.check_vline:after {
    position:absolute;
    display:block;
    content:'';
    height:21px;
    width:2px;
    top:-20px;
    left:50%;
    margin-left:-1px;
    background:#FF665D;
}
.stamp_wrapx1 li.stamp_date {
    width:12%;
    font-size:11px;
    color:#4A4A4A;
    text-align:left;
    font-weight:600;
    line-height:75px;
}
.stamp_wrapx1 li.stamp_date.pre_date {
    color:#898989;
}
.stamp_wrapx1 li.stamp_date.today {
    color:#63C2D0;
}
.stamp_wrapx1 li.ico_stamp {
    position:relative;
    width:70%;
    text-align:center;
}
.stamp_wrapx1 li.ico_stamp .ico_bingo {
    position:absolute;
    left:50%;
    z-index:100;
    margin-left:-28px;
}

.stamp_wrapx1 li.ico_stamp .default_txt_wrap {
    position:absolute;
    display:table;
    top: 9px;
    left:50%;
    width:57px;
    height:57px;
    margin-left:-28px;
    z-index:200;
}
.stamp_wrapx1 li.ico_stamp .default_txt_wrap .default_txt {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:10px;
    font-weight:600;
    color:#c4c4c4;
}
.stamp_wrapx1 li.ico_stamp .default_txt_wrap .default_txt.none {
    color:#e8e8e8;
}
.stamp_wrapx1 li.ico_goal {
    width:18%;
    text-align:center;
}
.stamp_wrapx1 li.ico_goal,
.stamp_wrapx1 li.ico_stamp p {
    text-align:center;
}
.stamp_wrapx1 li.ico_goal,
.stamp_wrapx1 li.ico_stamp p.txt_point {
    font-size:11px;
    color:#63C2D0;
    font-weight:600;
}

.stamp_wrapx1 li.ico_goal .ico_medal_wrap,
.stamp_wrapx1 li.ico_stamp .ico_medal_wrap {
    display:table;
    width:60px;
    height:57px;
    margin:0 auto;
}
.stamp_wrapx1 li.ico_goal .ico_medal_wrap .ico_medal,
.stamp_wrapx1 li.ico_stamp .ico_medal_wrap .ico_medal {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:11px;
    color:#63C2D0;
    font-weight:600;
    padding:10px 0 0 0;
}
.stamp_wrapx1 li.ico_goal .ico_medal_wrap .ico_medal_disable {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:11px;
    color:#898989;
    font-weight:600;
    padding:10px 0 0 0;
}

.stamp_wrapx1 li.ico_stamp .btm_medal {
    margin-top:-20px;
}
.stamp_wrapx1 li.ico_stamp .btm_medal .ico_medal_disable {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:11px;
    color:#898989;
    font-weight:600;
    padding:10px 0 0 0;
}

.stamp_wrapx2 {
    margin:30px 0 0 0;
}
.stamp_wrapx2:after {
    display:block;
    content:'';
    clear:both;
}
.stamp_wrapx2 li {
    float:left;
    text-align:right;
    height:75px;
}
.stamp_wrapx2 li:nth-child(4+1) {
    clear:both;
}
.stamp_wrapx2 li.check_hline:before {
    display:block;
    content:'';
    position:absolute;
    top:28px;
    left:-50%;
    height:2px;
    width:100%;
    background:#FF665D;
    z-index:0;
}
.stamp_wrapx2 li.check_vline:after {
    position:absolute;
    display:block;
    content:'';
    height:21px;
    width:2px;
    top:-20px;
    left:50%;
    background:#FF665D;
}
.stamp_wrapx2 li.stamp_date {
    width:12%;
    font-size:11px;
    color:#4A4A4A;
    text-align:left;
    font-weight:600;
    line-height:75px;
}
.stamp_wrapx2 li.stamp_date.pre_date {
    color:#898989;
}
.stamp_wrapx2 li.stamp_date.today {
    color:#63C2D0;
}
.stamp_wrapx2 li.ico_stamp {
    position:relative;
    width:35%;
    text-align:center;
}
.stamp_wrapx2 li.ico_stamp .ico_bingo {
    position:absolute;
    left:50%;
    margin-left:-28px;
    z-index:100;
}

.stamp_wrapx2 li.ico_stamp .default_txt_wrap {
    position:absolute;
    display:table;
    left:50%;
    margin-left:-28px;
    width:57px;
    height:57px;
}
.stamp_wrapx2 li.ico_stamp .default_txt_wrap .default_txt {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:10px;
    font-weight:600;
    color:#898989;
}
.stamp_wrapx2 li.ico_stamp .default_txt_wrap .default_txt.none {
    color:#e8e8e8;
}
.stamp_wrapx2 li.ico_goal {
    width:18%;
    text-align:center;
}
.stamp_wrapx2 li.ico_goal,
.stamp_wrapx2 li.ico_stamp p {
    text-align:center;
}
.stamp_wrapx2 li.ico_goal,
.stamp_wrapx2 li.ico_stamp p.txt_point {
    font-size:11px;
    color:#63C2D0;
    font-weight:600;
}

.stamp_wrapx2 li.ico_goal .ico_medal_wrap,
.stamp_wrapx2 li.ico_stamp .ico_medal_wrap {
    display:table;
    width:60px;
    height:57px;
    margin:0 auto;
}
.stamp_wrapx2 li.ico_goal .ico_medal_wrap .ico_medal,
.stamp_wrapx2 li.ico_stamp .ico_medal_wrap .ico_medal {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:11px;
    color:#63C2D0;
    font-weight:600;
    padding:10px 0 0 0;
}
.stamp_wrapx2 li.ico_goal .ico_medal_wrap .ico_medal_disable {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:11px;
    color:#898989;
    font-weight:600;
    padding:10px 0 0 0;
}

.stamp_wrapx2 li.ico_stamp .btm_medal {
    margin-top:-20px;
}
.stamp_wrapx2 li.ico_stamp .btm_medal .ico_medal_disable {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:11px;
    color:#898989;
    font-weight:600;
    padding:10px 0 0 0;
}

.stamp_wrapx3 {
    margin:30px 0 0 0;
}
.stamp_wrapx3:after {
    display:block;
    content:'';
    clear:both;
}
.stamp_wrapx3 li {
    float:left;
/*  left:50%;*/
    text-align:center;
    height:75px;
}
.stamp_wrapx3 li:nth-child(5+1) {
    clear:both;
}
.stamp_wrapx3 li.check_hline:before {
    display:block;
    content:'';
    position:absolute;
    top:37px;
    left:-50%;
    height:2px;
    width:100%;
    background:#FF665D;
    z-index:0;
}
.stamp_wrapx3 li.check_vline:after {
    position:absolute;
    display:block;
    content:'';
    height:21px;
    width:2px;
    top:-10px;
    left:50%;
    margin-left:-1px;
    background:#FF665D;
}
.stamp_wrapx3 li.stamp_date {
    width:10%;
    font-size:11px;
    color:#4A4A4A;
    text-align:left;
    font-weight:600;
    line-height:75px;
}
.stamp_wrapx3 li.stamp_date.pre_date {
    color:#898989;
}
.stamp_wrapx3 li.stamp_date.today {
    color:#63C2D0;
}
.stamp_wrapx3 li.ico_stamp {
    position:relative;
    width:25%;
}
.stamp_wrapx3 li.ico_stamp .ico_bingo {
    position:absolute;
    left:50%;
    margin-left:-28px;
    z-index:100;
}

.stamp_wrapx3 li.ico_stamp .default_txt_wrap {
    position:absolute;
    display:table;
    left:50%;
    top:9px;
    margin-left:-28px;
    width:57px;
    height:57px;
    z-index: 200;
}

.stamp_wrapx3 li.ico_stamp .default_txt_wrap .default_txt {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:10px;
    font-weight:600;
    color:#C4C4C4;
}

.stamp_wrapx3 li.ico_stamp .default_txt_wrap .default_txt.none {
    color:#e8e8e8;
}

.stamp_wrapx3 li.ico_goal {
    width:15%;
    text-align:center;
}
.stamp_wrapx3 li.ico_goal,
.stamp_wrapx3 li.ico_stamp p {
    text-align:center;
}
.stamp_wrapx3 li.ico_goal,
.stamp_wrapx3 li.ico_stamp p.txt_point {
    font-size:11px;
    color:#63C2D0;
    font-weight:600;
}

.stamp_wrapx3 li.ico_goal .ico_medal_wrap,
.stamp_wrapx3 li.ico_stamp .ico_medal_wrap {
    display:table;
    width:60px;
    height:57px;
    margin:0 auto;
}
.stamp_wrapx3 li.ico_goal .ico_medal_wrap .ico_medal,
.stamp_wrapx3 li.ico_stamp .ico_medal_wrap .ico_medal {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:11px;
    color:#63C2D0;
    font-weight:600;
    padding:10px 0 0 0;
}
.stamp_wrapx3 li.ico_goal .ico_medal_wrap .ico_medal_disable {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:11px;
    color:#898989;
    font-weight:600;
    padding:10px 0 0 0;
}

.stamp_wrapx3 li.ico_stamp .btm_medal {
    margin-top:-20px;
}
.stamp_wrapx3 li.ico_stamp .btm_medal .ico_medal_disable {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:11px;
    color:#898989;
    font-weight:600;
    padding:10px 0 0 0;
}
.bingo_img {
    /*padding-top:9px;*/
    position: absolute;
    top: 9px;
    left: 50%;
    margin-left: -27px;
    z-index: 100;
}

.bingo_medal {
    padding-top: 9px;
}

/*이벤트 ************************************************************/

.use_guide_list li {
    line-height:51px;
}
.use_guide_list li a {
    display:block;
    font-size:16px;
    color:#4a4a4a;
}
.use_guide_list li a .ico_arrow {
    float:right;
    margin-top:15px;
}

.faq_title {
    width:85%;
    font-size:16px;
    color:#4a4a4a;
    line-height:22px;
}
.faq_title span.point {
    font-size:14px;
    color:#4A4A4A;
}
.faq_title span.gray_txt {
    font-size:14px;
    color:#898989;
}
.tutorial_paging {
    height:40px;
}

/*************************************************************************************************************
    Page : 서비스 이용약관, 개인정보 취급방침, 위치기반서비스 이용약관
*************************************************************************************************************/
.shp-wrap-terms {/*padding:0.9375rem 1.25rem;*/  font-size:12px; color:#4a4a4a; overflow:hidden;}
.shp-wrap-terms h1 {margin-bottom:0.5rem; font-size:14px;}
.shp-wrap-terms p {margin-bottom:1.25rem; line-height:1.1rem;}
.shp-wrap-terms p ol {}
.shp-wrap-terms ol.shp-list-terms {margin-bottom:1.25rem;}
.shp-wrap-terms ol.shp-list-terms li {line-height:1.15rem;}
.shp-wrap-terms ol.shp-list-terms li ol.shp-list-inner {padding-left:0.625rem;}
.shp-wrap-terms ol.shp-list-terms li table.shp-table-terms {margin-top:0.625rem;}
.shp-wrap-terms .shp-underline {text-decoration:underline;}

table.shp-table-terms {margin-bottom:1.25rem;}
table.shp-table-terms tr th,
table.shp-table-terms tr td {padding:10px 3px 10px 3px; font-size:0.6875rem;  border:1px solid #dddddd;}
table.shp-table-terms tr th {text-align:center; border-bottom:1px solid #dddddd; background-color:#F9F9F9;}
table.shp-table-terms tr td {line-height:1.1rem;}
table.shp-table-terms tr {color:#898989;}
table.shp-table-terms td {color:#4a4a4a;}

table.shp-table-terms td.th-lay {font-weight: bold; text-align: center;  background-color: #F9F9F9; color:#898989;}
table.shp-table-terms td.td-lay {padding-left: 6px ;}

.agree_wrap {margin-top:-10px; text-align:center;}
.agree_wrap .agree_label_txt {
    display:inline-block;
    font-size:14px;
    line-height:30px;
    vertical-align:middle;
}
/*************************************************************************************************************

/* Magic Radio & Magic Checkbox ************************************************************/
.magic-radio {
    position: absolute;
    display: none;
}
.magic-radio + label {
    position: relative;
    display: block;
    padding-left: 30px;
    cursor: pointer;
    vertical-align: middle;
    line-height:24px;
    font-size:14px;
    -webkit-tap-highlight-color:transparent;
    background:none;
}
.magic-radio + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    content: '';
    border: 1px solid #4A4A4A;
    box-sizing:border-box;
}
.magic-radio + label:after {
    position: absolute;
    content: '';
    top:3px;
    left:3px;
    width:18px;
    height:18px;
    border-radius:50%;
    background: none;
    border:1px solid #4A4A4A;
    box-sizing: border-box;
}
.magic-radio:checked + label:after {
    display: block;
}

.magic-radio + label:before {
    border-radius: 50%;
}

.magic-radio:checked + label:after {
    top:4px;
    left:4px;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#4A4A4A;
}

.magic-radio:checked + label:before {
    border: 1px solid #4A4A4A;
}

.magic-check {
    position: absolute;
    display: none;
}
.magic-check + label {
    position: relative;
    display: block;
    padding-left: 38px;
    cursor: pointer;
    line-height:30px;
    -webkit-tap-highlight-color:transparent;
    background:none;
}
.magic-check + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    content: '';
    border: 1px solid #4A4A4A;
    box-sizing:border-box;
}
.magic-check + label:after {
    position: absolute;
    content: '';
    top:3px;
    left:3px;
    width:30px;
    height:30px;
    box-sizing: border-box;
}
.magic-check:checked + label:after {
    display: block;
}

.magic-check:checked + label:after {
    top:0px;
    left:0px;
    background:url('../images/ico_checkarrow.png') no-repeat;
    background-size:30px;
}

/* Magic Radio & Magic Checkbox ************************************************************/

/* Error ************************************************************/
.err_num {
    font-size:45px;
    color:#4a4a4a;
    font-weight:600;
    text-align:center;
    margin:100px 0 0 0;
}
.err_txt01 {
    font-size:18px;
    color:#4a4a4a;
    text-align:center;
}
.err_txt02 {
    font-size:12px;
    color:#898989;
    text-align:center;
}
.err_img {
    text-align:center;
    margin:30px 0;
}
/* Error ************************************************************/

/* Button ************************************************************/
.btn_wrap {
    position:fixed;
    width:100%;
    bottom:0;
    z-index:900;
}
.btn_wrap:after {
    content:'';
    display:block;
    clear:both; 
}
.btn_wrap.stalker {
    position:relative;
}
.btn_single {
    display:inline-block;
    width:100%;
    line-height:54px;
    font-size:18px;
    color:#fff;
    text-align:center;
    background:#63C2D0;
    border-radius: 0px;
}
.btn_single:hover, .btn_single:focus {
    background:#63C2D0;
}
.btn_single.beige {
    color:#fff;
    background:#63C2D0;
}
.btn_single.beige:hover, .btn_single.beige:focus {
    background:#2E9199;
}

.btn_double {
    float:left;
    display:inline-block;
    width:50%;
}
.btn_double.left {
    line-height:54px;
    font-size:18px;
    color:#4A4A4A;
    text-align:center;
    background:#F3F4F6;
}
/*.btn_double.left:hover, .btn_double.left:focus {
    background:#2E9199;
}*/
.btn_double.right {
    line-height:54px;
    font-size:18px;
    color:#fff;
    text-align:center;
    background:#63C2D0;
}
/*.btn_double.right:hover, .btn_double.right:focus {
    background:#63C2D0;
}*/

.btn_round {
    display:inline-block;
    height:28px;
    margin:0 auto;
    font-size:14px;
    color:#fff;
    text-align:center;
    background:#63C2D0;
    border-radius:14px;
    padding:0 15px;
}
 
/*.btn_round:hover, .btn_round:focus {
    background:#2E9199;
}*/
.btn_round.beige {
    color:#898989;
    background:#F4F4F4;
    border:1px solid #dddddd;
}
.btn_round.beige:hover, .btn_round.beige:focus {
    background:#F4F4F4;
}

.btn_section {
    font-size:16px;
    color:#fff;
    text-align:center;
    font-weight:500;
    background:#63C2D0;
    line-height:54px;
}
.btn_section .location_page {
    color:#4A4A4A;
}
.btn_section:after {
    display:block;
    content:'';
    clear:both;
}
.btn_section .btn_left {
    float:left;
    width:54px;
}
.btn_section .btn_right {
    float:right;
    width:54px;
}
.btn_section button {
    opacity:0.3;
}
.btn_section button:hover, .btn_section button:focus {
    opacity:1;
}
/* Button ************************************************************/

/* Contents ************************************************************/




/* Dim popup ************************************************************/
.overlay {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1000;
    

    /* -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s; */
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup_wrap {
    width:310px;
    display: none;
    left: 50%;
    position:fixed;
    top: 0;
    visibility: hidden;
    z-index: 100000;
    -webkit-box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.3);

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

  /*   -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s; */
}
.popcon_scroll_wrap {
    overflow-y:auto;
}

.sc_popcon_scroll_wrap {
    /*     overflow-y:auto; */
    margin-top:40px;
}

.pop_container {
    background:#FCFCFC;
    border-radius:2px;
    padding:0 0 54px 0;
}

.overlay:target+.popup_wrap {
    top: 58%;
    opacity: 1;
    visibility: visible;
    margin-top:-62px;
}

.pop_con_box {
    padding:24px 25px;
}

.popcon_h1 {
    font-size:22px;
    color:#4a4a4a;
    font-weight:600;
    padding-bottom:6px;
}

.popcon_h1_b {
    font-size:22px;
    color:#4a4a4a;
    font-weight:600;
    padding-bottom:20px;
}

section.popcon_sec {
    padding:5px 0 20px 0;
    margin:0 0 10px 0;
    border-bottom:1px solid #dddddd;
}

section.popcon_sec_nutri {
    padding:5px 0 20px 0;
    margin:0 0 10px 0;
}

.popcon_h2 {
    color:#4a4a4a;
    font-size:14px;
}
.popcon_h3 {
    color:#4a4a4a;
    font-size:14px;
}

.popcon_h4 {
    color:#4a4a4a;
    font-size:14px;
    font-weight:700;
}

.popinfo_txt {
    font-size:12px;
    color:#4A4A4A;
    line-height:18px;
}

.pop_gauge01 {
    font-size:12px;
    color:#4a4a4a;
    margin:15px 0 0 0;
}
.pop_gauge01:after {
    content:' ';
    display:block;
    clear:both;
}
.pop_gauge01 li {
    float:left;
    width:25%;
    text-align:center;
}

.pop_gauge02 {
    font-size:0px;
    color:#898989;
    margin:5px 0 0 0;
}
.pop_gauge02:after {
    content:' ';
    display:block;
    clear:both;
}
.pop_gauge02 li {
    float:left;
    width:25%;
    height:8px;
    text-align:center;
}
.pop_gauge02 li.fat_low {
    background:#2F7DE1;
    border-radius:4px 0 0 4px;
}
.pop_gauge02 li.fat_standard {
    background:#63C2D0;
}
.pop_gauge02 li.fat_s_hight {
    background:#FFC843;
}
.pop_gauge02 li.fat_hight {
    background:#FF6716;
    border-radius:0 4px 4px 0;
}
.pop_gauge03 {
    font-size:12px;
    color:#a1a1a1;
    margin:5px 0 0 0;
}
.pop_gauge03:after {
    content:' ';
    display:block;
    clear:both;
}
.pop_gauge03 li {
    float:left;
    width:33%;
    text-align:center;
}
.pop_gauge03 li:first-child {
    text-align:right;
    padding-right:10px;
    box-sizing:border-box;
}
.pop_gauge03 li:last-child {
    width:34%;
    text-align:left;
    padding-left:15px;
    box-sizing:border-box;
}
.pop_waist_sizebox:after {
    content:'';
    display:block;
    clear:both;
}
.waist_tit {
    float:left;
    width:15%;
    line-height:44px;
    font-size:12px;
    color:#4A4A4A;
}
.waist_con {
    float:right;
    width:85%;
}
.waist_con_w100 {
    float:right;
    width:100% !important;
}
.waist_con ul:after {
    content:'';
    display:block;
    clear:both;
}
.waist_con ul li {
    float:left;
    width:50%;
}
.waist_con ul li.txt {
    font-size:12px;
    color:#4A4A4A;
    text-align:center;
}
.waist_con ul li.m_waist_01 {
    height:8px;
    font-size:0px;
    background:#63C2D0;
    border-radius:4px 0 0 4px;
}
.waist_con ul li.m_waist_02 {
    height:8px;
    font-size:0px;
    background:#FF6716;
    border-radius:0 4px 4px 0;
}
.m_waist_txt {
    font-size:12px;
    text-align:center;
    color:#a1a1a1;
}

.waist_con ul li.txt01 {
    width:40%;
    font-size:12px;
    color:#4a4a4a;
    text-align:center;
}
.waist_con ul li.txt02 {
    width:60%;
    font-size:12px;
    color:#4a4a4a;
    text-align:center;
}
.waist_con ul li.w_waist_01 {
    width:40%;
    height:8px;
    font-size:0px;
    background:#63C2D0;
    border-radius:4px 0 0 4px;
}
.waist_con ul li.w_waist_02 {
    width:60%;
    height:8px;
    font-size:0px;
    background:#FF6716;
    border-radius:0 4px 4px 0;
}
.w_waist_txt {
    font-size:12px;
    color:#a1a1a1;
    padding-left:90px;
}
.pop_fat_sizebox:after {
    content:'';
    display:block;
    clear:both;
}
.fat_tit {
    float:left;
    width:15%;
    line-height:44px;
    font-size:12px;
    color:#898989;
}

.fat_con {
    float:right;
    width:85%;
}
.fat_con ul:after {
    content:'';
    display:block;
    clear:both;
}
.fat_con ul li {
    float:left;
    width:33%;
}
.fat_con ul li:last-child {
    float:right;
    width:34%;
}
.fat_con ul li.txt {
    font-size:12px;
    color:#4a4a4a;
    text-align:center;
}
.fat_con ul li.m_fat_01 {
    height:8px;
    font-size:0px;
    background:#63C2D0;
    border-radius:4px 0 0 4px;
}
.fat_con ul li.m_fat_02 {
    height:8px;
    font-size:0px;
    background:#FFC843;
/*  border-radius:0 4px 4px 0;*/
}
.fat_con ul li.m_fat_03 {
    height:8px;
    font-size:0px;
    background:#FF6716;
    border-radius:0 4px 4px 0;
}
.m_fat:after {
    content:'';
    display:block;
    clear:both;
}

 .m_fat li.m_fat_txt {
    float:left;
    width:50% !important;
    font-size:12px;
    text-align:center;
    color:#9B9B9B;
}
.m_fat li.m_fat_txt span.m_fat_num_left {
    padding:0 25% 0 0;
}
.m_fat li.m_fat_txt span.m_fat_num_right {
    padding:0 0 0 25%;
}

.fat_con ul li.txt01 {
    width:40%;
    font-size:12px;
    color:#898989;
    text-align:center;
}
.fat_con ul li.txt02 {
    width:60%;
    font-size:12px;
    color:#898989;
    text-align:center;
}

.w_fat:after {
    content:'';
    display:block;
    clear:both;
}
.w_fat_txt {
    float:left;
    width:50%;
    font-size:12px;
    color:#9B9B9B;
    padding-left:77px;
}
.abdomen:after {
    content:'';
    display:block;
    clear:both;
}

.abdomen li {
    float:left;
    width:33%;
}
.abdomen li:last-child {
    width:34%;
}
.abdomen_gauge01 {
    font-size:12px;
    color:#4A4A4A;
    text-align:center;
}
.abdomen_gauge02 {
    font-size:0;
}
.abdomen_low {
    height:8px;
    font-size:0px;
    background:#63C2D0;
    border-radius:4px 0 0 4px;
}
.abdomen_standard {
    height:8px;
    font-size:0px;
    background:#FFC843;
}
.abdomen_hight {
    height:8px;
    font-size:0px;
    background:#FF6716;
    border-radius:0 4px 4px 0;
}
.abdomen_gauge03 {
    font-size:12px;
    color:#a1a1a1;
    text-align:center;
}
.abdomen_gauge03 li {
    width:50% !important;
    box-sizing:border-box;
}
.abdomen_gauge03 li.abdomen_left_num {
    text-align:right;
    padding:0 12% 0 0;
}
.abdomen_gauge03 li.abdomen_right_num {
    text-align:left;
    padding:0 0 0 12%;
}



.num_txt {
    font-size:12px;
    color:#a1a1a1;
}
.num_txt_padding {
    padding:0 0 0 37%;
}

.pop_alarm_txt {
    font-size:12px;
    color:#898989;
    line-height:18px;
    margin:15px 0;
}
.pop_graph_info_wrap {
    margin:30px 0;
    overflow:hidden;
}
.pop_graph_info_wrap:after {
    display:block;
    content:'';
    clear:both;
}
.pop_graph_info_wrap li {
    float:left;
}
.pop_graph_info_wrap li.graph_img {
    width:50%;
    text-align:center;
}

.pop_graph_info_wrap li.graph_info_txt {
    width:50%;
}

.pop_info_tit {
    font-size:14px;
    font-weight:600;
    color:#4a4a4a;
    line-height:30px;
}
.pop_info_txt {
    position:relative;
    width:100%;
    font-size:12px;
    color:#898989;
    line-height:24px;
}
.pop_info_txt span.ico_bg {
    position:absolute;
    display:inline-block;
    width:12px;
    height:12px;
    top:5px;
    border-radius:50%;
    box-sizing:border-box;
}
.take_calorie {
    background:#FFCE52;
}
.shp_band {
    background:#2B87E2;
}
.mobile {
    background:#63C2D0;
}
.fitness {
    background:#B0DCE7;
}
.metabolic {
    position:absolute;
    background:#dddddd;
}
.metabolic:after {
    position:absolute;
    content:'';
    width:100%;
    height:2px;
    top:5px;
    background:#2B87E2; 
}
.shp_band_walk {
    background:#2B87E2;
}
.mobile_walk {
    background:#63C2D0;
}
.taret_line_walk {
    position:absolute;
    background:#63C2D0;
}
.taret_line_walk:after {
    position:absolute;
    content:'';
    width:100%;
    height:2px;
    top:5px;
    background:#2B87E2; 
}
.mobile_water {
    background:#4DBFD9;
}
.taret_line_water {
    position:absolute;
    background:#4DBFD9;
}
.taret_line_water:after {
    position:absolute;
    content:'';
    width:100%;
    height:2px;
    top:5px;
    background:#2B87E2; 
}
.pop_info_txt span.info_txt {
    margin-left:15px;
    padding:0 !important;
}

.shoes_list li {
    cursor:pointer;
    font-size:16px;
    font-weight:400;
    color:#333;
    padding:10px 10px;
    box-sizing:border-box;
}
/* .shoes_list li.selected, .shoes_list li:hover {
    background:#F2F2F2;
} */

/*Normal POPUP*/
.activity_text_wrap {}
.activity_tit {
    font-size:24px;
    color:#4A4A4A;
    font-weight:600;
}
.tit_info {
    font-size:12px;
    color:#4A4A4A;
    line-height:20px;
}
.tit_infotxt {
    font-size:12px;
    color:#898989;
    margin:15px 0 10px 0;
}

.sodium_intake {
    margin:15px 0 0 0;
}
.sodium_intake:after {
    display:block;
    content:'';
    clear:both;
}
.sodium_intake li {
    float:left;
    background:#DDDDDD;
    font-size:0;
    width:33%;
    height:8px;
}
.sodium_intake li:last-child {
    width:34%;
    border-radius:0 4px 4px 0;
}
.sodium_intake li:first-child {
    border-radius:4px 0 0 4px;
}
.sodium_intake li.intake,
.sodium_intake li span.intake eksrl{
    background:#2B87E2;
}
.intake_num {
    margin:5px 0 0 0;
}
.intake_num:after {
    display:block;
    content:'';
    clear:both;
}
.intake_num li {
    float:left;
    width:25%;
    font-size:12px;
    color:#9B9B9B;
}
.intake_num li.active {
    color:#2B87E2;
    font-weight:600;
}
.sugar_intake {
    margin:15px 0 0 0;
}
.sugar_intake:after {
    display:block;
    content:'';
    clear:both;
}
.sugar_intake li {
    float:left;
    background:#dddddd;
    font-size:0;
    width:50%;
    height:8px;
}
.sugar_intake li:last-child {
    border-radius:0 4px 4px 0;
}
.sugar_intake li:first-child {
    border-radius:4px 0 0 4px;
}
.sugar_intake li.intake {
    background:#FFCE52;
}

.sugar_intake_num {
    margin:5px 0 0 0;
}

.sugar_intake_num:after {
    display:block;
    content:'';
    clear:both;
}

.sugar_intake_num li {
    float:left;
    width:33%;
    font-size:12px;
    color:#898989;
}
.sugar_intake_num li:last-child {
    width:34%;
}
.sugar_intake_num li.active {
    color:#FFCE52;
    font-weight:600;
}
.popcon_infotxt {
    font-size:12px;
    color:#898989;
}
.popcon_infotxt span {
    font-weight:600;
}
.food_group > li {
    margin:30px 0 0 0;
}
.food_group li:after {
    display:block;
    content:'';
    clear:both;
}
.food_img_box {
    float:left;
    width:30%;
}

.food_img {
    text-align:center;
}
.food_name {
    font-size:12px;
    color:#333;
    text-align:center;
    line-height:30px;
}

/*
.food_txt {
    float:left;
    width:70%;
    font-size:14px;
    color:#4a4a4a;
    list-style:disc;
    list-style-position:inside;
    box-sizing:border-box;
}
*/

.food_txt {
    float:left;
    width:65%;
    font-size:14px;
    color:#4a4a4a;
    list-style:disc;
    box-sizing:border-box;
    margin-left:5%;
}

.food_txt li {
    line-height:18px;
}

.tip_txt {
    float:left;
    font-size:14px;
    color:#898989;
    list-style:decimal;
    list-style-position:inside;
    box-sizing:border-box;
    margin-left:7px;
}

.meal_list {
    margin:8px 0 0 0;
}
.meal_list li {
    margin:8px 0 8px 0;
    line-height:40px;
}
.meal_list li:after {
    display:block;
    content:'';
    clear:both;
}

.meal_list li .check_wrap {
    float:left;
    width:70%;
}
.meal_list_kcal {
    float:right;
    display:inline-block;
    width:30%;
    text-align:right;
    display:inline-block;
    font-size:14px;
    color:#898989;
    box-sizing:border-box;
    /*margin-top:5px;*/
}
/* Dim popup ************************************************************/

/* Dim popup Button ************************************************************/
.pop_btn_wrap {
    position:absolute;
    width:100%;
    bottom:0;
    z-index:10000;
    border-radius:0 0 2px 2px;
}
.pop_btn_wrap:after {
    content:'';
    display:block;
    clear:both;
}
.pop_btn_wrap .pop_btn_single {
    display:inline-block;
    width:100%;
    background:#F3F4F6;
    line-height: 54px;
    text-align: center;
    color:#4A4A4A;
    font-size:18px;
    border-radius:0 0 2px 2px;
}

.pop_btn_wrap .pop_btn_double {
    float:left;
    display:inline-block;
    width:50%;
    line-height: 54px;
    text-align: center;
    color:#4A4A4A;
    font-size:18px;
}

button.pop_btn_cancel {
    background:#F3F4F6;
    border-radius:0 0 0 2px;
}

button.pop_btn_confirm {
    color:#fff !important;
    background:#63C2D0;
    border-radius:0 0 2px 0;
}
a.pop_btn_cancel {
    background:#E6E2DC;
    line-height: 54px;
    text-align: center;
    color:#5F5B53;
    font-size:18px;
    border-radius:0 0 0 2px;
}

a.pop_btn_confirm {
    background:#63C2D0;
    line-height: 54px;
    text-align: center;
    color:#fff;
    font-size:18px;
    border-radius:0 0 2px 0;
}

/*Healthcare page *****************/
a.healthcare_arrow_btn {
    display: block;
    /* width: 30px; */
    /* height: 30px; */
    float: right;
}




/*HR page *************************/

.hr_info_con1 {padding:16px 16px 30px 16px !important;}
.hr_info_con1 .popcon_h2 {font-size:16px !important; padding:0 !important; }
.hr_info_con1 .popcon_h3 {padding:2px 0 0 0 !important;}

.table_wrap {
    padding-bottom:14px;
    margin:0 16px 0 16px;
}

.hr_info {
    font-size:13px;
    text-align:center;
    table-layout:fixed;
}

.hr_info th {
    color:#898989;
    font-weight:500;
    border-bottom:1px solid #dddddd;
    border-top:1px solid #dddddd;
    background:#f9f9f9;
    padding:11px 0;
}

.hr_info td {
    color:#4a4a4a;
    padding:8px 0;
    border-bottom:1px solid #dddddd;
}





/* 신체정보 팝업 ***********************************************************************/


/** 근육량 체수분 추가 **/
/** 근육량 **/
.muscle:after {
    content:'';
    display:block;
    clear:both;
}
.muscle li {
    float:left;
    width:33%;
}
.muscle li:last-child {
    width:34%;
}
.muscle_gauge01 {
    font-size:12px;
    color:#4a4a4a;
    text-align:center;
}
.muscle_gauge02 {
    font-size:0;
}
.muscle_low {
    height:8px;
    font-size:0px;
    background:#FF6716;
    border-radius:4px 0 0 4px;
}
.muscle_standard {
    height:8px;
    font-size:0px;
    background:#FFC843;
}
.muscle_hight {
    height:8px;
    font-size:0px;
    background:#63C2D0;
    border-radius:0 4px 4px 0;
}
.muscle_gauge03 {
    font-size:12px;
    color:#9B9B9B;
    text-align:center;
}
.muscle_gauge03 li {
    width:50% !important;
    box-sizing:border-box;
}
.muscle_gauge03 li.muscle_left_num {
    text-align:right;
    padding:0 12% 0 0;
}
.muscle_gauge03 li.muscle_right_num {
    text-align:left;
    padding:0 0 0 12%;
}


/**체수분**/
.pop_bwater_sizebox:after {
    content:'';
    display:block;
    clear:both;
}
.bwater_tit {
    float:left;
    width:15%;
    line-height:44px;
    font-size:12px;
    color:#4a4a4a;
}
.bwater_con {
    float:right;
    width:85%;
}
.bwater_con ul:after {
    content:'';
    display:block;
    clear:both;
}
.bwater_con ul li {
    float:left;
    width:33%;
}
.bwater_con ul li:last-child {
    float:right;
    width:34%;
}
.bwater_con ul li.txt {
    font-size:12px;
    color:#4a4a4a;
    text-align:center;
}

.bwater_con ul li.t_bwater_01 {
    height:8px;
    font-size:0px;
    background:#FF6716;
    border-radius:4px 0 0 4px;
}
.bwater_con ul li.t_bwater_02 {
    height:8px;
    font-size:0px;
    background:#63C2D0;
/*  border-radius:0 4px 4px 0;*/
}
.bwater_con ul li.t_bwater_03 {
    height:8px;
    font-size:0px;
    background:#FF6716;
    border-radius:0 4px 4px 0;
}
.t_bwater:after {
    content:'';
    display:block;
    clear:both;
}
.t_bwater li.t_bwater_txt {
    float:left;
    width:50% !important;
    font-size:12px;
    text-align:center;
    color:#9B9B9B;
}
.t_bwater li.t_bwater_txt span.t_bwater_num_left {
    padding:0 25% 0 0;
}
.t_bwater li.t_bwater_txt span.t_bwater_num_right {
    padding:0 0 0 25%;
}

.bwater_con ul li.txt01 {
    width:40%;
    font-size:12px;
    color:#898989;
    text-align:center;
}
.bwater_con ul li.txt02 {
    width:60%;
    font-size:12px;
    color:#898989;
    text-align:center;
}
.bwater_con ul li.txt03 {
    width:60%;
    font-size:12px;
    color:#898989;
    text-align:center;
}

/****************************************/








/* Dim popup Button ************************************************************/



/* 20170706 */
.stalker button.btn_left { position: absolute; }

/* 20171207 */
.meal_item_list .course_name {
    font-size:14px;
    color:#898989;
    line-height:22px;
}

.meal_item_list .menu_thumb {
    display:inline-block;
    float:left;
    overflow:hidden;
    width:25%;
    height:57px;
    border:0px solid #ddd;
    box-sizing:border-box;
    border-radius:2px;
}

.meal_item_list .menu_info {
    display:inline-block;
    float:left;
    width:72%;
    padding-left:5px;
    box-sizing:border-box;
}

.category_meal {
        line-height:14px;
        color:#c0b2ab;
        font-size:0.875rem;
}

/* 20171212 간기능 팝업창 관련 추가 */

.color_low {
   background: #2F7DE1 !important;  
}
.color_standard {
   background: #63C2D0 !important;  
}

/* 20171221 심혈관위험도 추가 */
.letter_space_1 {
    letter-spacing:-1px;
}
.float_left {
   float: left;
}
.float_right {
   float: right;
}
/* 20171221 체크박스 변경 */

.magic-check:disabled + label:after {
    top:0px;
    left:0px;
    background:url('../images/checkbox_unable_ic.png') no-repeat;
    background-size:30px;
}


/* 20171227 영양소 팝업 축가 */

.nutrient_txt {
    color:#4a4a4a;
    list-style: square;
    list-style-position:outside;
    margin-left: 20px;
    font-size: 14px;
}
.nutrient_txt_small {
  font-size: 12px;
}

.nutrient_txt_small p {
  padding-bottom : 3px;
}

/* 20180207 배송지정보 추거*/

.top_txt_info {
  font-size:12px;
  color:#898989;
  text-align:left;
}

.address_wrap {
    height:125px;
    border:1px solid #dddddd;
}
.zip_code_wrap {
    border:none !important;
}

.winner_info_wrap{
  border:solid 1px #DDDDDD;
  position:relative;
  height:41px;
}

.winner_info_list_title{
  float: left;
  line-height: 41px;
  height:41px;
  border-right:solid 1px #DDDDDD;
  width: 22%;
  text-align:center;
  background-color: #f9f9f9; 
  color: #898989; 
  font-size:12px;
  
}
.winner_info_list_grp_3{
  line-height: 126px;  
  vertical-align:middle;  
  height:125px; 
  position:absolute; 
} 
.winner_info_list_grp{
  position:relative;
  width: 78%;
  float: right;
  border-left: 1px solid #dddddd;
  height:125px;
}

.winner_info_list_grp div{
  float: left;
  width: 100%;
  height: 41px;
  border-bottom: 1px solid #DDDDDD;
} 

.winner_info_list_grp div input{
  float:left; 
  font-size:12px; 
  width: 96%; 
  color: #4a4a4a;
  line-height: 41px;
  height: 41px;
  padding-left: 10px;
  background: #fcfcfc;
}

.winner_info_list_input{
  float: left;
  width: 75%;
  height: 41px;
}

.winner_info_list_input input{
  float:left; 
  font-size:12px; 
  width: 99%; 
  color: #4a4a4a;
  line-height: 41px;
  height: 41px;
  padding-left: 10px;
  background: #fcfcfc;
}

.winner_info {
 padding: 0 16px 0 16px !important;
 margin: 0 0 0 0 !important;
}

.info_under-line {
 color: #63c2d0; 
 text-decoration: underline;
}

/* common.css 추후 추가 */
.fs_12{font-size: 12px;}
.mt_16 {margin-top:16px !important;}
.pl_16 {padding-left:16px !important;}
.pr_16 {padding-right:16px !important;}
.mt_6 {margin-top:6px !important;}
.mt_8 {margin-top:8px !important;}


button.btn_address {
    border:1px solid #63c2d0;
    padding:10px 24px;    
    border-radius:30px;
    color:#63c2d0;
    margin:30px auto 16px;
    display:block;
    font-size:12px;    
}
button.btn_address img {
    padding-left: 3px;
    padding-top: 2px;
}
.barcode_area_wrap {
    padding: 0px 36px 25px 36px;
}
.barcode_detail_wrap {
    background: #fcfcfc;
    border:1px solid #dddddd;
    border-radius: 4px;
    font-size:12px;
    box-sizing: border-box;
}
.barcode_detail_wrap ul {
    padding: 0 16px;
    height: 73px;
}
.barcode_detail_wrap ul li  {
    float: left;
    width: 100%;
    height:36px;
    line-height:36px;
}
.barcode_detail_wrap ul li:last-child {
    border-top:1px solid #dddddd;    
}
.signup ul {
    padding: 0 16px;
    height: 110px;
}
.signup ul li  {
    float: left;
    width: 100%;
    height:36px;
    line-height:36px;
    border-bottom: 1px solid #DDDDDD;
}
.signup ul li:last-child {
    border-bottom: none;
    border-top: none;  
}

.barcode_detail_wrap ul li p.barcode_detail_tit{
    float:left;
    color:#898989;
    padding-left:4px;
}
.barcode_detail_wrap ul li p.barcode_detail_info{
    float:right;
    color:#4a4a4a;
    padding-right:4px;
}

.barcode_wrap  {
   padding: 30px 0 30px 0;
}
#barcodeTarget {
    margin: auto;
}
.barcode_wrap img {
    margin:0 auto;
    display:block;
    padding-bottom:6px;
}
.winner_term_txt{
    padding-left: 40px;
    padding-top: 4px;
}

.button_wrap .btn_bingo_disabled{
    height:32px;
    font-size:14px;
    color:#fff;
    padding:0 20px;
    border-radius:16px;
    background:#9B9B9B;
}

/* 20180305 1:1 문의 추가*/

.inquiry_wrap {
    position:absolute;
    width:100%;
    padding:0 0 70px 0;
}
.inquiry_list li {
    cursor:pointer;
    padding:15px 0;
    border-bottom:1px solid #dddddd;
    position:relative;
    overflow:hidden;
}
/* .inquiry_list li:last-child {
    border-bottom:none;
} */
.inquiry_list li .ico_arrow {
    position:absolute;
    top:30px;
    right:0;
    z-index:1;
}
.inquiry_list li .ico_arrow.on {
    transform:rotate(180deg);
}

.inquiry_list li {
    border-bottom:1px solid #dddddd;
    padding:10px 0 15px 0;
}
.inquiry_content {
    display:none;
    font-size:13px;
    color:#898989;
    margin:10px 0;
    padding:12px;
    border-radius:4px;
    background:#F3F4F6;
    border-top:0 none;
    border-bottom:0 none;
}
.inquiry_title {
    padding:10px 0 0 0 !important;
}
.inquiry_content.on {
    display:block;
}
.inquiry_date {
    font-size:12px;
    color:#898989;
    line-height:28px;
    width:80%;
}
.inquiry_title p.status {
    float: right;
    font-size: 14px;
    color: #63c2d0;
}
.inquiry_msg_title {
    font-size: 16px;
    color: #4a4a4a;
    line-height: 22px;
    width:80%;
    float: left;
}
.inquiry_answer{
    padding: 8px 0 8px 0;
}
.inquiry_con_img {
    margin-top: 12px;
    width: 100%;
}
.inquiry_img_wrap {
    text-align:center;
    width:33% !important;
    margin:0px 0px 14px 0px;
    display:inline-block;
}
.inquiry_re_img{
    height: 15px;
    padding-right: 8px;
}
.inquiry_img{
    width: 90px !important;
    border: 1px solid #dddddd;
    height: 70px;
    text-align:center;
    object-fit: cover;
}
.popup_wrap.inquiry_popup_wrap {
    width: 230px !important;
}
.pop_container.inquiry_pop_container {
    padding: 0px !important;
    position: relative;
}
.inquiry_pop_img{
    width: 230px;;
}
.popup_wrap.inquiry_popup_wrap a.close {
    position: absolute;
    top: 0px;
    right: 0px;
}
.inquiry_re_wrap {
    padding-top: 16px;
    border-top: 1px solid #dddddd;
    margin-top:10px;
}
/*.inquiry_question_wrap {
    padding-bottom: 16px;
}*/
.week_img{
    vertical-align: middle;
    align: center;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.bingo_img_one {
    /*padding-top:9px;*/
    position: absolute;
    left: 50%;
    margin-left: -25px;
    z-index: 100;
}
.bingo_img_one_2 {
    /*padding-top:9px;*/
    position: absolute;
    left: 50%;
    margin-left: -29px;
    z-index: 100;
}

.stamp_wrapx_col {
    margin:30px 0 10px 0;
}
.stamp_wrapx_col:after {
    display:block;
    content:'';
    clear:both;
}
.stamp_wrapx_col li {
    float:left;
    text-align:right;
    /*height:75px;*/
}
.stamp_wrapx_col li:nth-child(3+1) {
    clear:both;
}
.stamp_wrapx_col li.check_hline:before {
    display:block;
    content:'';
    position:absolute;
    top:25px;
    /* right:25px; */
    right: 50%;
    height:2px;
    width:100%;
    background:#FF665D;
    z-index:0;
}
.stamp_wrapx_col li.check_vline:after {
    position:absolute;
    display:block;
    content:'';
    height:21px;
    width:2px;
    top:-20px;
    left:50%;
    margin-left:-1px;
    background:#FF665D;
}
.stamp_wrapx_col .bingo_day_txt li.stamp_date {
    width:12%;
    font-size:11px;
    color:#4A4A4A;
    text-align:left;
    font-weight:600;
    height:36px;
}
.stamp_wrapx_col .bingo_day_txt li.stamp_date.pre_date {
    color:#898989;
}
.stamp_wrapx_col .bingo_day_txt li.stamp_date.today {
    color:#63C2D0;
}
.stamp_wrapx_col .bingo_day_stamp li.ico_stamp {
    position:relative;
    width:20%;
    text-align:center;
    height:60px
}

.stamp_wrapx04 .bingo_day_stamp li.ico_stamp {
        width:25% !important;
}
    
.stamp_wrapx03 .bingo_day_stamp li.ico_stamp {
        width:33% !important;
}

.stamp_wrapx04 .bingo_day_stamp li.ico_stamp {
        width:25% !important;
}

.stamp_wrapx_col .bingo_day_stamp li.ico_stamp .ico_bingo {
    position:absolute;
    left:50%;
    z-index:100;
    margin-left:-28px;
}

.stamp_wrapx_col .bingo_day_stamp li.ico_stamp .default_txt_wrap {
    position:absolute;
    display:table;
    left:50%;
    width:50px;
    height:50px;
    margin-left:-25px;
    z-index:200;
}
.stamp_wrapx_col .bingo_day_stamp li.ico_stamp .default_txt_wrap .default_txt {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:10px;
    font-weight:600;
    color:#c4c4c4;
}
.stamp_wrapx_col .bingo_day_stamp li.ico_stamp .default_txt_wrap .default_txt.none {
    color:#e8e8e8;
}

.stamp_wrapx_col .bingo_day_stamp li.ico_stamp .default_txt_wrap_2 {
    position:absolute;
    display:table;
    left:50%;
    width:57px;
    height:57px;
    margin-left:-29px;
    z-index:200;
}
.stamp_wrapx_col .bingo_day_stamp li.ico_stamp .default_txt_wrap_2 .default_txt {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:10px;
    font-weight:600;
    color:#c4c4c4;
}
.stamp_wrapx_col .bingo_day_stamp li.ico_stamp .default_txt_wrap_2 .default_txt.none {
    color:#e8e8e8;
}
.stamp_wrapx_col .bingo_day_stamp li.ico_stamp .default_txt_wrap_2 .default_txt_2 {
    display: table-cell;
    text-align: center;
    /* vertical-align: middle; */
    font-size: 10px;
    font-weight: 600;
    color: #c4c4c4;
    line-height: 68px;
}
.stamp_wrapx_col .bingo_day_stamp li.ico_stamp .default_txt_wrap_2 .default_txt_2.none {
    color:#e8e8e8;
}

.stamp_wrapx_col .bingo_day_stamp li.ico_goal {
    width:18%;
    text-align:center;
}
.stamp_wrapx_col .bingo_day_stamp li.ico_goal,
.stamp_wrapx_col .bingo_day_stamp li.ico_stamp p {
    text-align:center;
}
.stamp_wrapx_col .bingo_day_stamp li.ico_goal,
.stamp_wrapx_col .bingo_day_stamp li.ico_stamp p.txt_point {
    font-size:11px;
    color:#63C2D0;
    font-weight:600;
}

.stamp_wrapx_col .bingo_day_stamp li.ico_goal .ico_medal_wrap,
.stamp_wrapx_col .bingo_day_stamp li.ico_stamp .ico_medal_wrap {
    display:table;
    width:60px;
    height:57px;
    margin:0 auto;
}
.stamp_wrapx_col .bingo_day_stamp li.ico_goal .ico_medal_wrap .ico_medal,
.stamp_wrapx_col .bingo_day_stamp li.ico_stamp .ico_medal_wrap .ico_medal {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:11px;
    color:#63C2D0;
    font-weight:600;
    padding:10px 0 0 0;
}
.stamp_wrapx_col .bingo_day_stamp li.ico_goal .ico_medal_wrap .ico_medal_disable {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:11px;
    color:#898989;
    font-weight:600;
    padding:10px 0 0 0;
}

.stamp_wrapx_col .bingo_day_stamp li.ico_stamp .btm_medal {
    margin-top:-20px;
}
.stamp_wrapx_col .bingo_day_stamp li.ico_stamp .btm_medal .ico_medal_disable {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:11px;
    color:#898989;
    font-weight:600;
    padding:10px 0 0 0;
}


.stamp_wrapx_col .bingo_day_txt li.stamp_date {
    width:20%;
    font-size:11px;
    color:#4A4A4A;
    text-align:center;
    font-weight:600;
    line-height:30px;
}

/* 영양소 섭취 기준 */


.fat_tit_nurient {
    font-size:14px;
    color:#4A4A4A;
} 


.m_fat li.m_fat_txt_nu {
    float:left;
    font-size:12px;
    text-align:center;
    color:#9B9B9B;
}


.car_per_02 {
    position: relative;
}

.car_per_02 > p {
    position: absolute;
    left: 0;
    margin-left: -11px;
}

.car_per_03 {
    position: relative;
}

.car_per_03 > p {
    position: absolute;
    left: 0;
    margin-left: -9px;
}


.pro_per_02 {
    position: relative;
}

.pro_per_02 > p {
    position: absolute;
    left: 0;
    margin-left: -6px;
}

.pro_per_03 {
    position: relative;
}

.pro_per_03 > p {
    position: absolute;
    left: 0;
    margin-left: -10px;
}

.fat_per_02 {
    position: relative;
}

.fat_per_02 > p {
    position: absolute;
    left: 0;
    margin-left: -10px;
}

.fat_per_03 {
    position: relative;
}

.fat_per_03 > p {
    position: absolute;
    left: 0;
    margin-left: -10px;
}





.carbohydrate_con ul:after {
    content:'';
    display:block;
    clear:both;
}
.carbohydrate_con ul li:nth-child(1) {
    float:left;
    width:55%;
}
.carbohydrate_con ul li:nth-child(2) {
    float:left;
    width:10%;
}
.carbohydrate_con ul li:nth-child(3) {
    float:right;
    width:35%;
}
.carbohydrate_con ul li.txt {
    font-size:12px;
    color:#4a4a4a;
    text-align:center;
}
.carbohydrate_con ul li.m_fat_01 {
    height:8px;
    font-size:0px;
    background:#FFC843;
    border-radius:4px 0 0 4px;
}
.carbohydrate_con ul li.m_fat_02 {
    height:8px;
    font-size:0px;
    background:#63C2D0;
}
.carbohydrate_con ul li.m_fat_03 {
    height:8px;
    font-size:0px;
    background:#FF6716;
    border-radius:0 4px 4px 0;
}

.protein_con ul:after {
    content:'';
    display:block;
    clear:both;
}
.protein_con ul li:nth-child(1) {
    float:left;
    width:10%;
}
.protein_con ul li:nth-child(2) {
    float:left;
    width:30%;
}
.protein_con ul li:nth-child(3) {
    float:right;
    width:60%;
}
.protein_con ul li.txt {
    font-size:12px;
    color:#4a4a4a;
    text-align:center;
}
.protein_con ul li.m_fat_01 {
    height:8px;
    font-size:0px;
    background:#FFC843;
    border-radius:4px 0 0 4px;
}
.protein_con ul li.m_fat_02 {
    height:8px;
    font-size:0px;
    background:#63C2D0;
}
.protein_con ul li.m_fat_03 {
    height:8px;
    font-size:0px;
    background:#FF6716;
    border-radius:0 4px 4px 0;
}

.fatg_con ul:after {
    content:'';
    display:block;
    clear:both;
}
.fatg_con ul li:nth-child(1) {
    float:left;
    width:15%;
}
.fatg_con ul li:nth-child(2) {
    float:left;
    width:15%;
}
.fatg_con ul li:nth-child(3) {
    float:right;
    width:70%;
}
.fatg_con ul li.txt {
    font-size:12px;
    color:#4a4a4a;
    text-align:center;
}
.fatg_con ul li.m_fat_01 {
    height:8px;
    font-size:0px;
    background:#FFC843;
    border-radius:4px 0 0 4px;
}
.fatg_con ul li.m_fat_02 {
    height:8px;
    font-size:0px;
    background:#63C2D0;
}
.fatg_con ul li.m_fat_03 {
    height:8px;
    font-size:0px;
    background:#FF6716;
    border-radius:0 4px 4px 0;
}

.pop_fat_sizebox_nu {
    border: 1px solid #efefef;
    padding: 16px 18px;
    border-radius: 4px;
} 


/* 신규 이벤트 팝업*/
button.pop_btn_double.popupConfirmBtn {
    background: #63c2d0;
    color: #FFFFFF;
    font-size: 16px;
}
button.pop_btn_double.popupCloseBtn{
    background: #F3f4f6;
    font-size: 16px;
}
.popcon_scroll_wrap {
    font-size: 16px;
    color: #4A4A4A;
}

/* 쿠폰함 추가로 인한 CSS 추가 180528 */

.coupon_list_wrap {
    margin:0 20px 16px 20px;
}

.coupon_list_wrap ul li {
    padding: 18px 4px 18px 4px;
    height: 89px;
    border-bottom: 1px solid #dddddd;
    position: relative;
}

.coupon_list_wrap ul li .coupon_info_wrap {
    float: left;
    width: 70%;
}

.coupon_list_wrap ul li .list_name {
    font-size: 16px;
    color: #4a4a4a;
    padding-bottom: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: auto;
}
.coupon_list_wrap ul li .list_event_title {
    font-size: 14px;
    color: #63C2D0;
    padding-bottom: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: auto;
}

.coupon_list_wrap ul li .list_info {
    font-size: 14px;
    color: #898989;
    padding-bottom: 4px;
    text-overflow: ellipsis;
    box-sizing:border-box;
    white-space: nowrap;
    overflow: auto;
}

.coupon_list_wrap ul li  .coupon_btn_wrap {
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
}

.coupon_list_wrap ul li  .coupon_btn_wrap button {
    display: inline-block;
    font-size: 12px;
    color: #898989;
    border-radius: 20px;
    padding: 6px 15px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
}

.coupon_btn_wrap button:hover,
.coupon_btn_wrap button:focus
 {
    background:#f3f4f6 !important;
} 


/* ====================================================== */
/*            이벤트 당첨자 발표 목록 추가 (20180529)               */
/* ====================================================== */

.tab_wrap .evnt_btn_toggle_bg {
    position:absolute;
    width:38%;
    height:36px;
    background:#9B9B9B;
    border-radius:18px;
    box-sizing:content-box;
    z-index:10;
    margin-top:-1px;
}

.tab_wrap .evnt_btn_toggle_01 {
    float:left;
    width:38%;
    font-size:14px;
    line-height:35px;
    background:transparent;
    border-radius:18px;
    z-index: 100;
    position:relative;
    /* position:absolute; */
}
.tab_wrap .evnt_btn_toggle_02 {
    float:left;
    width:31%;
    font-size:14px;
    line-height:35px;
    background:transparent;
    border-radius:18px;
    z-index: 100;
    position:relative;
}
.tab_wrap .evnt_btn_toggle_03 {
    float:left;
    width:31%;
    font-size:14px;
    line-height:35px;
    background:transparent;
    border-radius:18px;
    z-index: 100;
    position:relative;
}

.win_wrap {
    position:absolute;
    width:100%;
    right:-400%;
    padding:10px 0 70px 0;
}

/* ====================================================== */

/* 20180605 이벤트 참여버튼 비활성화 처리 */
.btn_applicant_event { 
    background: rgb(244, 244, 244) !important;
    border: 1px solid rgb(221, 221, 221);
    color: rgb(137, 137, 137) !important;
}


/* 20180608 OX 이벤트 디자인 */
.questionQ { 
    font-weight: bold; 
    color:#63C2D0;
}
.exam {
    display:inline-block;
    border-radius: 10px;
    padding: 22px 30px;
}
.exam#answer_O {
    float: left;
}
.exam#answer_X {
    float: right;
}

.answerO { 
    background-color : #FFF0F0;
}
.answerX { 
    background-color : #ECF6FF;
}


.event_apl_txt_ox {
    text-align: center;
    margin: 0px 16px;
    padding: 20px 18px;
    border: 1px solid #efefef !important;
    border-bottom: 0px !important;
    border-radius: 4px 4px 0 0;
    background: #FFFFFF;
}

.event_apl_txt_ox_weekend {
    text-align: center;
    margin: 0px 16px;
    padding: 20px 18px;
    border: 1px solid #efefef !important;
    border-radius: 4px 4px 0 0;
    background: #FFFFFF;
}

.ox_div {
    text-align: center;
    padding: 34px 0px;
    margin : 0 16px;
    border:1px solid #efefef !important;
    background: #FFFFFF;
}

.ox_div_inner {
    width: 270px;
    height: 122px;
    margin: 0 auto;
}

.answer_text {
    font-size: 18px;
    font-weight: 600;
}

.imgOX {
    padding-bottom: 10px;
}

.button_wrap_ox{
    text-align: center;
    margin: 0px 16px;
    padding: 20px 18px;
    border: 1px solid #efefef !important;
    border-top: 0px !important;
    border-radius: 0 0 4px 4px;
    background: #63C2D0;
}

.btn_ox {
    font-size: 16px;
    color: #FFFFFF;
}

.quizDescription {
    text-align : left !important;
}

.event_apl_txt_ox_des {
    background: #f3f4f6;
    margin: 0px 16px;
    padding: 16px 16px;
    border: 1px solid #efefef !important;
    border-top: 0px !important;
    border-radius: 0 0 4px 4px;
}

.quiz_desc_text {
    font-size: 12px;
    color: #4a4a4a;
    word-break: break-word;
}

.ox_desc_tit {
    margin-bottom: 6px;
    text-align: left;
}

.ox_desc_tit_text {
    font-size: 14px;
    font-weight: bold;
    font-wpadding: 10px;
    color : #898989;
}

.quiz_info {
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 600;
    padding-bottom: 6px;
    word-break: break-word;
}

.quizContent {
    font-size: 18px;
    font-weight: bold;
    word-break: break-word;
}

.ox_weekend_tit {
    font-size: 18px;
    color: #4a4a4a;
    font-weight: 600;
    padding-bottom: 18px;
}

.ox_weekend_text {
    padding-bottom: 16px;
    line-height: 22px;
    font-size: 14px;
    color: #4a4a4a;
}

.ox_weekend_end {
    font-size: 12px;
    color: #898989;
    line-height: 20px;
}

.ox_weekend_end > span {
    font-weight: 600;
}

/* 피트니스 이용안내 페이지 추가 ( 2018 06 26) */
.ftns-use-wrap{
  background-color: #ffffff;
  border: 1px solid #efefef;
  border-radius:4px;
  box-sizing:border-box;
}
.ftns-use-wrap li{
  line-height: 44px;
  height: 44px;
  border-bottom: 1px solid #efefef;
}
.ftns-use-wrap li span{
  margin-left: 16px;
  font-size: 14px;
  color: #4a4a4a;
}
.ftns-use-wrap li img{
  padding: 16px;
  float: right;
}
.ftns-tit{
  color: #4a4a4a;
  font-size:16px;
}


/* ====================================================== */
/*        운동 전 신체 준비 상태 설문(Par-Q) 결과 (20180626)         */
/* ====================================================== */

.ftns_par_q {
    display:inline-block;
    width:100%;
    border:1px solid #efefef;
    border-radius:8px;
    background:#ffffff;
}

.mr_105 {
    margin-right: 105px !important;
}

section.par_q_info {
/*     padding:5px 0 20px 0; */
    border-bottom:1px solid #efefef;
    width: 100%;
}

.par_q_state {
    padding: 13px 0px 13px 0px;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}

.par_q_float_left {
   float: left;
   padding-left:17px;
}

.par_q_float_right {
   float: right;
   padding-right:17px;
}

.par_q_info_div {
    padding: 17px 17px 17px 17px;
    font-size: 14px;
    display: inline-block;
}

.par_q_agree {
    font-size: 14px;
}

.par_q_agree_txt {
    margin-left:38px; 
    padding-top:4px;
}

.ftns_par_q_check {
    position: absolute;
    display: none;
}
.ftns_par_q_check + label {
    position: relative;
    display: block;
    padding-left: 38px;
    cursor: pointer;
    line-height:30px;
    -webkit-tap-highlight-color:transparent;
    background:none;
}

.ftns_par_q_check + label.uncheck {
    position: relative;
    display: block;
    padding-left: 38px;
    cursor: pointer;
    line-height:30px;
    -webkit-tap-highlight-color:transparent;
    background:none;
    color: #dddddd;
}

.ftns_par_q_check + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    content: '';
/*     border: 1px solid #4A4A4A; */
/*     box-sizing:border-box; */
    background: url(../images/ic_dr_checkbox_off_dim_ic.png) no-repeat;
    background-size: 30px;
}
.ftns_par_q_check + label:after {
    position: absolute;
    content: '';
    top:3px;
    left:3px;
    width:30px;
    height:30px;
    box-sizing: border-box;
}

.ftns_par_q_check:checked + label:after {
    display: block;
}

.ftns_par_q_check:checked + label:after {
    top:0px;
    left:0px;
    background:url('../images/ic_dr_checkbox_on_ic.png') no-repeat;
    background-size:30px;
}

.ftns_par_q_title {
  font-size:16px;
  color:#4a4a4a;
  text-align:left;
}

.ftns_par_q_state_txt {
  font-size:14px;
  color:#898989;
}

/* ====================================================== */
/*                      제품 메뉴얼 페이지                                 */
/* ====================================================== */

.band_txt_wrap {
  padding: 11px 0;
  margin-left: 16px;
  float: left;
}

.manual_btn {
    float: right;
}

button.manualbtn {
    font-size: 12px;
    color: #898989;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    border-radius: 100px;
    padding: 6px 10px;
}

.manual_img {
    float: left;
}

.manual_li {
    border-bottom: 1px solid #dddddd; 
    padding: 16px 0px 16px 0px; 
}

.model_txt {
    font-size: 12px;
    color: #898989;
}

/* ====================================================== */
/*                     심박 정보 안내 화면                                 */
/* ====================================================== */

.hr_section_title {
	padding-bottom: 6px;
	font-size: 14px;
}

.hr_section_p {
	padding-bottom: 10px;
}

.hr_section_num {
	padding-bottom: 6px;
	font-size: 14px;
}

.hr_section_ol {
	padding-bottom: 16px;
}

.hr_section_ol p {
	margin-bottom: 0rem;
    line-height: 1.1rem;
}

.hr_section_ol li {
	padding-bottom: 2px;
}

.dot {
    width: 8px;
    height: 8px;
    background: #ff6716;
    border-radius: 100px;
    margin-right: 6px;
    float: left;
    margin-top: 5px;
}

.dot.zone5_dot {
    background: #ff6716;
}

.dot.zone4_dot {
    background: #FF9e16;
}

.dot.zone3_dot {
    background: #FFce52;
}

.dot.zone2_dot {
    background: #bedc5c;
}

.dot.zone1_dot {
    background: #75d180;
}

p.zone_tit {
    margin-bottom: 0;
}

.American {
    color: #898989;
}

.zone_graph {
    margin-bottom: 18px;
}

.graph_wrap {
	margin-top:8px;
}

.graph_wrap li {
    width: 100%;
    margin-bottom: 16px;
    position:relative;
    padding-bottom:16px;
}

.graph_wrap p {
    margin: 0;
    font-size: 12px;
    color: #898989;
    position:absolute;
    left:2px;
    top:0;
}

.graph_wrap .graph {
    width: 100%;
    height: 16px;
    position:absolute;
    left:54px;
    top:0;
}

.graph.zone5_graph {
    background: #ff6716;
}

.graph.zone4_graph {
    background: #FF9e16;
}

.graph.zone3_graph {
    background: #FFce52;
}

.graph.zone2_graph {
    background: #bedc5c;
}

.graph.zone1_graph {
    background: #75d180;
}

/* ====================================================== */
/*                 식품 6군 및 영양소 정보 안내 화면                         */
/* ====================================================== */

.title_img_wrap {position: relative;}
.title_img_txt {position: absolute; left: 20px; bottom: 24px; color: #ffffff; font-size: 20px; line-height: 30px; font-weight: 500;}
.title_img img {width: 100%;}

.nutrient_info_txt {padding: 16px 16px 0 16px;}
.nutrient_info_txt p {line-height: 24px;}

.reference_list {padding: 0 16px; margin: 30px 0;}
.reference_list .list_tit {margin-bottom: 10px;}
.reference_list li {padding-bottom: 6px;}
.reference_list p {font-size: 14px; color: #898989; font-weight: 500;}
.reference_list p span{font-weight: 400;}
.reference_list li:last-child {padding:0 0 0 9px;}

.foodgroup_wrap {padding: 30px 16px;}
.foodgroup {padding: 20px 20px;; border: 1px solid #efefef; border-radius: 5px; margin-bottom: 16px; }
.foodgroup_tit {font-size:18px; font-weight: 500; margin-bottom: 16px;}
.foodgroup_txt li {padding-top: 4px; font-size: 14px;}

.grain_info {background: url('../images/foodgroup_grain.png') right -110px no-repeat; background-size: 196px; background-color: #ffffff;} 
.protein_info {background: url('../images/foodgroup_protein.png') right -82px no-repeat; background-size: 182px; background-color: #ffffff; }
.vegetable_info {background: url('../images/foodgroup_vegetable.png') right -84px no-repeat; background-size:180px; background-color:#FFFFFF;}
.fruit_info {background: url('../images/foodgroup_fruit.png') right -96px no-repeat; background-size:170px; background-color:#FFFFFF;}
.milk_info {background: url('../images/foodgroup_milk.png') right -90px no-repeat; background-size:160px; background-color:#FFFFFF;}
.sugar_info {background: url('../images/foodgroup_sugar.png') right -50px no-repeat; background-size:154px; background-color:#FFFFFF;}

/* ====================================================== */
/*                      마이바디 팝업 통합                                 */
/* ====================================================== */
.mybody_info > li {
    border-bottom:1px solid #dddddd;
    padding:10px 0 15px 0;
}

button#infoBtn {
    padding: 10px 12px;
    background: #f3f4f6;
    border-radius: 4px;
    width: 100%;
}

#infoBtn p {
    float: left;
    font-size: 12px;
    color: #4A4A4A;
}

#infoBtn img {
    float: right;
    padding-top: 2px;
}

.detail_btn {
    font-size: 12px;
    color: #898989;
    text-align: center;
    text-decoration: none;
    border: 1px solid #DDDDDD;
    border-radius: 14px;
    padding: 5px 10px;
    box-sizing: border-box;
}


/* 설문 체크 */
.survey-check {
    position: absolute;
    display: none;
}

.survey-check + label {
    position: relative;
    display: block;
    padding-left: 38px;
    cursor: pointer;
    line-height:30px;
    -webkit-tap-highlight-color:transparent;
    background:none;
}

.survey-check + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    content: '';
    border: 1px solid #4A4A4A;
    box-sizing:border-box;
}

.survey-check + label:after {
    position: absolute;
    content: '';
    top:3px;
    left:3px;
    width:30px;
    height:30px;
    box-sizing: border-box;
}

.survey-check:checked + label:after {
    display: block;
}

.survey-check:checked + label:after {
    top:0px;
    left:0px;
    background:url('../images/ico_checkarrow.png') no-repeat;
    background-size:30px;
}