.web { display: inline-block; } 
.m { display: none; } 
.blue { color: #68A5FE !important; } 
.bullet::before { content: ''; display: inline-block; width: 3px; height: 3px; margin: 0 10px; vertical-align: 3px; border-radius: 50%; background-color: currentColor; } 

.mypage_main { max-width: 1170px; margin: 0 auto; padding-top: 80px; background-color: transparent; } 
.mypage_top { display: flex; flex-wrap: wrap;} 
.mypage_top .use__ {position: relative; width: 170px; height: 223px; margin-right: 30px; padding: 30px 0 0; text-align: center; border-radius: 13px; border: 1px solid #D9D9D9;} 
.mypage_top .use__ .img {overflow: hidden; display: flex; width: 70px; height: 70px; margin: 0 auto 16px; text-align: center; border-radius: 50%; background-color: #F6F6F6;}
.mypage_top .use__ .img img {width: 70px; height: 70px; object-fit: cover;}
.mypage_top .use__ strong {display: block; margin: 4px 0 12px; font-size: 20px; font-weight: 600; line-height: 130%;}
.mypage_top .use__ > button {color: #9A9A9A; line-height: 100%; border-bottom: 1px solid #9A9A9A;}
.mypage_top .use__ .temperature {cursor: pointer;}
.mypage_top .name {position: relative;}
.mypage_top .name .bollom {z-index: 10; position: absolute; top: 30px; left: -25px;}
.mypage_top .name .bollom dt {font-size: 14px; font-weight: 500; line-height: 18px; }
.mypage_top .name .bollom dd {margin-top: 4px; font-size: 13px; line-height: 16px;}
.mypage_top_r { display: flex; width: 970px; height: 170px; border-radius: 15px; background-color: #f4f4f8; } 
.mypage_top_r .inner { width: calc(100% / 3); text-align: center; color: #fff; border-left: 1px solid #C3D2E6; } 
.mypage_top_r .inner:first-child {width: 193px; border-left: 0; } 
.mypage_top_r .inner span { display: block; font-size: 24px; line-height: 1.3; } 
.mypage_top_r .inner strong { display: block; width: 100%; margin-top: 8px; font-size: 30px; line-height: 1.3; } 
.mypage_top_r .inner a { display: inline-block; margin-top: 10px; padding: 6px 22px 6px 12px; font-weight: 500; line-height: 130%; border-radius: 60px; border: 1px solid #343434; background: url(https://img.lifet.co.kr/icon/btn-next.svg) no-repeat right 10px center; background-size: 13px; } 
.mypage_cont { display: flex; margin-top: 37px; } 
.mypage_cont > .left { width: 200px; margin-top: -170px;} 
.mypage_cont .left.mobile-items { display: block; } 
.mypage_cont .left ul li { margin-bottom: 26px; } 
.mypage_cont .left ul li span { display: block; margin-bottom: 13px; font-size: 17px; font-weight: 600; } 
.mypage_cont .left ul li a { display: block; margin-bottom: 13px; font-size: 15px; } 
.mypage_cont .left ul li a div {display: none;}
.mypage_cont .left ul a.on { color: #68A5FE; font-weight: 600; font-size: 15px; } 
.mypage_cont > .rig { width: 970px; } 
.mypage_cont .rig > h1 { margin-bottom: 30px; font-weight: 700; font-size: 24px; line-height: 130%; } 
.mypage_cont h2 { margin-bottom: 30px; font-size: 24px; font-weight: 700; padding-bottom: 14px; border-bottom: 2px solid #E3E3E3; } 
.mypage_cont .rig h2.m_block { font-size: 20px; } 
.animal_list { display: flex; flex-wrap: wrap; } 
.animal_list .box {position: relative; display: flex; justify-content: center; flex-direction: column-reverse; align-items: center; will-change: auto; width: 202px; height: 248px; margin: 0 20px 20px 0; padding: 32px 31px; text-align: center; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); border-radius: 15px; background-color: #fff; } 
.animal_list .point_tooltip {top: -10px; left: 27px; width: 149px; background-image: url(https://img.lifet.co.kr/icon/point_ballon_wide.png); background-size: 149px;}
.animal_list .box .layer_modify { width: 95px; right: -55px; top: 44px; } 
.animal_list .box .layer_modify li a { padding: 10px 12px 8px 14px; text-align: left; background-position: right 12px center; } 
.animal_list .box .img { display: flex; justify-content: center; align-items: flex-end; width: 140px; height: 140px; border-radius: 50%; } 
.animal_list .box .img::before, .communty_slide .slide_card .img::before, .check_wrap .swiper-slide .img::before { display: none; } 
.animal_list .name div { display: flex; flex-flow: column; align-items: center; width: 170px; } 
.animal_list .name div > span { display: block; width: 52px; margin: 12px 0 -11px; padding: 4px 8px; color: #fff; font-size: 12px; font-weight: 600; line-height: 130%; border-radius: 60px; background-color: #68A5FE; } 
.animal_list .box img { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; } 
.animal_list .box strong { width: 100%; margin-top: 15px; font-size: 20px; overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis; } 
.animal_list > div:last-child {position: relative; padding:0; box-shadow: none; } 
.animal_list > div:last-child .profile_add { display: inline-block; width: 202px; height: 248px; padding-top: 167px; color: #CECECE; font-weight: 600; font-size: 18px; text-align: center; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08); background: #fff url(https://img.lifet.co.kr/icon/profile_add.svg) no-repeat center 52px; border-radius: 15px; } 
.animal_list .box .name p { display: none; } 
.btn_more { position: absolute; right: 0; top: 2px; padding-right: 22px; font-weight: 500; font-size: 18px; background: url(https://img.lifet.co.kr/icon/mypage_arrow.svg) no-repeat right 6px center; background-size: 8px; } 
.wish_wrap .product_list li, .wish_area .product_list li {width: 226px;} 
.wish_wrap .product_list li .img img, .wish_area .product_list li .img img {width: 226px; height: 226px;}
.slick_wrap .img, .wish_wrap .product_list li .img, .slick_suggestion .img, .wish_area .product_list li .img { position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; width: 226px; height: 226px; margin-bottom: 10px; border-radius: 7px; }
.wish_wrap .product_list li .heart, .wish_area .product_list li .heart {z-index: 10; width: 28px; height: 28px; background-size: 28px;}


@media (max-width:767px) {
    .mypage_main { max-width: none; padding: 0 0 48px; } 
    .mypage_top { display: none; padding: 34px 20px 0; } 
    .mypage_top.mobile-items, .mypage_main .mypage_top { display: none; } 
    .mypage_main .use__ {overflow: hidden; position: relative; width: auto; height :50px; margin: 0; padding: 0 0 0 62px; text-align: left; border: 0;} 
    .mypage_top .use__ .img {position: absolute; left: 0; width: 50px; height: 50px; margin: 0;}
    .mypage_top .use__ .img img {width: 50px; height: 50px; object-fit: cover;}
    .mypage_top .use__ strong {margin: 4px 0 0 4px;}
    .mypage_top .use__ > button {position: absolute; right: 0; top: 14px; width: 20px; height: 20px; text-indent: -99999px; border: 0; opacity: .7; transform: rotate(-90deg); background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; background-size: 20px;}
    .mypage_top .use__ .temperature {margin-top: 2px;}
    .mypage_top_r .inner span { font-size: 14px; } 
    .mypage_top_r .inner strong { font-size: 18px; margin-top: 4px; } 
    .mypage_top_r .inner a { margin-top: 6px; padding: 4px 16px 4px 8px; font-size: 12px; background-position: right 6px center; background-size: 11px; } 
    .mypage_cont { flex-wrap: wrap; margin-top: 0; } 
    .animal_list {display: block; flex-wrap: inherit; padding-top: 9px; } 
    .mypage_cont > .rig { overflow: hidden; order: 0; width: 100%; margin: 0 auto; padding: 18px 20px 0; } 
    .mypage_cont .push_alarm {padding-top: 0;}
    .mypage_cont .rig h2 { display: none; } 
    .mypage_cont > .left { display: none; order: 1; width: 100%; margin-top: 20px; border-top: 10px solid #F4F4F4; } 
    .mypage_main .mypage_cont .left { display: block; } 
    .mypage_cont .left.mobile-items { display: none; } 
    .mypage_cont .left ul { padding: 36px 20px 8px; border-bottom: 10px solid #F4F4F4; } 
    .mypage_cont .left > button { padding: 18px 20px; color: #808080; font-size: 16px; font-weight: 500; line-height: 130%; } 
    .animal_list .slick-slide {margin-right: 10px;}
    .animal_list .slick-slide > div > div {position: relative; display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: flex-end; width: 245px; height: 104px; margin: 11px 0 0 0; padding: 17px 0 17px 16px; text-align:left; border-radius: 10px; border: 1px solid #E6E6E6; } 
    .animal_list .slick-slide:last-child > div > div { margin-right: 0; padding: 0; } 
    .animal_list .slick-slide:last-child > div > div a {box-shadow: none;}
    .animal_list .point_tooltip {top: -12px; left: 75px;}
    .animal_list .slick-slide .img { width: 70px; height: 70px; margin-right: 14px; } 
    .animal_list .slick-slide img { width: 70px; height: 70px; border-radius: 50%;} 
    .animal_list .slick-slide .name p { display: block; margin-top: 4px; color: #666; } 
    .animal_list .slick-slide .name p span { display: inline-block; margin-top: 2px; } 
    .animal_list .slick-slide .name p span::before { content: ''; display: inline-block; width: 2px; height: 2px; margin: 0 6px; vertical-align: middle; border-radius: 50%; background-color: #9A9A9A; } 
    .animal_list .slick-slide .name p span:first-of-type::before { display: none; } 
    .animal_list .slick-slide strong { max-width: 60px; width: auto; margin-top: 0; margin-right: 4px; font-size: 14px; } 
    .animal_list > div:last-child .profile_add { width: 245px; height: 102px; padding-top: 41px; padding-left: 116px; text-align: left; font-size: 16px; background-size: 28px; border-radius: 10px; background-size: 70px; background-position: 16px 17px; } 
    .mypage_cont .left ul li span { width: 100%; margin-bottom: 18px; padding-bottom: 8px; font-weight: 700; border-bottom: 1px solid #E3E3E3; } 
    .mypage_cont .left ul li a { margin-bottom: 22px; } 
    .mypage_cont .left ul li { margin-bottom: 36px; } 
    .animal_list .name div { display: flex; justify-content: flex-end; align-items: center; flex-direction: row-reverse; } 
    .animal_list .name div > span { width: 43px; margin: 0; padding: 2px 6px; white-space: nowrap; } 
    .product_list li:nth-child(even) {margin-right: 0 !important;}
    .wish_wrap {margin-top: 22px;}
    .wish_wrap .product_list li { width: calc(100% / 2 - 5px); margin-right: 9px; margin-bottom: 0; } 
    .wish_wrap .product_list li .img {width: auto !important; height: auto !important; min-height: auto;}
    .wish_wrap .product_list li .img img {max-width: calc(100% + 10px) !important; width: 100% !important; max-height: none !important; height: auto;}
    .mypage_top .use__ .bollom {top: 28px;}
    .mypage_top_l {display: none;}
}

/* 마이페이지 */
.quick_go_m { display: none; } 
.quick_go { display: flex; margin-bottom: 30px; } 
.quick_go a { display: flex; align-items: center; width: 476px; height: 118px; padding: 0 0 0 30px; box-shadow: 0px 0px 32px 6px rgba(177, 180, 198, 0.2); border-radius: 15px; background: url(https://img.lifet.co.kr/icon/mypage_arrow.svg) no-repeat 425px center; } 
.quick_go a:first-child { margin-right: 16px; } 
.quick_go a strong { margin-right: 8px; margin-bottom: 2px; font-size: 22px; font-weight: 700; line-height: 1.5; } 
.quick_go a img { width: 80px; margin-right: 8px; } 
.quick_go a p { font-size: 20px; line-height: 1.5; } 

.profile_box { display: flex; position: relative; margin-bottom: 20px; padding: 24px 0 26px 30px; box-shadow: 0px 0px 32px 6px rgba(177, 180, 198, 0.2); border-radius: 15px; background-color: #fff; } 
.profile_box + .btn-area.center { margin-top: 50px; } 
.profile_box .photo { width: 100px; margin-right: 30px; text-align: center; } 
.profile_box .photo .img { display: flex; align-items: flex-end; margin-bottom: 10px; border-radius: 50%; background: #E9F2FF; } 
.profile_box .photo img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; } 
.profile_box .photo strong { display: block; font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.profile_box .photo p span { color: #808080; font-size: 12px; } 
.profile_box .photo p span span { display: inline-block; } 
.profile_box .photo p span span::before { content:''; display: inline-block; width: 2px; height: 2px; margin: 0 4px 0 0; vertical-align: middle; background-color: #9A9A9A; } 
.profile_box h3 { margin:10px 0 14px; font-size: 16px; font-weight: 700; } 
.profile_box h3.m_block { display: none; } 
.examen_detail { margin-right: 24px; } 
.examen_detail .title { display: flex; } 
.examen_detail .title * { margin-top: 10px; } 
.examen_detail .title span { margin: 13px 19px 0 8px; color: #737373; font-size: 12px; } 
.examen_detail .title a { position: relative; top: 3px; text-decoration: underline; color: #737373; font-size: 12px; } 
.examen_detail ul { display: flex; } 
.examen_detail ul li { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 88px; height: 100px; padding: 17px 0; flex-flow: column; margin-left: 12px; cursor: pointer; text-align: center; font-weight: 600; border-radius: 10px; border: 1.5px solid #E3E3E3; /*box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); */ } 
.examen_detail ul li:first-child { margin-left: 0; } 
.examen_detail ul li strong { display: block; margin: 2px 0 5px; font-size: 24px; font-weight: 600; } 
.examen_detail ul li .medical { color: #448CF6; } 
.examen_detail ul li .diagnosis { color: #89BC32; } 
.examen_detail ul li.plus { box-shadow: none; border-color: #F4F4F4; background: #F4F4F4 url(https://img.lifet.co.kr/icon/plus.svg) no-repeat center; } 
.examen_detail ul li span { font-size: 10px; color: #343434; } 
.viscera-list li.recode_none { height: auto; margin: 0 auto; } 
.recode_none { height: auto; text-align: center; } 
.recode_none p { margin-bottom: 12px; font-weight: 500; color: #343434; font-size: 14px; line-height: 17px; } 
.recode_none a { padding: 5px 14px; color: #68A5FE; font-size: 13px; font-weight: 600; border-radius: 58px; border: 1px solid #68A5FE; } 
.profile_box .photo + .recode_none { display: flex; align-items: center; justify-content: center; width: 82%; } 
.profile_box .photo + .recode_none p:first-child { margin-bottom: 6px; font-weight: 700; font-size: 20px; line-height: 24px; } 
.profile_box .photo + .recode_none p:nth-child(2) { margin-bottom: 18px; color: #737373; font-weight: 400; } 
.profile_box .photo + .recode_none a { padding: 6px 16px; font-weight: 600; font-size: 14px; line-height: 130%; } 
.profile_box .region { margin-right: 24px; } 
.profile_box .region .viscera-list { height: 100px; /* box-shadow: none; border: 1.5px solid #E3E3E3; */ } 
.profile_box .fatness { height: 100px; /* box-shadow: none; border: 1.5px solid #E3E3E3; */ } 
.profile_box > button { position: absolute; top: 23px; right: 22px; width: 20px; height: 20px; text-indent: -9999px; border: 0; cursor: pointer; background: url(https://img.lifet.co.kr/icon/dot.svg) no-repeat right top; } 

.set_pop .content-area { max-width: 860px; height: 618px; } 
.review_photo .content-area { max-width: none; width: auto; padding: 60px 0 30px; border-radius: 12px; } 
.review_photo iframe { width: 100%; height: 584px; border: 0; } 
.item_select { display: flex; justify-content: center; margin-top: 30px; } 
.item_select a { display: block; width: 160px; height: 170px; padding-top: 30px; border: 2px solid #F2F2F2; border-radius: 12.5px; } 
.item_select a:first-child { margin-right: 20px; } 
.item_select a span { display: block; width: 100%; margin-top: 9px; text-align: center; font-size: 20px; font-weight: 600; line-height: 1.5; } 
.item_select a:first-child span { color: #68A5FE; } 
.item_select a:first-child span::after { content: url(/img/icon/arrow_1.svg); margin-left: 7px; } 
.item_select a:last-child span { color: #A0D24B; } 
.item_select a:last-child span::after { content: url(/img/icon/arrow_2.svg); margin-left: 7px; } 
.chat_img { padding: 60px 60px 50px; } 
.chat_img img { max-width: 100%; max-height: 65svh; object-fit: contain; } 



/* 마이페이지 2차 */
.mypage_main_t { position: relative;/* width: 805px;*/ max-height: 648px; } 
.mypage_main_t .more { position: absolute; right: 0; top:0; padding-right: 20px; font-weight: 500; font-size: 18px; line-height: 130%; background: url(https://img.lifet.co.kr/icon/mypage_arrow-right.svg) no-repeat right 2px center; } 
.mypage_table { width: 100%; border-collapse: collapse;  border-bottom: 1px solid #E3E3E3;} 
.mypage_table thead th { height: 48px; font-size: 16px; font-weight: 600; text-align: center; background-color: #FAFAFA; } 
.mypage_table tbody td { height: 40px; font-size: 14px; text-align: center; background-color: #fff; } 
.mypage_table tbody td:first-child, .mypage_table tbody td:last-child {font-weight: 600;}
.mypage_table tbody tr.use_complete td { color: #999; } 
.mypage_table tbody tr td.useing { color: #68A5FE; } 
.new_members .field { display: flex; } 
.mypage__ .form__ .new_members .field h5 { width: 129px; margin-bottom: 0; } 
.new_members .alert { margin-top: 22px; } 
.mypage__ .new_members .result { font-weight: 500; font-size: 18px; } 
.mypage_top_r .inner div button { width: 121px; height: 38px; margin-top: 10px; cursor: pointer; padding: 8px 0; color: #fff; font-weight: 600; font-size: 16px; line-height: 130%; border: 1px solid #FFFFFF; border-radius: 56px; background-color: transparent; } 
.mypage_cont h2.border_none { margin-bottom: 0; border-bottom: 0; } 
.counsel_box { position: relative; height: 140px; margin-top: 14px; margin-bottom: 20px; padding: 36px 70px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 12px; } 
.counsel_box strong { font-weight: 600; font-size: 20px; line-height: 150%; } 
.counsel_box span { display: inline-block; height: 23px; margin-left: 12px; padding: 1px 12px; color: #fff; font-weight: 500; font-size: 14px; line-height: 150%; vertical-align: 2px; border-radius: 26px; background-color: #68A5FE; } 
.counsel_box p { margin-top: 12px; font-size: 16px; line-height: 150%; } 
.counsel_box > button { position: absolute; top: 28px; right: 70px; width: 200px; height: 39px; color: #fff; font-weight: 600; font-size: 15px; line-height: 130%; border-radius: 4px; border: 0; cursor: pointer; background-color: #68A5FE; } 
.counsel_box > button:last-child { top: auto; bottom: 28px; background-color: #383838; } 
.counsel_box p button {margin-left: 11px; color: #808080; font-size: 14px; line-height: 150%; text-decoration: underline;}
.mypage_list { display: none; } 

.counsel_pop .content-area { max-width: 478px; text-align: left; } 
.counsel_cont { padding: 30px 30px 20px; } 
.counsel_cont label { font-weight: 500; font-size: 16px; line-height: 150%; } 
.modal-dialog .counsel_cont input[type="text"] { height: 48px; margin: 8px 0 7px; border: 1px solid #E3E3E3; border-radius: 4px; } 
.counsel_cont.active input { border-color: #DC2A2A; } 
.counsel_cont.verify__ input + .confirmMsg { display: none; } 
.counsel_cont.verify__.active input + .confirmMsg { display: block; } 
.counsel_cont input + .confirmMsg:before { content: '*'; padding-right: 0.2em; } 
.counsel_cont input::placeholder { color: #BEBEBE; font-size: 16px; } 
.counsel_cont .alert { margin-top: 10px; } 
.modal-dialog .counsel_cont .btn_area .btn { width: 223px; height: 49px; margin-top: 40px; color: #fff; font-size: 18px; border-radius: 60px; border-color: #C7C7C7; background-color: #C7C7C7; } 
.modal-dialog .counsel_cont .btn_area .btn.active { border-color: #68A5FE; background-color: #68A5FE; } 
.modal-dialog .counsel_pop2 .content-area {width: 550px; padding: 99px 0 0; border-radius: 12px;} 
.counsel_cont2 h1 { margin-bottom: 4px; font-size: 24px; font-weight: 700; line-height: 130%; } 
.counsel_cont2 > p { margin: 0 0 30px; font-size: 20px; font-weight: 600; line-height: 1.5; } 
.counsel_cont2 .step_guide li .rig h2 {margin: 5px 0; color: #343434;}
.counsel_cont2 .step_guide li .rig span { font-weight: 400;}
.counsel_cont2 .step_guide li {padding: 20px 34px; padding-right: 26px;}
.modal-dialog .counsel_cont2 .textBox p {color: #545454; font-size: 14px; opacity: 1;}
.counsel_cont2 .btn_area a { display: inline-block; margin-top: 28px;  padding: 13px 43px; color: #6992DE; font-weight: 600; font-size: 18px; line-height: 130%; border-radius: 60px; background-color: #D9E8FF; } 
.counsel_cont2 .btn_area a + a {color: #fff; margin-left: 10px; background-color: #68A5FE;}
.modal-dialog .counselList_pop .content-area {width: 856px;}
.counselList_pop .contentWrap {max-height: none;}

.coupon_area { margin-top: 40px; } 
.coupon_area > p { font-weight: 600; font-size: 18px; line-height: 130%; } 
.coupon_slider .swiper-pagination { display: none; } 
.coupon_slider .swiper-wrapper { display: block; } 
.coupon_slider .swiper-slide, .coupon_none { display: flex; align-items: center; justify-content: center; height: 160px; margin-top: 20px; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); border-radius: 15px; background-color: #fff; } 
.coupon_slider .swiper-slide > div.name span, .coupon_slider .swiper-slide > div.date span { font-weight: 500; font-size: 16px; line-height: 150%; opacity: .5; } 
.coupon_slider .swiper-slide > div strong { display: block; font-weight: 600; font-size: 20px; line-height: 150%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.coupon_slider .swiper-slide .name { width: 126px; } 
.coupon_slider .swiper-slide .date { margin-left: 17px; padding-left: 29px; border-left: 1px solid #818181; } 
.coupon_slider .stemp_list { width: auto; margin-left: 67px; } 
.coupon_slider .stemp_list li { width: 60px; height: 60px; margin-bottom: 0; margin-left: 24px; font-size: 22px; } 
.coupon_slider .stemp_list li:last-child { position: relative; background: url(https://img.lifet.co.kr/icon/icon_coupon.svg) no-repeat center center; } 
.coupon_slider .stemp_list li:last-child.active { background-color: #A4C9FE; } 
.coupon_slider .stemp_list li:last-child.active:before { width: 46px; height: 46px; top: 7px; left: 7px; background-image: url(https://img.lifet.co.kr/icon/icon_coupon_w.svg); } 
.coupon_slider .stemp_list li:last-child span { position: absolute; top: 62px; width: 70px; color: #A4C9FE; font-weight: 500; font-size: 14px; line-height: 150%; text-align: center; } 
.coupon_area .alert { margin-top: 10px; font-size: 15px; } 
.coupon_area .alert:before, .counsel_box + .alert:before { content: "*"; margin-right: 8px; } 
.coupon_slider + .alert { margin-top: 30px; } 
.coupon_area .event_banner { height: 131px; margin-top: 70px; padding-top: 32px; text-align: center; background-image: url(https://img.lifet.co.kr/banner/mypage_banner_bg.png); } 
.coupon_area .event_banner a { display: inline-block; height: auto; margin-top: 10px; padding: 0 20px 0 0; color: #6992DE; font-weight: 600; font-size: 22px; line-height: 140%; background: url(https://img.lifet.co.kr/icon/arrow_blue.svg) no-repeat right center; } 
.coupon_area .event_banner strong { display: block; margin-bottom: 0; font-size: 26px; } 
.coupon_none { display: block; text-align: center; } 
.coupon_none p { width: 100%; padding: 42px 0 0; font-weight: 500; font-size: 18px; line-height: 130%; } 
.coupon_none a { display: inline-block; margin-top: 12px; padding: 10px 30px; color: #fff; font-weight: 600; font-size: 16px; line-height: 130%; border-radius: 33px; background-color: #68A5FE; }

.mypage_cont .consult__list {display: none; flex-flow: column; padding-top: 0;}
.mypage_cont .consult__list.active {display: flex;}
.mypage_cont .consult__list > ul {margin-right: 0; max-width: none; width: auto;}


@media (max-width:767px) {
    .mypage_cont .rig h1 { display: none; margin-bottom: -10px; margin-top: 40px; font-size: 20px; text-align: center; } 
    .mypage_top_none { display: none; } 
    .profile_box { display: block; height: 196px; margin-top: 18px; margin-bottom: 20px; padding: 17px 15px; } 
    .quick_go { display: none; } 
    .quick_go_m { display: flex; margin-bottom: 30px; margin-top: 13px; } 
    .quick_go_m a { display: flex; align-items: center; justify-content: center; width: 50%; height: 80px; box-shadow: 0px 0px 32px 6px rgba(177, 180, 198, 0.2); border-radius: 10px; } 
    .quick_go_m a img { width: 54px; } 
    .quick_go_m a > div { margin-left: -3px; } 
    .quick_go_m a:first-child { margin-right: 7px; } 
    .quick_go_m a strong { margin-right: 8px; margin-bottom: 2px; padding-right: 15px; font-size: 16px; font-weight: 600; line-height: 1.5; background: url(https://img.lifet.co.kr/icon/mypage_arrow_m.svg) no-repeat right center; } 
    .quick_go_m a img { margin-right: 1px; } 
    .quick_go_m a p { font-size: 12px; line-height: 1.5; } 
    .mypage_cont .rig h2.m_block { display: block; margin-bottom: 20px; padding-bottom: 10px; font-size: 18px; border-bottom-width: 1px; } 
    .profile_box + .btn-area.center { margin-top: 36px; margin-bottom: 20px; } 
    .profile_box .photo { display: flex; width: auto; } 
    .profile_box .photo .img { justify-content: center; width: 60px; height: 60px; margin-right: 14px; margin-bottom: 5px; } 
    .profile_box .photo img { width:60px; height: 60px; } 
    .profile_box .photo strong { display: block; width: 200px; margin: 7px 0 5px; font-size: 18px; font-weight: 700; line-height: 21px; white-space: initial; word-break: break-all; } 
    .profile_box .photo p { text-align: left; } 
    .profile_box .photo p span { color: #666; font-size: 14px; } 
    .examen_detail ul { position: absolute; width: calc(50% - 15px); } 
    .examen_detail ul li:nth-child(2), .examen_detail ul li:nth-child(3) { display: none; } 
    .examen_detail .title, .profile_box .obesity { display: none; } 
    .examen_detail { float: left; width: 50%; margin-right: 5px; } 
    .examen_detail ul li { width: 100%; height: 68px; border: 1px solid #E3E3E3; box-shadow: none; } 
    .profile_box .region { position: absolute; width: calc(50% - 20px); right: 15px; margin-right: 0; } 
    .profile_box .region .viscera-list { justify-content: center; width: 100%; height: 68px; border: 1px solid #E3E3E3; box-shadow: none; } 
    .profile_box h3 { margin-bottom: 5px; text-align: center; font-size: 14px; font-weight: 600; } 
    .profile_box h3.m_block { display: block; } 
    .examen_detail ul li { position: relative; display: block; padding: 17px 11px; text-align: left; line-height: 17px; } 
    .examen_detail ul li strong { position: absolute; top: 22px; right: 11px; } 
    .examen_detail ul li span { display: block; font-size: 12px; } 
    .examen_detail .title + h3 { right: 22px; padding-right: 13px; } 
    .examen_detail .title + h3::after { content: url(https://img.lifet.co.kr/icon/mypage_arrow_m.svg); margin-left: 5px; } 
    .recode_none a { font-size: 12px; font-weight: 500; border-radius: 0; border:0; text-decoration: underline; } 
    .recode_none p { margin-bottom: 5px; } 
    .profile_box .photo + .recode_none { width: 100%; margin-top: 20px; } 
    .profile_box .photo + .recode_none p:first-child { font-size: 16px; font-weight: 600; } 
    .profile_box .photo + .recode_none p:nth-child(2) { display: none; } 
    .profile_box .photo + .recode_none a { font-weight: 500; } 

    .item_select a span { margin-top: 4px; font-size: 16px; } 
    .item_select a { width: 130px; height: 136px; padding-top: 24px; } 
    .item_select img { width: 60px; } 

    
    .profile_box > button { right: 15px; } 
    .layer_modify { right: 15px; top: 40px; width: 95px; } 
    .layer_modify li a { padding: 10px 14px 8px; font-size: 15px; background-size: 16px; background-position: right 12px center; } 
    
    .chat_img { padding: 20px 20px 0; } 
    .chat_img img { width: 100%; max-height: none; max-width: none; } 


    /* 마이페이지 2차 */
    .mypage_main_t, .counselList_pop .paging { display: none; } 
    .modal-dialog .counselList_pop .content-area {width: 100%;}
    .mypage__ .form__ .new_members .field h5 { width: 89px; } 
    .mypage_cont h2.border_none, .mypage_cont h2.h2_block { display: block; margin-top: 34px; margin-bottom:10px; padding-bottom: 0; border-bottom: 0; } 
    .coupon_area { margin-top: 0; } 
    .mypage_cont h2.border_none.m_block { display: none; } 
    .mypage__ .new_members .result { font-size: 16px; } 
    .mypage_cont .mobile__head, .event_topbar .mobile__head, .sign_wrap .mobile__head { border-bottom: 1px solid #D8D8D8; } 
    .counsel_box { height: auto; padding: 20px 18px; border-radius: 12px; } 
    .counsel_box > button { position: static; width: calc(100% / 2 - 3px); } 
    .counsel_box p { margin: 6px 0 20px; font-size: 13px;} 
    .counsel_box p button {margin-left: 8px;}
    .counsel_box span { margin-left: 10px; } 
    .counsel_box > button:last-child { margin-left: 2px; } 
    .mypage_cont .mypage_list h2 { display: block; padding-bottom: 10px; } 
    .mypage_list { display: block; } 
    .mypage_list h2 { margin:50px 0 9px; } 
    .mypage_list li { position: relative; } 
    .mypage_list strong { margin-bottom: 5px; font-weight: 600; font-size: 16px; line-height: 150%; } 
    .mypage_list p { line-height: 150%; } 
    .mypage_list span { position: absolute; right: 0; top: 11px; font-weight: 600; } 
    .mypage_list li { padding: 13px 0; border-bottom: 1px solid #E3E3E3; } 
    .mypage_list .useing { color: #68A5FE; font-weight: 700; } 
    .mypage_list .using_complete { color: #808080; } 
    .mypage_list .using_complete p { color: #999 } 
    .mypage_list .paging {margin: 20px 0 30px;}
    .paging a { width: 30px; height: 30px; font-size: 17px; } 
    .counsel_cont { margin: -10px; padding-bottom: 10px; } 
    .modal-dialog .counsel_cont input[type="text"] { height: 38px; } 
    .counsel_cont input::placeholder { font-size: 14px; } 
    .counsel_cont label { font-size: 14px; } 
    .coupon_area .alert, .counsel_box + .alert { margin-top: 8px; font-size: 12px; } 
    .modal-dialog .counsel_cont .btn_area .btn { width: auto; height: 48px; margin-top: 30px; font-size: 16px; } 
    #counsel_01 .content-area .closer { background-size: 20px; } 
    .counsel_pop .head div:first-child { height: auto; padding: 16px 14px 0; font-size: 16px; font-weight: 600; border: 0; } 
    .modal-dialog .counsel_pop2 .content-area {width: 100%; height: 100%; padding: 85px 20px 0; border-radius: 0;} 
    .counsel_cont2 .step_guide li {padding: 12px 15px; padding-right: 26px; word-break: keep-all;}
    .counsel_cont2 .step_guide li .rig span {display:none;}
    .counsel_cont2 h1 { margin-bottom: 0; font-size: 20px; } 
    #counsel_01 .counsel_cont { margin: 0; padding: 20px 14px 0; }
    .counsel_cont2 img { width: 274px; } 
    .counsel_cont2 p { margin: 2px 0 20px; font-size: 18px; } 
    .modal-dialog .counsel_pop2 .btn_area {position: fixed; bottom: 0; width: calc(100% - 40px); margin-bottom: 0; padding: 0 0 30px; background-color: #fff;}
    .counsel_cont2 .btn_area a { width: 181px; height: 45px; padding: 12px 0; font-size: 18px; border-radius: 34px; line-height: normal; } 
    .counsel_pop2 .content-area .closer { top:5px; right: 5px; background-size: 22px; } 
    .coupon_area > p { font-size: 16px; } 
    .stemp_wrap { width: 100%; display: flex; justify-content: center; margin-top: 27px; } 
    .coupon_slider .swiper-wrapper { display: flex; } 
    .coupon_slider .swiper-slide > div.name span, .coupon_slider .swiper-slide > div.date span { font-size: 14px; } 
    .coupon_slider .swiper-slide > div strong { font-weight: 500; } 
    .coupon_slider { position: relative; padding-bottom: 23px; } 
    .coupon_slider .swiper-slide { flex-wrap: wrap; align-items: flex-start; height: auto; margin-top: 0; padding: 24px 0 41px; } 
    .coupon_slider .swiper-slide .name { width: 100px; } 
    .coupon_slider .swiper-slide .date { padding-left: 14px; } 
    .coupon_slider .stemp_list { width: 220px; margin-left: 0; } 
    .coupon_slider .stemp_list li { margin:0 0 20px; } 
    .coupon_slider .swiper-pagination { display: block; } 
    .coupon_slider .swiper-container-horizontal .swiper-pagination { bottom: 0; } 
    .coupon_area .alert { margin-top: 6px; font-size: 12px; } 
    .coupon_slider + .alert { margin-top: 25px; } 
    .coupon_area .event_banner { height: auto; margin-top: 40px; padding: 16px 0 14px 20px; text-align: left; border-radius: 10px; background: #F2F1F2 url(https://img.lifet.co.kr/landing/visual/event_img_m.png) no-repeat right 24px bottom; background-size: 89px 86px; } 
    .coupon_area .event_banner strong { font-size: 18px; } 
    .coupon_area .event_banner a { margin-top: 2px; padding-right: 16px; font-size: 14px; background-size: 14px; } 
    .coupon_none { height: 276px; } 
    .coupon_none p { padding: 83px 50px 20px; word-break: keep-all; }
    .mypage_cont .consult__list li {padding: 0;}
    .mypage_cont .consult__list li + li {padding: 20px 0 0; border: 0;}
    .consult__list .paging {margin: 40px 0 50px;}
    .mypage_cont .consult__list > ul {margin-bottom: 15px;}
}


.mypage_cont .sign_wrap { width: auto; box-shadow: none; } 
.mypage_cont .mypage__ .form__ > section h1 { position: relative; border-bottom-width: 2px; } 
/*.mypage_pop { padding-top: 70px; } */
.mypage_pop .head { position: absolute; text-align: left; width: 100%; line-height: 1.3; font-weight: 600; } 
.profile-info .check-area input[type="radio"] + label:before, .medical_historyModify input[type="radio"] + label:before { content: ""; position: absolute; left: 0; top: -7px; width: 14px; height: 14px; background: #F7F7F7; border: 2px solid #CCCCCC; border-radius: 9px; margin: 7px 0; } 
 .profile-info .check-area input[type="radio"]:checked + label:before, .medical_historyModify input[type="radio"]:checked + label:before { height: 10px; width: 10px; border: 4px solid #68A5FE; } 

@media (max-width:767px) {
    .mypage_cont .mypage__ .passBox, .mypage_cont .sign_wrap .field, .mypage_cont .mypage__ .form__ > section + section > div, .mypage_cont .mypage__ .form__ > section h1 span { width: 100%; } 
    .mypage_cont .mypage__ .form__ > section h1 { display: block; text-align: left; font-weight: 600; } 
    .mypage_cont .mypage__ .form__ > section.new_members h1 { margin-top: 0; } 
    .mypage_cont.m_none > .left { display: none; } 
    .mypage_pop { padding: 72px 32px 0; } 
    .mypage_pop .head { height: 55px; padding: 16px 0 0 20px; font-size: 14px; font-weight: 700; line-height: 1.5; } 
    .mypage_pop .profile-info { margin-top: 24px; } 
}

@media (min-width:530px) and (max-width: 767px){
    .coupon_slider .swiper-slide { display: block; height: 231px; padding-top: 38px; } 
    .coupon_slider .swiper-slide .name { position: absolute; top: 46px; left: 70px; } 
    .coupon_slider .swiper-slide .date { position: absolute; top: 116px; left: 70px; margin-left: 0; padding-left: 0; padding-top: 19px; border-left: 0; border-top: 1px solid #818181; } 
    .stemp_wrap { justify-content: flex-end; margin-top:0; padding-right: 70px; } 
    .cartegory_list { justify-content: flex-start; width: 670px; margin: 30px auto 30px; padding: 0; } 
}


/* 마이페이지 */
.region_box ul li a strong + span { color: #fff !important } 
.tabcont_wrap { margin-bottom: 0; } 
.mypage_main { padding: 60px 0 100px; } 
.mypage_top_l {width: 200px; font-size: 34px; font-weight: 700; line-height: 140%;}
.mypage_top_r .inner span { font-size: 20px; } 
.mypage_top_r .inner strong { margin-top: 10px; font-size: 28px; font-weight: 600; } 
.mypage_top_r .inner_rig {padding-top: 30px;} 
.mypage_top_r .inner_rig ul {display: flex;}
.mypage_top_r .inner_rig ul li {width: 170px; height: 110px; padding: 10px 0 0 36px; font-size: 18px; line-height: 130%; border-left: 1px solid #E6E6E6;}
.mypage_top_r .inner_rig ul li a {display: block;}
.mypage_top_r .inner_rig ul li:last-child {width: 150px;}
.mypage_top_r .inner_rig ul li span {display: block; margin-top: 34px; font-size: 24px; font-weight: 600;}
.mypage_banner { margin: 12px  0 30px 200px; } 
.mypage_banner a {position: relative; display: block; padding: 12px 0; color: #fff; font-size: 18px; font-weight: 500; line-height: 130%; text-align: center; border-radius: 10px; background-color: #616161; } 
.mypage_banner a p { display: inline-block; padding-right: 20px; background: url(https://img.lifet.co.kr/icon/arrow_white.svg) no-repeat right center; background-size: 7px; } 
.mypage_banner a p + span {position: absolute; right: 15px; bottom: 10px; color: rgba(255, 255, 255, 0.60); font-size: 7px; line-height: 130%;}
.mypage_banner p > span { display: inline-block; margin-right: 4px; padding: 2px 6px; font-size: 12px; font-weight: 600; line-height: 130%; vertical-align: 1px; border-radius: 60px; background-color: #68A5FE; } 
.mypage_banner strong { color: #8BBAFF; font-weight: 600; } 
.animal_list { margin-bottom: 40px; } 
.mypage_cont .rig h2 { display: block; padding-bottom: 0; font-size: 20px; border: 0; } 
.mypage_cont .rig h2.border_none { margin-bottom: 30px; } 
.mypage_cont .rig h2.border { padding-bottom: 14px; border-bottom: 2px solid #E3E3E3; } 
.mypage_top_r .inner_wrap {width: 443px; padding: 32px 0 0 40px;} 
.mypage_top_r .inner_wrap .profile {display: flex; align-items: center;  height: 60px;}
.mypage_top_r .inner_wrap .profile img { width: 60px; height: 60px; object-fit: cover; margin-right: 20px; vertical-align: top; border-radius: 50%; border: 2px solid #fff;} 
.mypage_top_r .inner_wrap .profile .name span {display: inline-flex; align-items: center; height: 18px; padding: 0 5px 0 4px; color: #fff; font-size: 12px; font-weight: 500; line-height: 130%; cursor:pointer; .border-radius: mypage_top_r30px;}
.mypage_top_r .inner_wrap .profile .name strong {display: block; margin-top: 4px; padding-right: 18px; font-size: 20px; font-weight: 600; line-height: 130%; cursor: pointer; background: url(https://img.lifet.co.kr/icon/mypage_arrow.svg) no-repeat right center; background-size: 9px; }
.mypage_top_r .inner_wrap ul {display: flex; margin-top: 23px;}
.mypage_top_r .inner_wrap ul li {display: flex; align-items: center; font-size: 18px; line-height: 130%; cursor: pointer;}
.mypage_top_r .inner_wrap ul li span {margin-left: 70px; font-size: 18px; font-weight: 600;}
.mypage_top_r .inner_wrap ul li + li::before {content: ''; display: inline-block; width:1px; height: 20px; margin: 0 32px; background-color: #E6E6E6;}
.wish_area { position: relative; } 
hr.line { display: none; } 
.mypage_empty { display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100%; min-height: 92px; margin-top: -60px; } 
.save_money .mypage_empty {margin: 50px 0;}
.tabContent .mypage_empty, .tabContent2 .mypage_empty { margin-top: 180px; } 
.point_area .mypage_empty { margin-top: 100px; } 
.review_count + .btn_line + .mypage_empty { margin-top: 100px; } 
.mypage_empty img { width: 174px; opacity: .5; } 
.mypage_empty p { margin: 0 0 24px;  font-size: 18px; line-height: 130%; } 
.mypage_empty a, .mypage_empty button { height: 44px; padding: 10px 18px; color: #68A5FE; font-size: 16px; line-height: 24px;  border: 1px solid #68A5FE; border-radius: 60px; background-color: #fff;} 
.point_area + .mypage_empty { margin-top: 90px; } 
.money_head + .mypage_empty { margin-top: 30px; } 

.coupon_renewal { margin-bottom: 20px; margin-top: 40px; } 
.coupon_zone { overflow: hidden; position: relative; display: flex; height: 280px; padding: 44px 0 52px; box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.06); border-radius: 16px; } 
.coupon_zone > div { width: 485px; } 
.coupon_zone .left { padding-left: 80px; margin-top: 0; border-right: 1px dashed #B3B3B3; border-top: 0; } 
.coupon_zone .left > p strong { display: block; font-weight: 600; font-size: 24px; line-height: 140%; } 
.coupon_zone .left > p span { margin-top: 8px; line-height: 140%; } 
.coupon_zone .left .inner { display: flex; margin-top: 36px; } 
.coupon_zone .left .inner p:first-child { margin-right: 44px; } 
.coupon_zone .left .inner p > span { display: block; margin-bottom: 4px; font-weight: 500; font-size: 14px; line-height: 150%; opacity: .5; } 
.coupon_zone .left .inner p:first-child strong { font-weight: 500; font-size: 18px; line-height: 150%; } 
.coupon_zone .left .inner p:last-child strong { display: flex; font-weight: 400; font-size: 18px; line-height: 150%; } 
.coupon_zone .left .inner p:last-child strong em { margin-right: 2px; font-weight: 600; } 
.coupon_zone .left .inner p:last-child strong span { margin-left: 2px; } 
.coupon_zone.complete::before { content: ''; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(256, 256, 256, 0.6); } 
.coupon_zone.complete::after { content: ''; z-index: 1; position: absolute; right: 30px; bottom: 20px; width: 168px; height: 168px; background: url(https://img.lifet.co.kr/icon/coupon_complete.png) no-repeat center; background-size: 168px; } 
.stemp_renewal { display: flex; flex-wrap: wrap; justify-content: center; } 
.stemp_renewal li { position: relative; margin: 0 32px 20px 32px; } 
.stemp_renewal li > span { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; color: #ccc; font-weight: 500; font-size: 24px; line-height: 150%; border-radius: 50%; border: 1.7px dashed #ccc; } 
.stemp_renewal li .check_on { display: none; } 
.stemp_renewal li.active .check_on { display: flex; flex-flow: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 50%; margin-left: -30px; width: 60px; height: 60px; color: #fff; border-radius: 50%; background-color: #68A5FE; } 
.stemp_renewal li.active .check_on .date { font-size: 12px; line-height: 120%; } 
.stemp_renewal li.active .check_on strong { font-size: 12px; font-weight: 600; line-height: 130%; } 
.stemp_renewal li.active .check_on .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; bottom: -26px; width: 100%; line-height: 130%; color: #343434; text-align: center; background-color: #fff; } 
.stemp_renewal li:first-child::after { content: '체크시작'; display: block; margin-top: 6px; color: #ccc; font-weight: 600; font-size: 14px; line-height: 130%; text-align: center; } 
.stemp_renewal li:last-child::after { content: '쿠폰지급'; display: block; margin-top: 6px; color: #ccc; font-weight: 600; font-size: 14px; line-height: 130%; text-align: center; } 
.stemp_renewal li:last-child span { text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/icon_coupon_g.svg) no-repeat center; } 
.stemp_renewal li:last-child.active .check_on { display: none; } 
.stemp_renewal li:last-child.active span { border: 0; background-color: #68A5FE; background-image: url(https://img.lifet.co.kr/icon/icon_coupon_w.svg); } 
.stemp_renewal li:last-child.active::after { color: #68A5FE; } 


@media (max-width: 767px){
    .mypage_cont .rig.total_check { margin-bottom: 0; } 
    .mypage_cont { margin-top: 0; } 
    .mypage_main { margin: 0; padding: 0 0 0; } 
    .mypage_top { display: none; padding-top: 30px; } 
    .mypage_main .mypage_top { display: block; padding-top: 20px; } 
    .inner_wrap { width: 100%; justify-content: space-between; align-items: center; } 
    .inner_wrap .inner { width: auto; } 
    .mypage_main .use__.web {display: none;}
    .mypage_main .use__.m {display: block; color: #343434; font-size: 20px; font-weight: 600; } 
    .mypage_main .use__.m b { font-weight: 600; } 
    .mypage_top_r {width: 100%; height: 50px; padding: 0; margin-top: 0; background-color: transparent;} 
    .mypage_top_r .inner_wrap {width: 100%; padding: 0;}
    .mypage_top_r .inner_wrap .profile img {width: 50px; height: 50px; margin-right: 16px; border: 0;}
    .mypage_top .name {flex: 1;}
    .mypage_top_r .inner_wrap .profile .name strong {position: relative; background: none;}
    .mypage_top_r .inner_wrap .profile .name strong::after {content: ''; display: inline-block; position: absolute; right: 0; bottom: 17px; width: 20px; height: 20px; background: url(https://img.lifet.co.kr/icon/mypage_arrow.svg) no-repeat center; background-size: 9px;}
    .mypage_top_r .inner_wrap ul {display: none;}
    .mypage_top .name .bollom {left: -75px;}
    .mypage_top_r.none, .mypage_cont .rig h2.none { display: none; } 
    .mypage_top_r .inner_rig { display: none; } 
    .mypage_top_r .inner span { font-size: 14px; font-weight: 500; } 
    .mypage_top_r .inner strong { margin-top: 6px; font-size: 16px; } 
    .mypage_banner {display: none; margin: -20px 0 24px; } 
    .mypage_banner a { padding: 10px 0; font-size: 16px; } 
    .mypage_banner p { padding-right: 17px; } 
    .mypage_banner p > span { margin-right: 5px; } 
    .mypage_banner p > span span { display: none; } 
    .mypage_cont .rig h2 { margin-top: 14px; margin-bottom: 0; font-size: 16px; font-weight: 600; }
    .mypage_cont .rig h2.border_none, .consulting__apply__wrap .border_none {display: none; margin-top: -7px; margin-bottom: 10px; font-size: 18px;}
    .wish_area { display: none; } 
    .mypage_cont .rig h2.border {display: none; margin-bottom: 0; padding: 0; border: 0; } 
    .mypage_cont .rig h2.border {}
    .mypage_cont .rig .mypage_list h2 {margin-top: 50px; margin-bottom:9px;  padding-bottom: 10px; font-size: 18px; border-bottom: 2px solid #E3E3E3;}
    .new_pet { display: none; } 
    .animal_list {margin-right: -20px; margin-bottom: 22px; padding-top: 0; } 
    .animal_list .slick-list {overflow: visible;}
    .animal_list .slick-slide {height: auto; padding: 0;} 
    hr.line { display: block; margin: 0 -20px; height: 10px; border:0; background-color: #F4F4F4; } 
    .my_shopping { display: block; margin-bottom: 0; padding: 6px 0 0; } 
    .my_shopping .top { display: flex; height: 89px; margin-top: 10px; padding: 13px 0; border: 1px solid #E6E6E6; border-radius: 10px 10px 0px 0px; } 
    .my_shopping .bottom { display: flex; padding: 15px 0 15px 0; border: 1px solid #E6E6E6; border-top: 0; border-radius: 0 0 10px 10px; background-color: #F4F4F8;} 
    .my_shopping .top .inner { position: relative; width: 33.3%; } 
    .my_shopping .bottom .inner { position: relative; width: 50%; } 
    .my_shopping .inner:first-child { padding-left: 19px; } 
    .my_shopping .inner + .inner { border-left: 1px solid #E6E6E6; } 
    .my_shopping .top .inner + .inner { padding-left: 10px; } 
    .my_shopping .bottom .inner + .inner { padding-left: 20px; } 
    .my_shopping .top .inner a span {color: #808080; font-size: 15px; font-weight: 400;}
    .my_shopping .top .inner a { display: block; position: absolute; left: 10px; top:0; width: calc(100% - 10px); height: 100%; } 
    .my_shopping .top .inner:first-child a {left: 19px;}
    .my_shopping .inner span { font-weight: 500; font-size: 16px; line-height: 130%; } 
    .my_shopping .inner em span { font-size: 12px; } 
    .my_shopping .top em { position: absolute; bottom: 27px; right: 12px; font-size: 12px; font-weight: 500; } 
    .my_shopping .top strong { position: absolute; right: 0; bottom: 3px; font-weight: 600; font-size: 18px; line-height: 130%; } 
    .my_shopping .top .inner strong { right: auto; left: 0;} 
    .my_shopping .bottom strong { float: right; margin-right: 20px; font-weight: 700; font-size: 16px; line-height: 130%; } 
    .mypage_cont .left ul li { display: flex; flex-wrap: wrap; margin-bottom: 0; padding: 28px 0 8px; border-top: 1px solid #E3E3E3; } 
    .mypage_cont .left ul li:first-child { padding-top: 0; border-top: 0; } 
    .mypage_cont .left ul li span { width: 100%; padding: 0; margin-bottom: 16px; color: #999; font-weight: 400; font-size: 14px; line-height: 130%; border: 0; } 
    .mypage_cont .left ul li a { position: relative; width: 100%; margin-bottom: 20px; font-size: 16px; font-weight: 500; } 
    .mypage_cont .left ul li a div {display: flex; justify-content: space-between; padding-right: 28px;}
    .mypage_cont .left ul li a div strong {color: #68A5FE; font-size: 14px; font-weight: 600; line-height: 130%;}
    .mypage_cont .left ul li a::after { content: ''; display: inline-block; position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat; background-size: 20px; transform: rotate(-90deg); opacity: 50%; } 
    .mypage_empty { height: 86svh; margin-top: 0; } 
    .mypage_empty img { width: 160px; } 
    .save_money .mypage_empty {height: 20svh;}
    .tabContent .mypage_empty, .tabContent2 .mypage_empty { margin-top: -60px; } 
    .point_area + .mypage_empty { margin-top: -50px; height: 62svh; } 
    .review_count + .btn_line + .mypage_empty { margin-top: 0; width: 100%; height: 68svh; } 
    .money_head + .mypage_empty { height: 34svh; margin-top: 0; } 
    .total_num + .mypage_empty { height: 86svh; } 

    .coupon_renewal { margin-top: 20px; } 
    .coupon_renewal + div { padding-bottom: 48px; } 
    .coupon_renewal > .m { margin-top: 13px; font-weight: 600; font-size: 20px; line-height: 140%; } 
    .coupon_zone { flex-flow: column; height: auto; margin-top: 20px; padding: 23px 30px 4px; border: 1px solid #fff; } 
    .coupon_zone > div { width: auto; } 
    .coupon_zone .left > p { display: none; } 
    .coupon_zone .left { margin-bottom: 20px; padding-left: 0; border-right: 0; border-bottom: 1px dashed #ccc; } 
    .coupon_zone .left .inner { margin-top: 0; padding-bottom: 22px; } 
    .stemp_renewal li { display: flex; flex-flow: column; align-items: center; width: calc(100% / 3 - 30px); margin: 0 15px 20px; } 
    .coupon_zone.complete::after { width: 142px; height: 142px; right: 16px; bottom: 15px; background-size: 142px; } 
    .coupon_zone .left .inner p:first-child strong, .coupon_zone .left .inner p:last-child strong { font-size: 16px; } 
    .coupon_zone .left .inner p > span { margin-bottom: 2px; } 
}

/* 마이페이지 리뉴얼(그래프) */
.new_pet { position: relative; float: right; margin-top: -53px; color:#68A5FE; font-weight: 700; font-size: 18px; line-height: 21px; } 
h2.m_block + .new_pet { margin-top: -53px; } 
.new_pet::before { content: ''; display: inline-block; vertical-align: -2px; width: 18px; height: 18px; margin-right: 7px; background: url(https://img.lifet.co.kr/icon/icon_plus.png) no-repeat center center; background-size: 100%; } 
.profile_list { display: flex; flex-wrap: wrap; margin-left: -16px; } 
.profile_list > li { position: relative; display: flex; align-items: center; flex: 0 0 48.3%; height: 146px; margin-left: 16px; margin-bottom: 20px; padding-left: 40px; box-shadow: 0px 0px 20.2388px rgba(0, 0, 0, 0.08); border-radius: 13.4925px; background: #FFFFFF; } 
.profile_list > li a { display: flex; align-items: center; } 
.profile_list > li .img img { width: 80px; height: 80px; margin-right: 20px; border-radius: 50%; object-fit: cover; } 
.profile_list > li .name strong { padding-right: 26px; font-weight: 700; font-size: 24px; line-height: 29px; background: url(https://img.lifet.co.kr/icon/profile_arrow.svg) no-repeat right center; } 
.profile_list > li .name p { margin-top: 10px; color: #666; font-size: 18px; line-height: 140%; } 
.profile_list > li .name p span { margin-right: 8px; } 
.profile_list > li .name p span::before { content: ''; display: inline-block; width: 4px; height: 4px; margin: 0 8px 0 0; vertical-align: middle; border-radius: 50%; background-color: #9A9A9A; } 
.profile_list > li .name p span:first-child::before { display: none; } 
.profile_list > li > button { position: absolute; top: 16px; right: 16px; width: 28px; height: 28px; text-indent: -9999px; border: 0; cursor: pointer; background: url(https://img.lifet.co.kr/icon/dot.svg) no-repeat center center; background-size: 100%; } 
.animal_list .layer_open { position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; text-indent: -9999px; border: 0; cursor: pointer; background: url(https://img.lifet.co.kr/icon/dot.svg) no-repeat center center; background-size: 100%; } 
.total_check, .total_check #tabcont01 { position: relative; } 
.total_check, .total_check #tabcont01 { position: relative; } 
.total_check .consult__tab2 { margin-bottom: 20px; margin-top: 6px; } 
.mypage_cont .total_check .consult__tab2 ul { margin-top: 6px; } 
.myscore { font-weight: 700; font-size: 26px; line-height: 130%; } 
.total_check .selectBox__ { position: absolute; right: 0; top: 0; } 
.total_check .selectBox__ .select__ { width: 233px; height: 50px; padding-left: 20px; font-weight: 600; font-size: 16px; line-height: 130%; border: 1px solid #D2D2D2; border-radius: 10px; background:#fff url(https://img.lifet.co.kr/icon/drop_down_b.svg) no-repeat right 20px center; background-size: 22px; } 
.total_check h3 { margin-top: 40px; font-weight: 700; font-size: 26px; line-height: 130%; } 
.total_check .examineTotal-area .chart-inner { align-items: flex-start; margin: 21px 0 80px; padding: 40px 80px; box-shadow: 0px 0px 30px 5px rgba(174, 174, 174, 0.26); border-radius: 20px; } 
.total_check .examineTotal-area .chart-inner:last-child { margin-bottom: 0; } 
/*.total_check .examineTotal-area .chart-wrap { padding: 0; } 
.total_check .examineTotal-area .lifet-chart { width: auto; height: auto; padding-left: 0; } */
/*.total_check .lifet-chart .scales__ { align-items: end; bottom: 10px; padding: 0 10px 50px 0; } 
.total_check #subcont .lifet-chart .scales__ { left: -9px; padding: 62px 10px 30px 0; } 
.total_check #subcont .vulnerable .lifet-chart .scales__ { padding: 62px 10px 30px 0; } */
.total_check h4 { margin-bottom: 14px; font-weight: 700; font-size: 22px; line-height: 130%; } 
.ai_rig h4 { display: flex; line-height: 1; align-items: center; margin-bottom: 20px; } 
.ai_rig h4 img { width: 26px; margin-left: 4px; vertical-align: top; } 
.total_check .examineTotal-area .lifet-chart .legend__ li { margin: 0 6px;; } 
.total_check .examineTotal-area .lifet-chart .legend__ li:last-child { margin-right: 0; } 
.total_check .lifet-chart .legend__ li span:first-child { width: 10px; height: 10px; margin-right: 6px; padding: 0; border-radius: 38px; } 
/*.total_check .examineTotal-area .lifet-chart .legend__ { margin-bottom: 0; } */
.total_check .tabcont_wrap > div { display: none } 
#subcont > div { height: 0; opacity: 0; overflow: hidden; } 
.total_check .tabcont_wrap > div:first-child { display: block; } 
#subcont > div:first-child, #subcont > .click { height: auto; opacity: 1; overflow: visible; } 
#subcont .m { display: none; } 
#graph01 .web, #graph02 { margin: 0 0 0 -10px; } 
#graph03 { margin-left: -10px; } 
/*.total_check .lifet-chart .legend__ span:last-child { font-size: 14px; font-weight: 500; } */
.lifet-chart .legend__ span:last-child br { display: none; } 
.examineTotal-area .guideList h5 { margin-bottom: 26px; padding-left: 0; } 
.examineTotal-area .guideList li { font-size: 18px; } 
.btn_detail { float: right; margin-top: -30px; padding-right: 27px; color: #666; font-weight: 500; font-size: 20px; line-height: 130%; background: url(https://img.lifet.co.kr/landing/visual/arrow_right.svg) no-repeat right center; background-size: 24px; } 
.total_check .mypage_main_t .good, .total_check .mypage_list span.good { color: #41D2AC; } 
.total_check .mypage_main_t .warn, .total_check .mypage_list span.warn { color: #FF9A50; } 
.total_check .mypage_main_t .bad, .total_check .mypage_list span.bad { color: #F46480; } 
.total_check .mypage_main_t .care, .total_check .mypage_list span.care { color: #FFD15B; } 
.total_check .mypage_list span { font-size: 16px; } 
.total_check .mypage_table tbody tr td:first-child, .total_check .mypage_table tbody tr td:nth-child(2) { font-weight: 600; } 
.vulnerable_left { width: 340px; } 
.vulnerable_left > p { font-weight: 500; font-size: 18px; line-height: 130%; } 
.vulnerable_left > p strong { color: #FF6987; } 
.vulnerable_left #circleChart { width: 340px; margin: 27px 0 0; } 
.vulnerable_left #circleChart .circle-chart { width: 84px; height: 84px; margin-bottom: 10px; } 
.vulnerable_left #circleChart .circle-chart .img img { max-width: 48px; } 
.vulnerable_left #circleChart .circle-chart_lable span { font-size: 18px; } 
.vulnerable_left #circleChart .circle-chart_lable span:first-child { margin-right: 5px; } 
.vulnerable_left #circleChart .circle-chart_lable span:last-child { display: block; margin-top: 5px; font-size: 20px; font-weight: 500; } 
.vulnerable_rig#organsChart { padding: 0; } 
.score_progress span { margin-right: 12px; color: #9E9E9E; font-weight: 500; font-size: 14px; line-height: 130%; } 
.score_progress span::before { content:''; display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 50%; background-color: #E6E6E6; } 
.score_progress span:last-child::before { background-color: #FF6987; } 
.total_check .examineTotal-area .vulnerable_rig .lifet-chart { width: 347px; height: 190px; margin-top: 30px; padding-left: 43px; } 
/*.total_check #organsChart .lifet-chart .canvas__ { height: 140px; } */
.vulnerable_rig .lifet-chart .yAxes__ div span { display: block; color: #FF6987; } 
.vulnerable_rig#organsChart .lifet-chart .yAxes__ { padding: 7px 20px 0; font-size: 16px; } 
.weight_left > p { margin-bottom: 10px; font-weight: 500; font-size: 17px; line-height: 130%; } 
.weight_left > p strong { color: #68A5FE; } 
.weight_rig .bcs_area { display: flex; position: relative; width: 346px; flex-wrap: wrap; } 
.weight_rig .bcs_area .inner { width: 170px; height: 124px; padding: 30px 0; text-align: center; font-weight: 500; font-size: 18px; border: 1.20425px solid #EBEBEB; border-radius: 10px; } 
.weight_rig .bcs_area .inner:first-child { width: 166px; height: 259px; padding: 34px 23px; margin-right: 10px; } 
.weight_rig .bcs_area .inner:last-child { position: absolute; bottom: 0; right: 0; } 
.weight_rig .bcs_area .inner strong { display: block; margin-top: 2px; font-weight: 600; font-size: 26px; line-height: 150%; } 
.weight_rig .bcs_area .inner p strong { display: block; margin-top: 0; font-size: 22px; font-weight: 700; } 
.weight_rig .bcs_area .inner .imgBox { width: 120px; height: 120px; margin-top: 16px; padding: 14px; border-radius: 10px; background-color: #F6C7D5; } 
.weight_rig .bcs_area .inner .imgBox img { width: 100%; } 
.my_score { display: none; } 
.total_check .selectBox__ .list__ { padding: 10px 0; border-radius: 0 0 10px 10px; border: 1px solid #D2D2D2; border-top: 0; box-shadow: none; } 
.total_check .selectBox__ .list__ li { padding: 7px 20px; font-size: 16px; font-weight: 500; } 
.total_check .selectBox__.on .select__ { border-radius: 10px 10px 0 0; background-image: url(https://img.lifet.co.kr/icon/drop_down_b_active.svg); } 
.ai_left { width: 354px; } 
.ai_left .percent { display: flex; align-items: center; justify-content: center; height: 93px; padding: 20px 0; border: 1px solid #D9D9D9; border-radius: 10px; } 
.ai_left .percent strong { display: flex; align-items: center; font-weight: 600; font-size: 18px; text-align: center; } 
.obesityResult .ai_left .percent strong { display: block; } 
.obesityResult .ai_left .percent p strong { display: none; } 
.ai_left .percent strong span { display: block; font-weight: 700; font-size: 28px; line-height: 130%; } 
.ai_left .percent p { height: 100%; margin-left: 20px; padding-left: 20px; padding-top: 6px; font-size: 16px; line-height: 130%; font-weight: 500; border-left: 1px solid #848484; } 
.ai_left .step {display: flex; justify-content: center; margin-top: 10px; height: 240px; padding: 20px 0; border-radius: 10px; border: 0.879px solid #D9D9D9; } 
.ai_left .step > div { display: flex; align-items: center;  flex-flow: column; text-align: center;} 
.ai_left .step > div strong {display: block; margin: 9px 0 2px; font-weight: 600; font-size: 16px; line-height: 130%; } 
.ai_left .step > div p { margin-top: 6px; font-weight: 500; font-size: 14px; line-height: 130%; word-break: keep-all; } 
.ai_left .step > div + div {margin-left: 18px;}
.ai_left .step .img {width: 120px; height: 130px; padding: 25px 20px; border-radius: 8px; background-color: #F5F5F5;}
.ai_left .step.eye  span, .ai_left .step.eyes span {display: inline-block; width: 80px; height: 80px; border-radius: 50%; background-color: #fff;}
.ai_left .step.eye img, .ai_left .step.eyes img {width: 80px;}
.ai_left .step.eyes strong {margin-bottom: 0; font-size: 14px; font-weight: 500; line-height: 130%; }
.ai_left .step.eyes p {margin: 4px 0 0; font-size: 16px; font-weight: 600; line-height: 130%;}
.ai_left .step img { width: 120px; } 
.ai_left .step_teeth {padding: 20px 40px; } 
.ai_left .step_teeth > div + div { flex-flow: column; justify-content: center; margin-left: 34px; margin-top: 0; } 
.ai_left .step_teeth > div:first-child img { width: 106px; height: 180px; margin-right: 0; object-fit: cover; border-radius: 6px; } 
.ai_left .step_teeth > div:last-child div { text-align: center; } 
.ai_left .step_teeth > div:last-child div strong { display: block; margin: 10px 0 4px; font-size: 14px; font-weight: 600; line-height: 130%; } 
.ai_left .step_teeth > div:last-child div p { margin-top: 0; font-size: 12px; font-weight: 500; line-height: 140%; } 
.ai_left .step_teeth > div:last-child img { width: 120px; height: 130px; object-fit: cover; border-radius: 8px;} 
.ai_left .step_obesity {flex-flow: column;}
.ai_left .step_obesity .bcs_img {flex-flow: row; justify-content: center;}
.ai_left .step .bcs_img img { width: 120px; height: 120px; margin: 0; } 
.ai_left .step .bcs_img img + img { margin-left: 16px; } 
.ai_left .step .bcs_img + p { margin: 16px 50px 0; font-size: 15px; line-height: 140%; } 
.weight_rig ul li { display: flex; align-items: center; width: 366px; padding: 10px 14px; border: 1.5px solid #EBEBEB; border-radius: 45px; background-color: #fff; } 
.weight_rig ul li + li { margin-top: 8px; } 
.weight_rig ul li > span { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; margin-right: 20px; border-radius: 50%; background: #F5F5F5; } 
.weight_rig ul li img { width: 51px; height: 51px; } 
.weight_rig ul li p span { display: block; margin-bottom: 2px; color: #666; font-weight: 500; font-size: 16px; line-height: 130%; } 
.weight_rig ul li p strong { font-size: 20px; font-weight: 700; line-height: 130%; } 

.grad_img {display: flex;}
.grad_img .inner {text-align: center;}
.grad_img .inner + .inner {margin-left: 8px;}
.grad_img span {display: block; margin-bottom: 13px; font-size: 20px; font-weight: 600; line-height: 130%; }
.grad_img img {overflow: hidden; width: 192px; height: 300px; object-fit: cover; border-radius: 12px;}

.ai_rig { position: relative; } 
#pop_info.gradPop { position: absolute; top: 42px; left: 0; width: 317px; height: auto; padding: 14px 16px; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.14); border-radius: 12px; background: #fff; } 

.ai_rig [class*="grad_swiper"] .swiper-slide, .ai_rig [class*="grad_swiper"] .swiper-slide img { width: 194px; height: 327px; margin-right: 0; } 
.ai_rig [class*="grad_swiper"] { display: flex; } 
.ai_rig .swiper-slide + .swiper-slide { margin-left: 9px; } 
#pop_info.gradPop .rig dl dt { float: none; margin-bottom: 16px; padding-top: 0; color: #343434 !important; font-weight: 600; font-size: 18px; line-height: 130%; } 
#pop_info.gradPop .rig dl dd { padding: 0; } 
#pop_info.gradPop .rig dl dd p { margin-top: 8px; padding-left: 24px; font-size: 18px; word-break: keep-all; line-height: 150%; background: url(https://img.lifet.co.kr/patella/check.svg) no-repeat left 4px; background-size: 16px; } 
.check_none { margin: 157px 0; width: 100%; text-align: center; } 
#tabcont02 .check_none { margin-top: 200px; } 
.check_none p { font-size: 18px; line-height: 130%; } 
.check_none a { display: inline-block; margin-top: 20px; padding: 10px 18px; color: #68A5FE; font-weight: 600; font-size: 16px; line-height: 24px; border: 1px solid #68A5FE; border-radius: 60px; } 
.sub_tabmenu { display: flex; margin-bottom: 50px; } 
.sub_tabmenu li a { margin-right: 24px; color: #8F8F8F; font-weight: 500; font-size: 18px; line-height: 130%; } 
.sub_tabmenu li a.on { color: #343434; font-weight: 600; } 
#subcont .chart-inner.region_box { display: block; width: 100%; height: auto; margin-bottom: 50px; padding: 40px 0 30px 60px; } 
.region_box h2 { display: inline-block; margin-bottom: 10px; padding-bottom: 0; font-size: 22px; line-height: 130%; border:0; } 
.region_box p { display: none; font-weight: 500; line-height: 130%; } 
#subcont a[href="#pop_info"] img { width: 26px; margin-left: 4px; vertical-align: -5px; } 
.region_box ul { display: flex; flex-wrap: wrap; margin-top: 20px; } 
.region_box ul li { width: 163px; height: 100px; margin: 0 8px 10px 0; border: 1px solid #C9C9C9; border-radius: 15px; } 
.region_box ul li a { display: flex; align-items: center; height: 100%; padding-left: 10px; } 
.region_box ul li a > span { display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; margin-right: 10px; border-radius: 50%; background-color: #F7F7F7; } 
.region_box ul li a img { width: 40px; } 
.region_box ul li a strong { display: block; white-space: nowrap; margin-bottom: 6px; font-weight: 600; font-size: 17px; line-height: 130%; } 
.region_box ul li a strong + span { display: inline-block; padding: 4px 12px; color: #fff !important; font-weight: 600; font-size: 15px; line-height: 130%; background: #FF9A50; border-radius: 37px; } 
.region_box ul li.preparing a strong + span { padding: 0; color: #343434 !important; font-size: 14px; font-weight: 500; background-color: #fff; } 
.region_box ul li a strong + span.check_no { background-color: #B3B3B3; } 
.region_box ul li.active { border: 3px solid #68A5FE; background-color: #DEEBFF; } 
.region_box ul li.active a { padding-left: 8px; } 
.region_box ul li.preparing { opacity: .5; } 
#subcont canvas { width: 390px; } 
#subcont .chart-inner { position: relative; width: 474px; height: 380px; margin-bottom: 0; margin-top: 24px; padding: 40px 54px; } 
#subcont .title + .chart-inner { margin-top: 24px; } 
#subcont .chart-inner2 h4 { margin-bottom: 10px; } 
#subcont .vulnerable .chart-inner2 h4 { margin-bottom: 20px; } 
#subcont .chart-inner2 h4 span.m, #subcont .chart-inner2 h4 + .btn_detail { display: none; } 
#subcont .chart-inner2 p { margin-bottom: 20px; font-weight: 400; font-size: 18px; } 
#subcont .vulnerable .chart-inner2 p { margin-bottom: 40px; } 
#subcont .chart-inner + .chart-inner { margin-left: 22px; margin-top: 24px; } 
#subcont .chart-inner.chart-inner2, #subcont .chart-inner.chart-inner3 { display: block; margin-top: 20px; } 
#subcont02 .chart-inner.chart-inner2, #subcont02 .chart-inner.chart-inner3 { height: 388px; } 
#subcont .wrap {position: relative; display: flex; flex-wrap: wrap; width: 100%; } 
#subcont .wrap.examineTotal-area .chart-inner { height: 453px; margin-top: 24px; } 
#subcont .wrap.examineTotal-area .chart-inner + .chart-inner { padding-left: 40px; } 
#subcont .title { width: 100%; } 
#subcont .disease_score2 {display: flex;  flex-flow: nowrap; flex-wrap: wrap;}
#subcont .disease_score2 li { width: calc(100% / 2 - 8px); height: 100px; margin: 0 0 8px 8px; padding: 15px 0 0 17px; } 
#subcont .disease_score2 li:nth-child(odd) { margin-left: 0; } 
#subcont .examineTotal-area .title h1 { margin-bottom: 0; line-height: 130%; font-size: 26px; } 
#subcont .ai_analysis { width: 100%; height: 444px; } 
#subcont02 h3 { margin-top: 50px; } 
#subcont .examineTotal-area .detailBtn {position: absolute; top: -5px; right: 0; display: flex; justify-content: center; align-items: center; height: 38px; padding: 10px 30px 10px 18px; color: #fff; font-size: 14px;  font-weight: 600; cursor: pointer; border-radius: 30px; background-color: #68A5FE; background-size: 14px; background-position: right 16px center; background-image: url(https://img.lifet.co.kr/icon/arrow_right_w.svg); background-repeat: no-repeat;} 
#subcont02 > .section-wrap { margin-bottom: 50px; } 
#subcont02 .examineTotal-area .detailBtn { top: 0; } 
.diary_area { position: relative; width: 1000px; margin-left: -15px; margin-top: -30px; } 
.swiper_diary { overflow: hidden; position: relative; padding: 15px 15px 0; } 
.swiper_diary .swiper-slide { position: relative; display: flex; align-items: center; width: 473px; height: 146px; margin-right: 23px; margin-bottom: 56px; padding-left: 40px; box-shadow: 0px 0px 20.2388px rgb(0 0 0 / 8%); border-radius: 13.4925px; background: #FFFFFF; } 
.swiper_diary .swiper-slide:last-child { margin-right: 0; } 
.swiper_diary .swiper-slide:first-child { margin-left: 0; } 
.swiper_diary .swiper-slide a { display: flex; align-items: center; } 
.swiper_diary .swiper-slide.active { padding-left: 37px; border: 3px solid #68A5FE; } 
.swiper_diary .swiper-slide .img img { width: 80px; height: 80px; margin-right: 20px; border-radius: 50%; object-fit: cover; } 
.swiper_diary .swiper-slide .name strong { padding-right: 26px; font-weight: 700; font-size: 24px; line-height: 29px; } 
.swiper_diary .swiper-slide .name p { margin-top: 10px; color: #666; font-size: 18px; line-height: 140%; } 
.swiper_diary .swiper-slide .name p span { margin-right: 8px; } 
.swiper_diary .swiper-slide .name p span::before { content: ''; display: inline-block; width: 4px; height: 4px; margin: 0 8px 0 0; vertical-align: middle; border-radius: 50%; background-color: #9A9A9A; } 
.swiper_diary .swiper-slide .name p span:first-child::before { display: none; } 
.diary_area .swiper-button-prev { left: -15px; } 
.diary_area .swiper-button-next { right: -15px; transform: rotate(180deg); } 
.diary_area .swiper-button-next, .diary_area .swiper-button-prev { width: 50px; height: 50px; top: 85px; background: url(https://img.lifet.co.kr/icon/community_arrow.png) no-repeat left top; background-size: 50px; } 
.diary_area .swiper-button-next::after, .diary_area .swiper-button-prev::after { display: none; } 

@media (max-width:767px){
    .new_pet { margin-top: -50px; font-size: 14px; } 
    h2.m_block + .new_pet { margin-top: -52px; } 
    .new_pet::before { width: 14px; height: 14px; margin-right: 4px; } 
    .profile_list { margin: 0; } 
    .profile_list > li { flex: auto; padding-left: 15px; height: 106px; margin-left: 0; margin-bottom: 14px; margin-top: 0; border: 1px solid #fff; } 
    .profile_list > li .img img { width: 60px; height: 60px; } 
    .profile_list > li .name strong { padding-right: 19px; font-size: 18px; line-height: 21px; background-size: 17px; } 
    .profile_list > li .name p { margin-top: 5px; font-size: 14px; } 
    .profile_list > li .name p span { display: inline-block; } 
    .profile_list > li > button { width: 20px; height: 20px; } 
    .animal_list .layer_open { width: 18px; height: 18px; background-size: 18px; } 
    .animal_list .layer_modify { top: 33px; right: 8px; } 
    .mypage_cont .total_check .consult__tab2 ul { margin-top: 0; } 
    .myscore { display: none; } 
    .total_check .selectBox__ { position: static; } 
    .total_check .selectBox__ .select__ { width: 100%; } 
    .my_score { display: flex; align-items: center; justify-content: space-between; height: 100px; margin-top: 30px; padding: 0 23px; box-shadow: 0px 0px 30px 5px rgba(174, 174, 174, 0.26); border-radius: 14px; } 
    .my_score p { font-weight: 600; font-size: 16px; line-height: 130%; } 
    .my_score p span { display: block; margin-top: 6px; font-weight: 400; color: #808080; font-size: 14px; line-height: 130%; } 
    .my_score .right { margin-top: 5px; font-weight: 600; font-size: 28px; line-height: 130%; white-space: nowrap; } 
    .my_score .right strong { margin-left: 10px; font-weight: 700; font-size: 34px; vertical-align: -2px; line-height: 130%; } 
    .my_score .right span { font-weight: 600; font-size: 22px; line-height: 227%; } 
    .total_check h3 { margin-top: 36px; font-size: 20px; } 
    .total_check .partsResult h3 { display: none; } 
    .total_check .examineTotal-area .chart-inner { align-items: center; margin-bottom: 48px; padding: 20px; border-radius: 14px; } 
    .total_check h4 { margin-bottom: 0; font-size: 18px; } 
    .total_check .lifet-chart .legend__ span:last-child br { display: block; }
    .total_check .examineTotal-area .lifet-chart .legend__ li { margin: 0 5px; } 
    .teethResult .wrap .lifet-chart .legend__ li, .partsResult .wrap .lifet-chart .legend__ li {margin: 0 0 0 14px; padding-left: 10px; text-indent: -17px;}
    .ai_rig h4 { margin-bottom: 16px; } 
    .ai_left h4 { margin-bottom: 14px; } 
    .ai_analysis h4 { margin-bottom: 20px; } 
    .ai_rig [class*="grad_swiper"] { overflow: visible; padding:0 14px 42px; } 
    .ai_rig [class*="grad_swiper"] .swiper-pagination { bottom: 10px; } 
    .ai_rig .swiper-slide + .swiper-slide { margin-left: 0; } 
    .weight_rig ul { margin: 10px 0; } 
    .weight_rig ul li { width: auto; } 
    #graph01 { margin-left: -10px; } 
/*    .partsResult #graph01 {margin-top: 42px;}*/
    #subcont .web { display: none; } 
    #subcont .m { display: block; } 
    .total_check .examineTotal-area .guideList { display: none; } 
    /*.total_check .lifet-chart .legend__ li span:first-child { width: 8px; height: 8px; } */
    .total_check .lifet-chart .legend__ span:last-child { font-size: 14px; } 
    .btn_detail { margin-top: -24px; padding-right: 18px; font-size: 16px; background-size: 16px; } 
    .vulnerable_left { width: 100%; margin-bottom: 34px; } 
    .vulnerable_left #circleChart { width: 270px; margin: 20px auto 0; } 
    .vulnerable_left #circleChart .circle-chart .img img { max-width: 40px; } 
    .vulnerable_left #circleChart .circle-chart { width: 70px; height: 70px; margin-bottom: 6px; } 
    .vulnerable_rig#organsChart { min-width: auto; width: 100%; padding: 0; } 
    .vulnerable_left #circleChart .circle-chart_lable span { font-size: 14px !important; } 
    .vulnerable_left #circleChart .circle-chart_lable span:first-child { margin-right: 3px; } 
    .total_check .lifet-chart .scales__ { bottom: 3px; margin-left: -14px; } 
    .total_check #organsChart .lifet-chart { width: 295px; margin: 26px auto 0; padding-left: 30px; } 
    .total_check #organsChart .lifet-chart .canvas__ { flex-grow: 0; height: 136px !important; padding: 0 !important; } 
    #graph02 { margin: 0 auto; margin-left: -10px; } 
    .weight_left, .weight_rig { width: 100%; } 
    .total_check .examineTotal-area .lifet-chart { width: 100%; } 
    .weight_rig .bcs_area { width: 100%; margin-top: 10px; } 
    .weight_left > p { margin-bottom: 20px; } 
    .weight_rig .bcs_area .inner { width: calc(100% / 2 - 4px) !important; height: 94px; padding-top: 20px; font-size: 16px; } 
    .weight_rig .bcs_area .inner:first-child { height: 195px; margin-right: 8px; padding: 20px 0 0; } 
    .vulnerable_left #circleChart .circle-chart_lable span:last-child { margin-top: 3px; } 
    .weight_rig .bcs_area .inner .imgBox { width: 100px; height: 100px; margin: 8px auto 0; } 
    .weight_rig .bcs_area .inner p strong { font-size: 20px; line-height: 130%; } 
    .weight_rig .bcs_area .inner strong { margin-top: 4px; font-size: 20px; } 
    .mypage_cont .rig.total_check {padding-top: 40px; padding-bottom: 0;} 
    .mypage_cont .rig.total_check.push_alarm {padding-top: 48px;} 
    .vulnerable_rig .lifet-chart .scales__ span { font-weight: 500; } 
    .total_check .consult__tab2 { width: 100%; margin-top: 0; background-color: #fff; } 
    .total_check .mypage_list { margin-top: -33px; } 
    .total_check .mypage_list li { padding: 16px 0; } 
    .total_check .tabcont_wrap { margin-bottom: 50px; margin-top: -20px;} 
    .ai_left { width: 100%; margin-right: 0; } 
    .ai_left .percent { height: auto; justify-content: center; padding: 18px 0 18px 0; } 
    .ai_left .percent strong { font-size: 24px; } 
    .obesityResult .ai_left .percent strong { font-size: 16px; } 
    #subcont .obesityResult .ai_left .percent strong span { font-size: 24px; } 
    .obesityResult .ai_left .percent p { padding: 0 0 0 16px; } 
    .obesityResult .ai_left .percent p.style {margin-left: 20px; padding-left: 20px; } 
    .ai_left .percent strong span { z-index: 36; } 
    .ai_left .percent p { margin-left: 10px; padding-left: 16px; padding-bottom: 6px; font-size: 14px; } 
    .ai_left .step { width: 100%; height: auto; padding: 16px 20px; } 
    .ai_left .step_teeth > div:first-child { display: none; } 
    .ai_left .step_teeth > div + div { flex-flow: inherit; width: 100%; margin-top: 0; margin-left: 0; } 
    .ai_left .step_teeth > div:last-child div { flex: 1; margin-left: 10px; text-align: left; } 
    .ai_left .step_teeth > div:last-child div strong { margin: 0 0 10px; font-size: 18px; } 
    .ai_left .step_teeth > div:last-child div p { font-size: 15px; } 
    .ai_left .step .bcs_img { justify-content: center; margin: 0 -20px; } 
    .ai_left .step .bcs_img + p {margin: 16px 0 0; font-size: 15px; } 
    .ai_rig { width: 100%; margin: 0 0 -10px; padding-left: 0; } 
    .ai_rig .inner { display: flex; align-items: center; flex-direction: column; flex-direction: column-reverse; } 
    .ai_rig .gradient { height: 18px; flex-direction: initial; } 
    .ai_rig .gradient .graph { height: 10px; } 
    .ai_rig .img { width: 272px; height: 443px; border-radius: 10px; } 
    .ai_rig .grad_img .inner {flex-direction:column;}
    .grad_img {justify-content: center; margin: 0 -20px;}
    .grad_img span {margin-bottom: 9px; font-size: 15px;}
    .grad_img img {width: 144px; height: 225px; border-radius: 8px;}
    .obesityResult .ai_left .percent p strong { display: block; text-align: left; } 
    #pop_info.gradPop { top: 36px; width: 276px; padding: 16px; } 
    .gradPop button { top: 14px; right: 14px; } 
    #tabcont02 .check_none { margin-top: 276px; } 
    .check_none p { font-size: 18px; } 
    .check_none a { margin-top: 24px; padding: 10px 18px; font-size: 14px; line-height: 130%; background-position: right 16px center; background-size: 14px; } 
    .sub_tabmenu { margin-bottom: 40px; } 
    .sub_tabmenu li a { margin-right: 20px; font-size: 16px; } 
    #subcont a[href="#pop_info"] img { width: 24px; margin-left: 2px; } 
    .mypage_cont .rig #subcont h2 { display: block; font-weight: 700; font-size: 20px; } 
    #subcont .chart-inner.region_box { height: auto; margin: 0; padding: 0 0 22px; border-bottom: 1px solid #E3E3E3; border-radius: 0; box-shadow: none; } 
    .region_box ul { margin-top: 20px; } 
    .region_box ul li { width: calc(100% / 5 - 1px); height: 116px; margin: 0 1px 8px 0; border:0; border-radius: 8px; } 
    .region_box ul li a { flex-flow: column; padding: 8px; text-align: center; } 
    .region_box ul li a > span { width: 50px; height: 50px; margin: 0 0 6px; } 
    .region_box ul li a img { width: 100%; max-width: 32px; } 
    .region_box ul li:nth-child(5n) { margin-right: 0; } 
    .region_box ul li.active { border: 0; } 
    .region_box ul li a strong + span { white-space: nowrap; padding: 3px 8px; font-size: 13px; } 
    .region_box ul li.preparing a strong + span { font-size: 12px; } 
    .region_box ul li a strong { margin-bottom: 4px; font-size: 13px; } 
    .mypage_cont .rig #subcont h1 { margin-bottom: 0; text-align: left; } 
    #subcont .chart-inner { overflow: visible; width: 100%; height: 300px; margin-top: 28px; padding: 24px 20px 14px; } 
    #subcont .chart-inner + .chart-inner { overflow: hidden; height: 329px; margin: 20px 0 0; padding-bottom: 14px; padding-top: 24px; } 
    #subcont .obesityResult .section-wrap + .wrap .chart-inner + .chart-inner { height: auto; } 
    .total_check #subcont #organsChart .lifet-chart { margin: 0 auto; width: auto; padding: 0 10px 0 20px; } 
    #subcont02 > .section-wrap { margin-bottom: 36px; } 
    #subcont .examineTotal-area .detailBtn { position: absolute; right: 0; top: 32px; height: 34px; padding-right: 24px; background-size: 12px; background-position: right 12px center; } 
    #subcont canvas { margin: 0 auto; } 
    #subcont .diff_value { bottom: -20px; padding-right: 0; left: 0; padding-left: 10px; } 
    #subcont .chart-inner2 { height: auto; } 
    #subcont .chart-inner2 h4 span.m { display: inline-block; } 
    #subcont .chart-inner2 h4 span.web { display: none; } 
    #subcont .chart-inner2 p { margin-bottom: 20px; }
    #subcont .disease_score2 li dl dt { margin-bottom: 2px; } 
    #subcont .chart-inner + .chart-inner3 h4 { margin-bottom: 34px; margin-top: 0; } 
    #subcont #organsChart .lifet-chart#Chart_examine04 .canvas__ { height: 148px; padding: 0 10px; } 
    #subcont .lifet-chart#Chart_examine04 .yAxes__ { padding: 14px 0 0 !important; } 
    #subcont .details_examine .lifet-chart .legend__ li { margin: 0 5px !important; padding: 0; text-indent: 0; } 
    #subcont .vulnerable .chart-inner2 h4 { margin-bottom: 11px; } 
    #subcont .vulnerable .chart-inner2 p { margin-bottom: 17px; font-size: 16px; } 
    #subcont .vulnerable .chart-inner2 p br { display: none; } 
    #subcont .surveyResult .chart-inner + .chart-inner3 h4 { margin-bottom: 0; } 
    #subcont #partsScoreChart .legend__, #subcont #partsScoreChart .diff_value { display: none; } 
    #subcont .partsResult .details_examine #organsChart .lifet-chart .canvas__ .value__ .bar__ > .stroke__ i span { width: 30px; font-size: 14px; } 
    #subcont .partsResult .chart-inner.chart-inner3 { padding-bottom: 30px; } 
    #subcont .chart-inner + .chart-inner3 { height: auto; margin-top: 12px; padding-bottom: 24px; } 
    #subcont02 .title { margin-top: 0; } 
    #subcont .examineTotal-area .title h1, #subcont02 h3 { display: block; margin-top: 36px; font-size: 20px; font-weight: 700; } 
    #subcont .title + .chart-inner { margin-top: 20px; padding-bottom: 14px; padding-top: 24px; padding-left: 20px; } 
    #subcont .wrap.examineTotal-area .chart-inner { height: auto; padding-bottom: 24px; } 
    #subcont .wrap.examineTotal-area .chart-inner + .chart-inner { padding-left: 20px; } 
    #subcont .chart-inner { height: auto; margin-top: 20px; } 
    #subcont .details_examine #organsChart .lifet-chart .canvas__ .value__ .bar__ > .stroke__ i span { top: -28px; } 
    #subcont .ai_left .percent strong span { font-size: 36px; } 
    #subcont .ai_left .step > div p { letter-spacing: -0.5px; } 
    .total_check #tabcont02 .mypage_list { margin-top: 0; } 
    #tabcont02 .mypage_list span { top: 17px; } 
    #subcont .chart-inner2 h4 { margin: 0 0 20px; font-size: 20px; } 
    #subcont .chart-inner2 h4 + .btn_detail { /*display: block; */ margin-top: -44px; } 
    #subcont .chart-inner.chart-inner2, #subcont .chart-inner.chart-inner3 { height: auto; } 
    #subcont .lifet-chart .legend__ + .scales__ + .chart__ { padding-top: 35px; padding-left: 10px; } 
    .total_check #subcont .vulnerable .lifet-chart#Chart_examine04 .scales__ { padding: 66px 0 36px 0; } 
    #subcont .lifet-chart .scales__ span { font-size: 12px; } 
    #subcont .chart-inner.chart-inner3.details_examine { padding-bottom: 44px; } 
    #subcont .weight_left .lifet-chart .legend__ { display: none; } 
    .total_check .weight_left h4 + p { margin: 10px 0 0; } 
    #graph03 { margin-top: 0; } 
    #subcont .disease_score2 li { flex: auto; } 
    #subcont01 .chart-inner.chart-inner2 { padding: 0; box-shadow: none; } 
    #subcont01 .chart-inner.vulnerable_left { padding: 24px 20px; box-shadow: 0px 0px 30px 5px rgb(174 174 174 / 26%); } 
    .diary_area { width: auto; margin: 0 -20px; } 
    .swiper_diary { padding: 20px 20px 18px; } 
    .swiper_diary .swiper-slide { width: 103px; height: 120px; margin-right: 9px; margin-bottom:0; padding-left: 0; } 
    .swiper_diary .swiper-slide.active { padding-left: 0; } 
    .swiper_diary .swiper-slide a { flex-flow: column; width: 100%; } 
    .swiper_diary .swiper-slide .name p { display: none; } 
    .swiper_diary .swiper-slide .img img { width: 70px; height: 70px; margin-right: 0; } 
    .swiper_diary .swiper-slide .name strong { padding-right: 0; font-size: 14px; } 
    .diary_area .swiper-button-next, .diary_area .swiper-button-prev { display: none; } 
    .examineTotal-area .title, .details_examine2 .title { font-size: 20px; } 
    .examineTotal-area .title h1 { font-size: 20px;  line-height: 130%; } 
    .examineTotal-area .title h1 + div, .examineTotal-area .title h1 + p { margin: -12px 0 16px; font-size: 14px; line-height: 150%; } 
    .other_floting { z-index: 10001; position: fixed; bottom: 0; width: 100%; } 
    .total_examine .other_floting {margin: 0 -20px;} 
        [class*="grad_swiper"] .swiper-slide, .ai_check .grad_swiper2 .swiper-slide, .ai_rig .grad_swiper1 .swiper-slide {width: 100%; height: 435px; text-align: center;}
}

/*마이페이지 멤버십*/
.membership_plan { position: relative; margin-top: -10px; } 
.membership_plan .tit_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } 
.membe.membership_plan .tit_wraprship_plan .tit_wrap h3 { font-size: 20px; font-weight: 600; line-height: 130%; } 
.membership_plan .tit_wrap span { display: flex; align-items: center; } 
.membership_plan .tit_wrap span img { margin-right: 6px; cursor:pointer; } 
.membership_plan .tit_wrap button { padding: 6px 24px 6px 14px; color: #fff; font-size: 16px; font-weight: 600; line-height: 24px; border-radius: 60px; background: #68A5FE url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat right 8px center; background-size: 16px; } 
.plan_list { margin-bottom: 80px; } 
.plan_list li { position: relative; padding: 20px 30px 22px 24px; border-radius: 15px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); } 
.plan_list li + li { margin-top: 13px; } 
.plan_list li > span { display: block; font-size: 16px; line-height: 130%; } 
.plan_list li strong { display: flex; align-items: center; margin: 6px 0 24px; font-size: 22px; font-weight: 600; line-height: 130%; } 
.plan_list li strong span {/* margin-left: 8px;*/ padding-right: 18px;  color: #68A5FE; background-position: right center; background-repeat: no-repeat; background-image: url(https://img.lifet.co.kr/icon/circle_checked_blue.svg); background-size: 16px; }
.plan_list li strong span.orange { color: #FF8126; background-image: url(https://img.lifet.co.kr/icon/circle_checked_oragne.svg); } 
.plan_list li strong span.blue { background-image: url(https://img.lifet.co.kr/icon/circle_checked.svg); } 
.plan_list li strong span.yellow { color: #FECC19; background-image: url(https://img.lifet.co.kr/icon/circle_checked_yellow.svg); } 
.plan_list li strong span.navy { color: #4B55B7; background-image: url(https://img.lifet.co.kr/icon/circle_checked_navy.svg); } 
.plan_list li strong span.red { color: #FF4539; background-image: url(https://img.lifet.co.kr/icon/circle_checked_red.svg); } 
.plan_list li strong span.purple { color: #7A60CE; background-image: url(https://img.lifet.co.kr/icon/circle_checked_purple.svg); } 
.plan_list li strong em { display: flex; align-items: center; height: 22px; margin-left: 8px; padding: 0 8px; color: #fff; font-size: 14px; font-weight: 600; border-radius: 60px; background-color: #818181; } 
.plan_list li strong em.receipt { background-color: #B3B3B3; } 
.plan_list li .price { font-size: 18px; font-weight: 500; line-height: 130%; } 
.plan_list li .date { margin-top: 10px; color: #666; font-size: 13px; line-height: 130%; } 
.plan_list li .date span {position: relative;  padding-right: 12px; margin-right: 12px;}
.plan_list li .date span::after {content: ''; position: absolute; right: 0; top: 2px; width: 1px; height: 12px; background-color: #D2D2D2;}
.plan_list li .btn_rig {position: absolute; top: 24px; right: 30px; width: 174px;}
.plan_list li .btn_rig button {display: block; width: 100%; padding: 10px 0; font-size: 14px; font-weight: 500; line-height: 130%;  border-radius: 6px; background-color: #EEF1F6;} 
.plan_list li .btn_rig button + button {margin-top: 8px;}

.certificate_wrap {overflow-y: auto; position: relative; height: 82svh; width: 595px; padding: 35px 19px 84px 19px; color:#000;}
.certificate_wrap::-webkit-scrollbar {width: 10px; background-color: transparent;}
.certificate_wrap::-webkit-scrollbar-thumb {background-color: #D9D9D9; border: 3px solid #fff; border-radius: 15px; cursor: pointer;}
.certificate_wrap::-webkit-scrollbar-track {background-color: transparent;}
.btn_pdf {position: absolute; bottom: 0; width: 100%; padding: 10px 20px 16px; text-align: right; border-top: 1px solid #C7C7C7; background-color: #fff;}
.btn_pdf .btn_line {padding: 10px 16px; color: #333; font-size: 14px; font-weight: 500; line-height: 130%; border-radius: 6px; border: 1px solid #CDCDCD;}

.mypage_benefit { overflow: hidden; margin-top: -6px; margin-bottom: 80px; padding-top: 26px; border-radius: 15px; border: 1px solid #D2D2D2; } 
.mypage_benefit .inner01 { display: flex; align-items: center; padding: 0 0 25px; } 
.mypage_benefit .inner01 .left { display: flex; justify-content: center; align-items: center; flex-flow:column; width: 412px; height: 134px; border-right: 1px solid #D9D9D9; } 
.mypage_benefit .inner01 .left span { font-size: 16px; line-height: 130%; } 
.mypage_benefit .inner01 .left strong { display: block; margin-top: 12px; color: #5697F8; font-size: 28px; font-weight: 600; line-height: 130%; } 
.mypage_benefit .inner01 .rig { width: 351px; margin: 0 auto; } 
.mypage_benefit .inner01 .rig p { display: flex; justify-content: space-between; font-size: 16px; line-height: 130%; } 
.mypage_benefit .inner01 .rig p + p { margin-top: 12px; } 
.mypage_benefit .inner01 .rig p strong { font-weight: 500; } 
.mypage_benefit .inner02 { padding: 14px 0; text-align: center; border-top: 1px solid #D2D2D2; background-color: #E8F1FF; } 
.mypage_benefit .inner02 button { position: relative; padding-right: 19px; font-size: 16px; font-weight: 500; line-height: 130%; } 
.mypage_benefit .inner02 button::before { content: ''; position: absolute; right: 0; top: 0; width: 19px; height: 19px; transform: rotate(-90deg); background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; background-size: 19px; } 
.membership_plan .save_money { margin-top: 25px; } 
.membership_plan .money_head .inner, .membership_plan .save_money ul li .inner, .planManagement_pop .money_head .inner, .planManagement_pop .save_money ul li .inner { flex: 1; width: auto; padding: 14px 0; } 
.membership_plan .save_money ul li .inner:first-child, .membership_plan .save_money ul li .inner:nth-child(3), .membership_plan .save_money ul li .inner:last-child, .planManagement_pop .save_money ul li .inner:first-child, .planManagement_pop .save_money ul li .inner:nth-child(3), .planManagement_pop .save_money ul li .inner:last-child { width: auto; color: inherit; font-weight: inherit; font-size: inherit } 

.modal-dialog .planManagement_pop .content-area { width: 856px; height: 600px; padding-top: 70px; } 
.modal-dialog .planManagement_pop .head, .modal-dialog .planManagement_pop .head div:first-child { height: 70px; font-size: 22px; } 
.planManagement_pop .contentWrap { overflow-y: auto; max-height: 530px; } 
.planManagement_pop .pop_tabmenu { display: flex; margin: -30px -30px 30px; padding: 0 30px; border-bottom: 2px solid #E3E3E3; box-shadow: none; } 
.planManagement_pop .pop_tabmenu a { position: relative; display: block; padding: 16px 35px; color: #8F8F8F; font-size: 16px; line-height: 130%; } 
.planManagement_pop .pop_tabmenu a.active { color: inherit; font-weight: 600; } 
.planManagement_pop .pop_tabmenu a.active::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 3px; background-color: #68A5FE; } 
.planManagement_pop .tabcont:nth-child(2) { display: none; } 
.planManagement_pop .tit_wrap { display: flex; justify-content: space-between; padding-bottom: 14px; border-bottom: 2px solid #E3E3E3; } 
.planManagement_pop .tit_wrap h2 { font-size: 18px; font-weight: 700; line-height: 130%; } 
.planManagement_pop .tit_wrap button { color: #808080; font-size: 16px; font-weight: 500; line-height: 130%; text-decoration: underline; } 
.planManagement_pop .info { margin-bottom: 40px; padding: 14px 0; border-bottom: 1px solid #E3E3E3; } 
.planManagement_pop .info > p, .planManagement_pop .info > .range { position: relative; display: flex; padding: 10px 0; font-size: 16px; font-weight: 500; line-height: 150%; } 
.planManagement_pop .info .show { cursor: pointer; } 
.planManagement_pop .info .show::after { content: ''; width: 20px; height: 20px; margin-right: 20px; opacity: .7; background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; background-size: 20px; } 
.planManagement_pop .info .show.toggle::after { transform: rotate(180deg); } 
.planManagement_pop .info.detail { display: none; position: relative; margin-bottom: 0; border-bottom:0; background-color: #F8F8F8; } 
.planManagement_pop .info p span, .info .range span { display: inline-block; width: 190px; padding-left: 40px; color: #808080; vertical-align: top; } 
.planManagement_pop .info.detail p span { width: 190px; } 
.planManagement_pop .info.detail p span br {display: none;}
.planManagement_pop .pet .info.detail span img {width: 20px; margin-left: 2px; vertical-align: -5px;}
.planManagement_pop .info p strong, .planManagement_pop .info > .range .list {position: relative; display: inline-block; flex: 1;  font-weight: 500; }
.planManagement_pop .info > .range {padding: 0;}
.planManagement_pop .info.detail .help_pop {top: 95px; left: 40px;}
.planManagement_pop .info.detail .range + .help_pop {top: 197px;}
.planManagement_pop .info.detail .range .help_pop {left: auto; right: 0; top: 100px; font-size: 13px;}
.planManagement_pop .info.detail .help_pop p {margin-bottom: 20px;}
.planManagement_pop .info.detail .help_pop p.bullet.none {margin-top: 10px; color: #666;}
.planManagement_pop .info.detail .help_pop p.none::before {display: none;}
.planManagement_pop .info > .range .list p.bullet {color: #343434; font-size: 16px; font-weight: 500; line-height: 150%; }
.planManagement_pop .info > .range .list p.bullet::before {width: 3px; height: 3px;}
.planManagement_pop .info .wrap { display: flex; flex-wrap: wrap; } 
.planManagement_pop .info .wrap p { width:50%; } 
.planManagement_pop .save_money { margin-top: -2px; background-color: #fff; } 
.planManagement_pop .save_money ul { margin-bottom: 40px; } 
.planManagement_pop .save_money ul li .inner { font-weight: 500; line-height: 130%; } 
.planManagement_pop .save_money ul li .inner:nth-child(2) { color: #808080; } 
.planManagement_pop .btn_line { width: 100%; height: 44px; font-size: 16px; font-weight: 600; } 
.planManagement_pop .save_money .empty { padding: 89px 0; color: #999; font-size: 16px; line-height: 150%; text-align: center; } 
.plan_agree .scroll { overflow-y: scroll; height: 306px; } 
.plan_agree .scroll p { color: inherit; } 
.plan_agree .scroll p:first-child { margin-top: 0; } 
.plan_agree h3 { margin: 14px 0 8px; font-size: 16px; } 

.tabContent2.membership_benefit h3 { margin-bottom: -4px; padding-bottom: 0; font-size: 20px; } 
.tabContent2.membership_benefit p { margin: 0; color: inherit; font-size: 16px; text-indent: 0; } 
.membership_benefit ul { display: flex; flex-wrap: wrap; margin-left: -17px; margin-top: 3px; } 
.membership_benefit ul li { position: relative; width: calc(100% / 2 - 17px); margin: 17px 0 0 17px; padding: 30px 24px; border-radius: 12px; border: 1px solid #D2D2D2; } 
.membership_benefit ul li strong { display: block; margin: 2px 0 11px; font-size: 22px; font-weight: 600; line-height: 130%; } 
.membership_benefit ul li p { font-size: 16px; font-weight: 500; line-height: 130%; } 
.membership_benefit ul li img { position: absolute; top: 38px; right: 24px; width: 74px; border-radius: 50%; } 
.membership_benefit ul li .img { overflow: hidden; position: absolute; top: 38px; right: 24px; width: 74px; height: 74px; display: flex; align-items: center; border-radius: 50%; } 
.membership_benefit ul li .img img { position: static; width: 100%; border-radius: 0; } 
.membership_benefit ul li a { float: right; margin-top: 36px; margin-bottom: -15px; padding: 6px 10px; color: #808080; font-size: 12px; font-weight: 600; line-height: 130%; border-radius: 60px; border: 1px solid #808080; } 
.membership_benefit ul li a::before { content: ''; position: absolute; left: 24px; bottom: 53px; width: calc(100% - 48px); height: 1px; background-color: #EFEFEF; } 
.section_signout .form__ .btn_area.plan_withdraw { display: block; margin-top: 30px; } 
.section_signout .form__ .btn_area.plan_withdraw button { display: block; width: 100%; height: 44px; margin-bottom: 10px; font-size: 16px; font-weight: 700; line-height: 24px; cursor: pointer; border: 0; border-radius: 60px; } 
.section_signout .form__ .btn_area.plan_withdraw button.btn_blue { color: #fff; background-color: #68A5FE; } 
.section_signout .form__ .btn_area.plan_withdraw button.btn_line { color: #68A5FE; border: 1px solid #68A5FE; background-color: #fff; } 
.signout__ .later__ .plan_withdraw button { width: 420px; height: 44px; margin-top: 135px; } 
#container.membership_withdraw { max-width: none; } 

.withdrw_step01 .top { margin-top: -16px; text-align: center; } 
.withdrw_step01 .top img { width: 92px; height: 92px; border-radius: 50%; object-fit: cover; } 
.withdrw_step01 .top p { margin-top: 10px; font-size: 22px; font-weight: 600; line-height: 130%; } 
.withdrw_step01 ul { margin-bottom: 40px; } 
.withdrw_step01 ul li { position: relative; padding: 14px 23px; font-size: 20px; font-weight: 500; } 
.withdrw_step01 ul li > span { font-size: 18px; } 
.withdrw_step01 ul li p { margin-top: 4px; font-size: 22px; font-weight: 500; line-height: 130%; } 
.withdrw_step01 ul li strong { display: block; font-weight: 700; } 
.withdrw_step01 ul li img { position: absolute; right: 23px; top: 15px; width: 88px; } 
.signout__.widthdrw { height: auto; } 
.signout__.widthdrw .btn_area { margin-bottom: 0; } 
.signout__.widthdrw .form__ { padding-bottom: 50px; } 
.withdrw_step02 .top { margin-bottom: 30px; font-size: 20px; font-weight: 600; line-height: 130%; text-align: center; } 
.withdrw_step02 .price_box { width: 287px; margin: 0 auto 40px; padding: 40px 30px; background-color: #F5F7FA; } 
.withdrw_step02 .price_box.penalty { margin-bottom: 40px; padding: 30px; } 
.withdrw_step02 .m_bullet { width: 268px; margin-left: 80px; } 
.withdrw_step02 .m_bullet:first-of-type { margin-top: -28px; } 
.price_box .tit_area { text-align: center; } 
.price_box .tit_area p { font-size: 16px; font-weight: 600; line-height: 130%; } 
.price_box .tit_area strong { display: block; margin: 12px 0; color: #5697F8; font-size: 28px; font-weight: 600; line-height: 130%; } 
.price_box.penalty .tit_area strong { color: #F84E4C; } 
.price_box.penalty .price { margin-top: 20px; padding-top: 20px; } 
.price_box .tit_area span { color: #666; font-size: 16px; font-weight: 400; line-height: 130%; } 
.price_box .price { margin-top: 30px; padding-top: 30px; border-top: 1px solid #D9D9D9; } 
.price_box .price p { display: flex; justify-content: space-between; font-size: 16px; line-height: 130%; } 
.price_box .price p + p { margin-top: 16px; } 
.price_box .price p strong { font-weight: 500; } 

.benefit_pop .banefit_wrap { display : flex; justify-content: space-between; align-items: center; width: 828px; margin: 0 -30px; padding: 30px 30px 110px; border-bottom: 1px solid #D9D9D9; } 
.benefit_pop .banefit_wrap .left strong { display: block; margin-bottom: 4px; font-size: 18px; font-weight: 700; line-height: 130%; } 
.benefit_pop .banefit_wrap .left p { margin-bottom: 20px; font-size: 16px; font-weight: 500; line-height: 130%; } 
.benefit_pop .banefit_wrap span { margin-top: 4px; margin-right: 10px; } 
.benefit_pop .banefit_wrap img { width: 220px; vertical-align: top; } 
.benefit_pop .btn_line { float: right; margin-left: 10px; margin-top: 16px; margin-bottom: -14px; padding: 10px 16px; } 

.membership_plan .pop_info { display: none; z-index: 1; position: absolute; right: 0; top: 50px; width: 335px; padding: 14px 14px 20px; border-radius: 8px; background: #FFF; box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.14); } 
.membership_plan .pop_info.show { display: block; } 
.membership_plan .pop_info h4 { margin-bottom: 10px; font-size: 16px; font-weight: 600; line-height: 130%; } 
.membership_plan .pop_info h5 { color: #808080; font-size: 14px; font-weight: 400; line-height: 140%; } 
.membership_plan .pop_info > p { margin: 5px 0 12px; font-weight: 500; line-height: 140%; font-size: 14px;} 
.membership_plan .pop_info .doc { display: flex; } 
.membership_plan .pop_info .doc h5 { margin-right: 16px; } 
.membership_plan .pop_info .doc .rig { line-height: 140%; font-size: 14px;} 
.membership_plan .pop_info .doc .rig .bullet {font-size: 14px;}
.membership_plan .pop_info .doc .rig strong { display: block; margin-top: 8px; font-size: 14px; font-weight: 500; } 
.membership_plan .pop_info .doc .rig strong:first-child { margin-top: 0; } 
.membership_plan .pop_info button { position: absolute; top: 14px; right: 14px; width: 20px; height: 20px !important; text-indent: -9999px; border: 0; opacity: .7; background: url(https://img.lifet.co.kr/icon/btn_x.svg) no-repeat right center; background-size: 20px; } 

.sign_complete .signout__ { width: 570px; height: auto; } 
.inner_complete { padding: 56px 91px 56px; text-align: center; } 
.inner_complete > p { margin: 0 0 8px; font-size: 28px; font-weight: 600; line-height: 130%; } 
.inner_complete > span {display: block; margin: 0 -50px 14px; font-size: 20px; font-weight: 400; line-height: 150%; } 
.complete_coupon {margin-bottom: 50px;}
.complete_coupon img {width: 304px;}
.complete_coupon h2 {margin: 16px 0 10px; font-size: 20px; font-weight: 600;}
.complete_coupon p {color: #808080; font-size: 13px;}
.pack_wrap { display: flex; justify-content: center; } 
.pack_wrap .pack + .pack { margin-left: 24px; } 
.pack_wrap .pack:first-child div { background-color: #9CC4FF; } 
.pack_wrap .pack div { position: relative; width: 121px; height: 160px; padding-top: 20px; border-radius: 6px; background-color: #fff; } 
.pack_wrap .pack div p { margin-bottom: 10px; font-size: 17px; font-weight: 900; line-height: 115%; } 
.pack_wrap .pack div strong { display: block; font-size: 26.829px; font-weight: 900; line-height: 115%; } 
.pack_wrap .pack div span { position: absolute; bottom: 0; left: 0; width: 100%; padding: 13px 0 15px; font-size: 9.739px; font-weight: 500; line-height: 115%; letter-spacing: 1.364px; border-top: 1px dashed #8F8F8F; } 
.pack_wrap .pack:first-child div span { border-color: #fff; } 
.pack_wrap .pack > p { margin: 15px 0 26px; font-size: 12px; font-weight: 700; line-height: 135%; letter-spacing: -0.6px; } 
.inner_complete .btn_area { display: flex; margin-bottom: 0; } 
.inner_complete .btn_area button { width: calc(100% / 2 - 3px); height: 48px; padding: 12px 0; font-size: 16px; font-weight: 700; border-radius: 60px; } 
.inner_complete .btn_area button.gray { border-color: #EAEAEA; background-color: #EAEAEA; } 
.inner_complete .btn_area button + button { margin-left: 12px; } 
.money_head { display: flex; border-top: 1px solid #E3E3E3; background-color: #FAFAFA; } 
.money_head .inner { width: 170px; padding: 14px 54px; font-weight: 600; font-size: 15px; line-height: 130%; text-align: center; } 
.money_head .inner:nth-child(3), .save_money ul li .inner:nth-child(3) { width: 460px; } 
.save_money ul li .inner:nth-child(3) { font-weight: 600; font-size: 14px; line-height: 130%; } 
.save_money ul li .inner:nth-child(3) span { margin-left: 10px; color: #808080; font-weight: 400; } 
.save_money ul li .inner:first-child { color: #808080; } 
.save_money ul { margin-bottom: 50px; border-bottom: 1px solid #E3E3E3; } 
.save_money ul li { display: flex; } 
.save_money ul li .inner { width: 170px; padding: 14px 0; text-align: center; } 
.save_money ul li .inner:last-child { color: #999; font-weight: 600; font-size: 16px; line-height: 130%; }
.plan_add a {display: flex; align-items: center; justify-content: center; height: 56px; margin-top: 13px; color: #68A5FE; font-size: 16px; font-weight: 600; line-height: 130%; border-radius: 8px; background-color: #F4F4F8;}
.plan_add a::before {content: ''; display:inline-block; width: 22px; height: 22px; margin-right: 2px; background: url(https://img.lifet.co.kr/icon/plus_blue.svg) no-repeat center; background-size: 22px;}


@media (max-width:767px) {
    .mypage_cont .rig h2.m_block.border_none + .consult__tab2 {margin-bottom: 40px;}
    .membership_plan {margin-top: 22px;}
    .membership_plan .tit_wrap { margin-bottom: 12px; } 
    .membership_plan .tit_wrap h3 { font-size: 16px; } 
    .membership_plan .tit_wrap button { padding: 6px 18px 6px 8px; font-size: 14px; line-height: 130%; background-size: 12px; background-position: right 6px center; } 
    .plan_list { margin-bottom: 50px; } 
    .plan_list li { border-radius: 14px; padding: 16px 14px; border: 1px solid #fff; } 
    .plan_list li + li { margin-top: 8px; } 
    .plan_list li > span { font-size: 14px; } 
    .plan_list li strong { margin: 4px 0; font-size: 18px; } 
    .plan_list li .price { font-size: 16px; } 
    .plan_list li .date { margin-top: 12px; }
    .plan_list li .btn_rig {position: static; display: flex; width: 100%; margin-top: 12px;}
    .plan_list li .btn_rig button + button {margin: 0 0 0 5px;}
    .plan_list li strong em { height: 23px; font-size: 13px; } 
    .plan_agree .m_scroll { overflow-y: scroll; height: 65svh; font-size: 14px;} 
    .membership_benefit > p { display: none; } 
    .mypage_benefit { margin-top: 13px; margin-bottom: 50px; padding-top: 30px; border-radius: 14px; } 
    .mypage_benefit .inner01 { flex-flow: column; padding: 0 24px 30px; } 
    .mypage_benefit .inner01 .left { width: 100%; height: auto; padding-bottom: 24px; border-right: 0; border-bottom: 1px solid #D9D9D9; } 
    .mypage_benefit .inner01 .rig { width: 100%; padding: 24px 0 0; } 
    .membership_plan .save_money { margin-top: 18px; } 
    .membership_plan .money_head .inner, .membership_plan .save_money ul li .inner { flex: inherit; width: auto; } 
    .membership_plan .save_money ul li .inner:nth-child(3) {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 46%; font-size: 16px; font-weight: 600; } 
    .membership_plan .save_money ul { padding: 21px 0; } 
    .membership_plan .save_money ul li { position: relative; height: 50px; margin: 0; padding: 0; } 
    .membership_plan .save_money ul li + li { margin-top: 26px; } 
    .membership_plan .save_money ul li .inner { padding: 0; font-size: 14px;} 
    .membership_plan .save_money ul li .inner:nth-child(1) { order: 4; position: absolute; top: 30px; left: 0; margin: 0; padding: 0; color: #666; font-size: 14px; font-weight: 400; } 
    .membership_plan .save_money ul li .inner:nth-child(2) { position: static; font-size: 16px; font-weight: 600; } 
    .membership_plan .save_money ul li .inner:nth-child(2)::before { content: '/'; margin: 0 4px; } 
    .membership_plan .save_money ul li .inner:nth-child(4) { order: 5; position: absolute; top: 30px; left: 78px; color: #666; } 
    .membership_plan .save_money ul li .inner:nth-child(4)::before, .planManagement_pop .save_money ul li .inner:nth-child(4)::before { content: ''; display: inline-block; vertical-align: 3px; margin-right: 5px; width: 2px; height: 2px; background-color: #666; } 
    .membership_plan .save_money ul li .inner:nth-child(5) { order: 3; position: absolute; right: 0; font-size: 18px; font-weight: 600; } 
    .membership_plan .save_money ul li .inner:last-child { order: 6; position: absolute; right: 0; bottom: 0; color: #666; font-size: 14px;} 

    .membership_benefit ul { margin-top: 4px; } 
    .membership_benefit ul:last-child { margin-bottom: 50px; } 
    .membership_benefit ul li { width: 100%; margin-top: 12px; padding: 20px; } 
    .membership_benefit ul li img { top: 34px; border-right-width: 20px; width: 60px; } 
    .membership_benefit ul li .img { top: 34px; right: 20px; width: 60px; height: 60px; } 
    .membership_benefit ul li strong { margin: 2px 0 12px; font-size: 20px; } 
    .tabContent2.membership_benefit p { font-size: 14px; } 
    .membership_benefit ul li a::before { bottom: 48px; width: calc(100% - 40px); } 
    .membership_benefit ul li a { margin-top: 29px; margin-bottom: -10px; } 

    .modal-dialog .planManagement_pop .content-area { overflow-y: auto; width: 100%; height: 100svh; padding-top: 60px; } 
    .planManagement_pop .contentWrap { overflow: hidden; max-height: none; } 
    .modal-dialog .planManagement_pop .head, .modal-dialog .planManagement_pop .head div:first-child { height: 60px; font-size: 16px; } 
    .planManagement_pop .tit_wrap { padding-bottom: 12px; } 
    .planManagement_pop .tit_wrap h2 { font-size: 16px; } 
    .planManagement_pop .tit_wrap button { font-size: 14px; } 
    .planManagement_pop .info { margin-bottom: 50px; padding: 22px 0; } 
    .planManagement_pop .info .show::after { margin-right: 0; } 
    .planManagement_pop .info.detail { margin-top: 12px; padding: 12px; } 
    .planManagement_pop .info p { padding: 0; font-size: 16px; } 
    .planManagement_pop .info p ~ p { margin-top: 16px; } 
    .planManagement_pop .info.detail > p span { display: block; } 
    .planManagement_pop .info p span { width: 89px; padding-left: 0; } 
    .planManagement_pop .save_money ul { margin-bottom: 50px; padding: 21px 0; } 
    .planManagement_pop .save_money ul li { height: 50px; padding: 0; } 
    .planManagement_pop .save_money ul li + li { margin: 26px 0 0; } 
    .planManagement_pop .save_money ul li .inner { margin: 0; padding: 0; } 
    .planManagement_pop .save_money ul li .inner:nth-child(1) { order: 0; margin: 0; font-size: 16px; font-weight: 600; } 
    .planManagement_pop .save_money ul li .inner:nth-child(2) { order: 2; right: auto; left: 0; top: 30px; font-size: 14px; font-weight: 400; } 
    .planManagement_pop .save_money ul li .inner:nth-child(3) { order: 1; position: absolute; right: 0; font-size: 18px; font-weight: 600; } 
    .planManagement_pop .save_money ul li .inner:nth-child(4) { order: 3; right: auto; left: 78px; top: 30px; color: #666; font-size: 14px; font-weight: 400; } 
    .planManagement_pop .btn_line { margin-bottom: 32px; } 
    .planManagement_pop .info.detail p { flex-flow: column; } 
    .planManagement_pop .pet .info.detail p {flex-flow:nowrap; align-items: center; margin-bottom: 24px; margin-top: 0;}
    .help_pop p, .planManagement_pop .info.detail .help_pop p {margin-bottom: 12px;}
    .planManagement_pop .info > .range .list p.bullet {margin-bottom: 0;}
    .planManagement_pop .pet .info.detail p span {width: 115px; margin-bottom: 0;}
    .planManagement_pop .info.detail p span { display: block; margin-bottom: 4px; } 
    .planManagement_pop .info.detail p span br { display: none; } 
    .planManagement_pop .pet .info.detail p span br { display: block; } 
    .planManagement_pop .info > .range .list button {right: 0;}
    .info .range span {width: 115px; padding-left: 0;}
    .planManagement_pop .info .wrap { margin-left: -24px; } 
    .planManagement_pop .info .wrap p { width: auto; margin-top: 30px; margin-left: 24px; } 
    .planManagement_pop .info .wrap p span { width: auto; } 
    .planManagement_pop .save_money .empty { padding: 75px 0; font-size: 15px; } 
    .plan_agree .scroll { overflow: hidden; height: auto; margin-bottom: 50px; } 
    .plan_agree .m_scroll { overflow-y: scroll; height: 65svh; } 
    .membership_withdraw .section_signout .form__ { padding: 30px 20px 0; } 
    .signout__ .later__ .plan_withdraw { position: absolute; bottom: 0; width: 100%; margin-bottom: 50px; padding: 0 20px; } 
    .signout__ .later__ .plan_withdraw button { width: 100%; } 
    .planManagement_pop .pop_tabmenu { margin: -17px 0 30px; padding: 0; } 
    .planManagement_pop .pop_tabmenu li { flex: 1; } 
    .planManagement_pop .pop_tabmenu li a { display: block; padding: 13px 0; text-align: center; } 
    .planManagement_pop .info.detail .help_pop {top: 85px; left: 0;}
    .planManagement_pop .info.detail .range + .help_pop {top: 205px; left: 0;}
    .planManagement_pop .info.detail .range .help_pop {right: -14px; top: 100px;}

    .withdrw_step01, .withdrw_step02 { padding-bottom: 40px; } 
    .withdrw_step01 .top p { font-size: 20px; } 
    .withdrw_step01 ul li { padding: 12px 23px; } 
    .withdrw_step01 ul li > span { font-size: 16px; } 
    .withdrw_step01 ul li p { font-size: 20px; } 
    .withdrw_step01 ul li img { right: 19px; top: 15px; width: 82px; } 
    .membership_withdraw .section_signout { height: auto; } 
    .withdrw_step02 .m_bullet { width: 245px; margin: 0 auto; } 

    .benefit_pop .banefit_wrap { width: auto; flex-flow: column-reverse; align-items: inherit; margin: 0; padding: 0; border-bottom: 0; } 
    .benefit_pop .banefit_wrap .left { padding-bottom: 50px; } 
    .benefit_pop .banefit_wrap .left strong { margin-bottom: 8px; } 
    .benefit_pop .banefit_wrap img { position: relative; left: 50%; margin: 0 0 0 -110px; vertical-align: top; } 
    .benefit_pop .banefit_wrap span { display: block; margin-top: -10px; margin-bottom: 20px; } 
    .benefit_pop .contentWrap { overflow-y: auto; min-height: 90svh; } 
    .benefit_pop .btnGroup { width: calc(100% - 40px); position: absolute; bottom: 30px; left: 20px; background-color: #fff; } 
    .benefit_pop .btnGroup button { width: 100%; margin-left: 0; } 
    .benefit_pop .btnGroup button + button { margin-top: 20px; } 

    .membership_plan .tit_wrap span img { width: 24px; } 
    .membership_plan .pop_info { top: 40px; width: 100%; } 
    .inner_complete {position: relative; min-height: 660px; height: calc(100svh - 48px); padding: 50px 20px 0; } 
    .inner_complete > p { margin: 0 0 6px; font-size: 24px; }
    .inner_complete .btn_area {position: absolute; bottom: 48px; width: calc(100% - 40px); }
    .sign_complete .signout__ { width: 100%; } 
    .sign_complete .section_signout { height: auto; } 
    .inner_complete > span {margin: 0; font-size: 16px; } 
    .complete_coupon {width: 313px; margin: 12px auto 49px; } 
    .complete_coupon > strong { font-size: 26px; } 
    .complete_coupon > p { margin: 9px 0 22px; } 
    .pack_wrap .pack div { width: 110px; height: 145px; padding-top: 18px; } 
    .pack_wrap .pack div p { margin-bottom: 9px; font-size: 16px; } 
    .pack_wrap .pack div strong { font-size: 24.27px; } 
    .pack_wrap .pack div span { padding: 12px 0 14px; font-size: 8.8px; } 
    .pack_wrap .pack > p { margin: 14px 0 23px; } 
    .inner_complete .btn_area button + button { margin-left: 7px; } 

    .money_head { display: none; }
    .plan_add a {height: 48px; margin-top: 8px; font-size: 15px;}

    .modal-dialog .certificate_pop {overflow: hidden;}
    .certificate_wrap {height: auto; transform-origin: top left;}
    .btn_pdf {position: fixed; padding: 30px 20px; border-top: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);}
    .btn_pdf .btn_line {width: 100%; height: 44px; padding: 10px 0; font-size: 16px; background-color: #fff;}
}

/* 주문/배송,교환,반품,취소 */
.contentWrap .btn_blue {width: 100%; height: 52px; margin-top: 30px; font-size: 18px; border-radius: 60px;}
.order .mypage_cont .rig h2 { font-size: 24px; } 
.order_wrap { margin-top: 30px; } 
h2 + .order_wrap { margin-top: 0; } 
.order_wrap .date { margin-bottom: 12px; font-weight: 500; font-size: 18px; line-height: 130%; } 
.order_wrap .date > span { margin-left: 14px; } 
.order_wrap .date button {display: flex; align-items: center; float: right; color: #666; font-size: 16px; font-weight: 500; line-height: 130%; } 
.order_wrap .date button::after { content:''; display: inline-block; width: 20px; height: 20px; vertical-align: top; background: url(https://img.lifet.co.kr/icon/arrow_right.svg) no-repeat center; background-size: 20px; } 
.order_list { border-top: 1px solid #E6E6E6; } 
.order_list li { display: flex; justify-content: center; flex-wrap: wrap; padding-left: 14px; border-bottom: 1px solid #E6E6E6; } 
.order_list li .inner { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex: 1; padding: 30px 0; text-align: center; } 
.order_list li .inner:first-child > a { display: flex; width: 556px; align-items: center; text-align: left; } 
.order_list li .inner:first-child > a + a { margin-top: 30px; padding-top: 30px; border-top: 1px solid #E6E6E6; } 
.order_list li .inner:nth-child(2) { flex-flow: column; font-weight: 500; font-size: 18px; line-height: 130%; border: 1px solid #E6E6E6; border-width: 0 1px; } 
.order_list li .inner:nth-child(3) { flex-flow: column; padding: 0; } 
.order_list li .inner:nth-child(3) a { width: 136px; margin: 3px 0; padding: 10px 0; } 
.order_list .thumbnail { overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; margin-right: 24px; text-align: center; border-radius: 4px; } 
.order_list .thumbnail img { max-height: 120px; } 
.order_list .info > * { display: block; } 
.order_list .info > span { color: #808080; font-weight: 500; font-size: 13px; line-height: 130%; } 
.order_list .info p { color: #808080; font-size: 13px; line-height: 130%; } 
.order_list .info .price {display: none;}
.order_list .info p.date { margin-top: 16px; color: #343434; font-size: 14px; } 
.order_list .info p > span { display: block; margin-top: 2px; } 
.order_list .info p > span span::before { content: '/ '; padding-left: 4px; } 
.order_list .info strong { width: 380px; margin: 4px 0 8px; font-weight: 500; font-size: 15px; line-height: 130%; } 
.order_list li .inner:nth-child(2) strong { display: block; margin-bottom: 10px; font-weight: 600; font-size: 18px; line-height: 130%; } 
.order_list li .inner:nth-child(2) .invoice { margin-top: -2px; font-size: 14px; } 
.order_list li .inner:nth-child(2) p span { font-size: 16px; font-weight: 400; } 
.order_list li .inner:nth-child(3) strong { display: block; font-weight: 600; font-size: 18px; line-height: 130%; } 
.invoice { display: block; margin-top: 8px; color: #808080; font-size: 14px; font-weight: 400; line-height: 130%; } 
.order h3 { margin-top: 50px; padding-bottom: 14px; font-weight: 700; font-size: 20px; line-height: 130%; border-bottom: 2px solid #E3E3E3; } 
.arrow_up { padding-top: 14px; cursor: pointer; border-top: 2px solid #E3E3E3 } 
.arrow_up::after { content: ''; display: inline-block; width: 22px; height: 22px; margin-left: 9px; vertical-align: top; background: url(https://img.lifet.co.kr/icon/arrow_up.svg) no-repeat center; } 
.arrow_up.open::after { transform: rotate(180deg); vertical-align: middle; } 
.order_detail, .order_detail2 { padding: 14px 0; border-bottom: 1px solid #E3E3E3; } 
.order_detail p, .order_detail2 p { padding: 12px 0; font-size: 16px; } 
.order_detail2 + p.bullet { margin-top: 20px; margin-left: 20px; color: #808080; text-indent: -23px; line-height: 150%; } 
.order_detail p span, .order_detail > div > span { display: inline-block; width: 190px; padding-left: 50px; font-size: 16px; font-weight: 500; color: #808080; } 
.order_detail > div { display: flex; padding: 14px 0; border-bottom: 1px solid #E3E3E3; } 
.order_detail > div p { padding: 9px 0 0; color: #666; font-size: 12px; line-height: 150%; } 
.order_detail > .first { align-items: center; padding-top: 0; } 
.order_detail > .first div { margin: 5px 0; } 
.order_detail > .first div strong { font-weight: 500; font-size: 16px; line-height: 150%; } 
.order_detail > .first div strong:first-child { margin-right: 146px; } 
.order_detail select { width: 225px; height: 38px; padding: 10px 18px; color: #808080; font-size: 14px; font-weight: 400; vertical-align: top; border-radius: 6px; } 
.order_detail input[type="text"] { width: 392px; margin-right: 14px; margin-left: 6px; } 
.send_back > p { padding: 0; } 
.send_back > div > span, .send_back > p span { margin: 12px 0; } 
.send_back > div > span, .send_back p span { width: 229px; } 
.send_back > .second { margin-bottom: 14px; padding: 0; } 
.send_back > .second div { margin: 12px 0; padding-bottom: 9px; } 
.send_back dl dt { margin-bottom: 10px; font-weight: 600; font-size: 16px; line-height: 150%; } 
.send_back dl dd { margin-top: 6px; color: #E94061; } 
.send_back dl dd span { font-weight: 600; } 
.send_back dl dd.bullet:last-child { color: #343434; } 
.send_back dl dd.bullet:last-child::before { background-color: #343434; } 
.order_detail p strong { font-weight: 500; font-size: 16px; } 
.order_detail2 p span { display: inline-block; width: 190px; padding-left: 50px; font-weight: 500; } 
.order_detail2 .top { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #E3E3E3; } 
.order_detail2 .top p { width: 50%; font-size: 15px; font-weight: 400; } 
.order_detail2 .top p span { font-weight: 500; font-size: 15px; } 
.order_detail2 .top p strong { font-weight: 400; font-size: 15px; } 
.order_detail2 .top p:first-child * { font-weight: 600; font-size: 16px; } 
.order_detail2 .bottom p, .order_detail2 .bottom p strong { font-weight: 500; font-size: 16px; }
.order_detail2 .bottom #additionalPrice {width: auto; padding-left: 30px;}
.order_detail2 .bottom p:first-child span { font-weight: 600; } 
.order_detail2 .bottom p:first-child strong { font-weight: 700; } 
.order_wrap.details .order_list .info p > span { display: none; } 
.cancle_area { width: 100%; margin-left: -30px; font-weight: 500; font-size: 14px; line-height: 150%; /* border-bottom: 1px solid #E6E6E6; */ } 
.order_wrap.details .order_list li .cancle_area { display: none; } 
.order_wrap.details .order_list li:last-child .cancle_area { display: block; } 
.cancle_area p { padding: 13px 0 13px 20px; border-top: 1px solid #E6E6E6; } 
.cancle_area span::before { content: ''; display: inline-block; width: 1px; height: 14px; margin: 0 20px; vertical-align: -2px; background-color: #B3B3B3; } 
.cancle_txt { border-bottom: 0; } 
.cancle_txt p { padding-left: 0; color: #808080; font-weight: 400; } 
/* .order_list.cancle li { padding-left: 0; } */
.order_list.cancle li input[type="checkbox"] { position: absolute; top: 0; margin-left: -14px; margin-right: 16px; width: 18px; height: 18px; cursor: pointer; vertical-align: middle; background: url(https://img.lifet.co.kr/icon/check_off.svg) no-repeat left top; appearance: none; border: 0; border-radius: 0; background-size: 18px; } 
.order_list.cancle li input[type="checkbox"]:checked {background-image: url(https://img.lifet.co.kr/icon/check_on.svg);} 
.order_list.cancle li .inner { flex-wrap: initial; justify-content: flex-start; align-items: flex-start; } 
.order_list.cancle li .inner:nth-child(2) { justify-content: center; align-items: center; border-right: 0; } 
.order_list.cancle li .inner:nth-child(2) span { font-weight: 400; font-size: 16px; } 
.order_list.cancle li .inner:first-child > a { position: relative; width: 739px; } 
.order_list.cancle .thumbnail { margin-left: 26px; } 
/* .order_list.cancle li:last-child { border-bottom: 0; } */
.cancle_cause { display: flex; flex-wrap: wrap; } 
.cancle_cause .left_ { width: 229px; padding: 14px 0; font-weight: 600; font-size: 16px; line-height: 150%; border-bottom: 1px solid #E3E3E3; } 
.cancle_cause .left_ span { display: inline-block; padding-left: 50px; padding-top: 12px; } 
.cancle_cause .right_ { position: relative; width: 741px; padding: 14px 0; border-bottom: 1px solid #E3E3E3; } 
.cancle_cause ul { display: flex; flex-wrap: wrap; } 
.cancle_cause ul li { position: relative; width: 50%; padding: 14px 0; } 
.cancle_cause ul li label { padding-left: 30px; font-weight: 500; font-size: 15px; line-height: 135%; } 
.cancle_cause ul li label span { font-weight: 600; } 
.cancle_cause ul li input[type="radio"] { z-index: 1; position: absolute; width: 16px; height: 16px; opacity: 0; } 
.cancle_cause ul li label::before { content: ''; position: absolute; left: 0; top: 16px; display: inline-block; width: 14px; height: 14px; vertical-align: -2px; border-radius: 50%; border: 1px solid #ccc; background-color: #F7F7F7; } 
.cancle_cause ul li input[type="radio"]:checked + label::before { width: 8px; height: 8px; border-width: 4px; border-color: #68A5FE; } 

.cancle_cause textarea { width: 690px; height: 89px; padding: 15px 16px; border: 0; background-color: #F9F9F9; } 
.order .btn-area { margin-top: 80px; text-align: center; } 
.order .btn-area button { width: 188px; height: 48px; font-weight: 600; font-size: 16px; line-height: 24px; border-radius: 60px; } 
.order .btn-area button + button { margin-left: 8px; } 
.order .btn-area .btn_cancle { color: #5B5B5B; background-color: #EAEAEA; } 
.cancle_cause .upload { margin-bottom: 14px; margin-top: 12px; } 
.photo { display: flex; margin-bottom: 12px; } 
.photo label { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; margin-right: 12px; border-radius: 8px; cursor: pointer; border: 1px solid #D4D4D4; background-color: #F1F1F1; } 
.photo label img { width: 37px; } 
.cancle_cause .upload p { margin-top: 8px; color: #808080; } 
.cancle_cause .upload .inner { position: relative; } 
.upload_pic2 { display: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 80px; height: 80px; border-radius: 8px; } 
.upload_pic2 img { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%,-50%); } 
.upload_pic2 .del { position: absolute; right: 5px; top: 5px; width: 10px; height: 10px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/close_black.svg) no-repeat; background-size: 100%; } 

/* 리뷰 */

.review_pop .top { display: flex; } 
.review_pop .top .thumbnail { overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; margin-right: 15px; background: #F1F1F1; border-radius: 4px; } 
.review_pop .top .thumbnail img { max-height: 80px; } 
.review_pop .top .info { flex: 1; } 
.review_pop .top .info > span { color: #808080; font-size: 13px; } 
.review_pop .top .info strong { display: block; margin-top: 6px; font-weight: 500; font-size: 14px; line-height: 130%; }

.consult__tab2 a span { margin-left: 4px; } 
.point_area { margin: 20px 0 22px; padding: 30px 0; font-weight: 500; font-size: 18px; line-height: 130%; text-align: center; border-radius: 12px; background: #F4F4F4; } 
.point_area p { margin-top: 8px; color: #666; font-weight: 400; font-size: 18px; line-height: 130%; } 
.point_area p br { display: none; } 
.point_area span { font-weight: 600; } 
.order_list.review li .inner:first-child > a { width: 754px; } 
.order_list.review .thumbnail { margin-right: 25px; } 
.order_list.review li .inner:nth-child(2) .btn_line { width: 136px; padding: 10px 0; } 
.order_list.review li .inner:nth-child(2) { flex-flow: column; justify-content: center; align-items: center; padding-right: 48px; border: 0; } 
.order_list.review li .inner:nth-child(2) > span { margin-top: 10px; font-size: 12px; line-height: 130%; width: 155px; word-break: keep-all; } 
.order_list.review li .inner:nth-child(2) p { display: flex; align-items: center; margin-top: 12px; } 
.order_list.review li .inner:nth-child(2) p .d_day { margin-right: 8px; padding: 4px 8px; color: #fff; font-size: 12px; font-weight: 600; line-height: 130%; border-radius: 60px; background-color: #68A5FE; } 
.order_list.review li .inner:nth-child(2) p .point { font-size: 14px; line-height: 130%; } 
.order_list.review li .inner:nth-child(2) .blue { font-weight: 600; font-size: 14px; } 
.order_list.review li .inner:nth-child(2) a.gray + span { font-size: 12px; } 
.order_list.review .inner { align-items: flex-start; flex: auto; justify-content: flex-start; } 
.order_list.review .inner .info { width: 569px; text-align: left; } 
.order_list.review .inner .info strong { margin: 4px 0 8px; font-size: 16px; } 
.lifet_only .paging { margin-top: 80px; } 
.review_count { margin-top: 30px; font-weight: 600; font-size: 16px; line-height: 130%; } 
.review_count + .btn_line { float: right; margin-top: -33px; padding: 8px 12px; font-weight: 600; border-radius: 6px; } 
.review_list > ul { margin-top: 14px; border-top: 1px solid #E6E6E6; } 
.review_list > ul > li { position: relative; padding: 24px 0 24px 20px; border-bottom: 1px solid #E6E6E6 } 
.review_list > ul > li .top { display: flex; } 
.review_list > ul > li .thumbnail { overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; margin-right: 17px; border-radius: 4px; } 
.review_list > ul > li .thumbnail img { max-height: 80px; } 
.review_list > ul > li .info > span { color: #808080; font-weight: 500; } 
.review_list > ul > li .info strong { display: block; margin: 4px 0 6px; font-weight: 500; font-size: 16px; line-height: 130%; } 
.review_list > ul > li .info p { color: #808080; } 
.review_list > ul > li .date { position: absolute; top: 24px; right: 20px; } 
.review_list .star_socre {width: auto;}
.star_socre { display: flex; align-items: center; margin: 16px 0 17px; } 
.review_list .star_socre .star, .best_review .star { width: 100px; height: 20px; background: url(https://img.lifet.co.kr/icon/star_point.svg) no-repeat; background-size: 100px; } 
.review_list .star_socre .star span, .best_review .star span { display: inline-block; height: 20px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/star_point.svg) no-repeat left -20px; background-size: 100px; } 
.star_socre > span { margin-left: 10px; color: #4D4D4D; line-height: 130%; } 
.star_socre strong { margin-left: 14px; font-weight: 600; font-size: 16px; line-height: 130%; } 
.review_list ul li button { display: flex; align-items: center; padding-top: 0; font-weight: 500; line-height: 130%; border-top: 0; } 
.review_list ul li .arrow_up::after { margin-left: 4px; transform: rotate(0); background-image: url('https://img.lifet.co.kr/icon/drop down.svg'); } 
.review_list ul li .arrow_up.open::after { transform: rotate(180deg); } 
.review_cont { display: none; } 
.review_cont p { margin: 14px 0; line-height: 130%; } 
.review_cont ul { display: flex; } 
.review_cont ul li .thumbnail { overflow: hidden; width: 80px; height: 80px; margin-right: 8px; } 
.review_cont ul li .thumbnail img { max-height: 80px; } 
.tabContent2 { display: none; } 
.point_wrap { width: 220px; margin-top: -3px; } 
.review_pop .starpoint_box { position:relative; width: 220px; height: 44px; background:url("https://img.lifet.co.kr/icon/star_point.svg") 0 0 no-repeat; font-size:0; background-size: 220px; } 
.review_pop .starpoint_box .starpoint_bg { display:block; position:absolute; top:0; left:0; height:44px; background:url(https://img.lifet.co.kr/icon/star_point.svg) 0 -44px no-repeat; pointer-events:none; background-size: 220px; } 
.review_pop .starpoint_box .label_star { display:inline-block; width:44px; height:44px; box-sizing:border-box; cursor: pointer; } 
.review_pop .starpoint_box .star_radio { position:absolute; opacity:0; width:0; height:0; } 
.review_pop .starpoint_box .star_radio:nth-of-type(1):hover ~ .starpoint_bg,
.review_pop .starpoint_box .star_radio:nth-of-type(1):checked ~ .starpoint_bg { width:20%; } 
.review_pop .starpoint_box .star_radio:nth-of-type(2):hover ~ .starpoint_bg,
.review_pop .starpoint_box .star_radio:nth-of-type(2):checked ~ .starpoint_bg { width:40%; } 
.review_pop .starpoint_box .star_radio:nth-of-type(3):hover ~ .starpoint_bg,
.review_pop .starpoint_box .star_radio:nth-of-type(3):checked ~ .starpoint_bg { width:60%; } 
.review_pop .starpoint_box .star_radio:nth-of-type(4):hover ~ .starpoint_bg,
.review_pop .starpoint_box .star_radio:nth-of-type(4):checked ~ .starpoint_bg { width:80%; } 
.review_pop .starpoint_box .star_radio:nth-of-type(5):hover ~ .starpoint_bg,
.review_pop .starpoint_box .star_radio:nth-of-type(5):checked ~ .starpoint_bg { width:100%; } 

.modal-dialog .content-area { max-width: none; width: auto; text-align: left; } 
.modal-dialog .content-area #kakaoMap, .delivery_iframe { width: 600px; height: 600px; border: 0; } 
#suggestionPop .content-area { width: 550px; } 
.modal-dialog.counsel_pop2 .head { height: auto; border-bottom: 0; } 
.counsel_cont2 { padding-bottom: 50px; text-align: center; } 

.coupon_pop .contentWrap { max-height: 606px; padding: 0 20px 30px 20px; } 
.modal-dialog .coupon_pop .head { justify-content: center; align-items: flex-start; height: 65px; padding: 15px 0 0; font-size: 20px; border: 0; } 
.coupon_pop .contentWrap > p { font-size: 16px; font-weight: 500; line-height: 150%; } 
.coupon_pop .contentWrap p + p { margin-top: 4px; line-height: 130%; color: #808080; font-size: 14px; font-weight: 400; } 
.coupon_pop ul { overflow-y: auto; width: 350px; max-height: 436px; margin: 16px 0 24px; } 
.coupon_pop ul li { position: relative; height: 122px; margin-bottom: 10px; padding: 16px 20px; border-radius: 8px; border: 1px solid #E5E5E5; background-color: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); } 
.coupon_pop ul li.disable { opacity: .4; background-color: #E8E8E8; border: 0; } 
.coupon_pop ul li strong { display: block; margin-bottom: 4px; font-size: 20px; font-weight: 700; line-height: 130%; } 
.coupon_pop ul li > span { display: block; margin-bottom: 8px; color: #666; line-height: 130%; } 
.coupon_pop ul li p + p, .coupon_pop ul li p:last-child { position: absolute; bottom: 16px; } 
.coupon_pop .contentWrap ul li p { margin-top: 2px; color: #808080; font-size: 12px; } 
.coupon_pop ul li p span { margin: 0 9px; } 
.coupon_pop ul::-webkit-scrollbar { -webkit-appearance: none; } 
.coupon_pop ul::-webkit-scrollbar:vertical { width: 13px; } 
.coupon_pop ul::-webkit-scrollbar-thumb { border-radius: 8px; border: 4px solid white; background-color: #EBEBEB; } 
.no_coupon { display: flex; justify-content: center; align-items: center; height: 297px; font-size: 16px; line-height: 130%; } 
.coupon_pop .banner { overflow: hidden; position: relative; width: 350px; padding: 26px 0 26px 20px; border-radius: 8px; background-color: #F2F1F2; } 
.coupon_pop .banner p { font-weight: 600; font-size: 18px; line-height: 130%; } 
.coupon_pop .banner p span { color: #68A5FE; font-weight: 700; } 
.coupon_pop .banner img { position: absolute; right: 20px; bottom: -14px; width: 134px; } 
.coupon_pop .contentWrap .btn_blue { height: 43px; margin-top: 0; font-size: 16px; } 
.modal-dialog input[type="text"] { width: 100%; height: 48px; padding-left: 18px; background-color: #F9F9F9; } 
.modal-dialog .contentWrap input[type="text"] {height: 48px;}

.product_inquery > ul > li { position: relative; padding-bottom: 0; } 
.product_inquery > ul > li .top { flex-wrap: wrap; cursor: pointer; } 
.product_inquery > ul > li .top .info { width: 709px; } 
.product_inquery .state { position: absolute; top: 50px; right: 23px; color: #808080; font-weight: 500; } 
.product_inquery .state.blue { font-weight: 700; } 
.product_inquery .subject { width: 100%; margin: 22px 0 18px; font-weight: 600; font-size: 16px; line-height: 130%; } 
.product_inquery .subject img { vertical-align: -4px; } 
.product_inquery .subject span { margin-right: 10px; color: #68A5FE; font-weight: 700; font-size: 16px; line-height: 130%; } 
.product_inquery .answer { display: none; margin-left: -20px; padding: 30px; font-size: 14px; background-color: #FAFAFA; } 
.product_inquery .answer > div, .direct_inquery .answer > div { margin-left: 26px; text-indent: -26px; line-height: 130%; } 
.direct_inquery .answer > div { white-space: pre-line; } 
.product_inquery .answer .q span, .product_inquery .answer .a span { margin-right: 12px; color: #68A5FE; font-weight: 700; } 
.product_inquery .answer .q { margin-bottom: 20px; } 
.product_inquery > ul > li .answer .date { position: static; margin: 30px 0 0 52px; color: #808080; } 
.product_inquery .del { position: absolute; right: 20px; top: 88px; } 
.direct_inquery { margin-top: 21px; } 
.direct_inquery .subject { display: flex;; border-top: 1px solid #E3E3E3; background-color: #FAFAFA; } 
.direct_inquery .subject span { padding: 14px 0; font-weight: 600; font-size: 15px; line-height: 130%; text-align: center; } 
.direct_inquery .subject span:nth-child(1), .direct_inquery ul li .inner:nth-child(1) { display: inline-block; width: 630px; } 
.direct_inquery .subject span:nth-child(2), .direct_inquery ul li .inner:nth-child(2) { display: inline-block; width: 140px; } 
.direct_inquery .subject span:nth-child(3), .direct_inquery ul li .inner:nth-child(3) { display: inline-block; width: 140px; } 
.direct_inquery > ul { border-bottom: 1px solid #E3E3E3; } 
.direct_inquery ul li .top { display: flex; align-items: center; height: 46px; cursor: pointer; } 
.direct_inquery ul li .inner { font-weight: 500; text-align: center; } 
.direct_inquery ul li .inner:nth-child(1) { display: flex; padding-left: 30px; text-align: left; } 
.direct_inquery ul li .inner:nth-child(2) { color: #808080; } 
.direct_inquery ul li .inner:nth-child(3) { color: #808080; font-weight: 500; } 
.direct_inquery ul li .inner:nth-child(3).blue { font-weight: 700; } 
.direct_inquery ul li .inner:nth-child(4) { padding: 0; } 
.direct_inquery ul li .inner strong { margin-right: 8px; font-weight: 600; } 
.private input[type='checkbox'] { background-image: url(https://img.lifet.co.kr/icon/circle_check.png); } 
.private input[type='checkbox']:checked { background-image: url(https://img.lifet.co.kr/icon/circle_checked.png); } 
.private label { margin-left: 4px; font-weight: 500; font-size: 14px; vertical-align: -1px; line-height: 130% } 
.product_inquery .del, .direct_inquery ul li .del { padding: 6px 10px; color: #808080; border: 1px solid #CCCCCC; border-radius: 6px; } 
.direct_inquery .answer { display: none; padding: 30px; line-height: 130%; background-color: #FAFAFA; } 
.direct_inquery .answer .q span:first-child, .direct_inquery .answer .a span:first-child { margin-right: 12px; color: #68A5FE; font-weight: 700; } 
.photo_thum { display: flex; margin: 12px 0 30px 27px; } 
.photo_thum li { overflow: hidden; width: 50px; height: 50px; margin-right: 4px; border-radius: 4px; background-color: #E0E0E0; } 
.photo_thum li img { width: 50px; height: 50px; object-fit: cover; } 
.cuopon_entry { position: relative; padding-bottom: 30px; border-bottom: 1px solid #E3E3E3; } 
.cuopon_entry .tit { margin-bottom: 20px; font-weight: 600; font-size: 20px; line-height: 130%; } 
.cuopon_entry input[type="text"] { width: 418px; height: 46px; margin-right: 6px; padding: 12px 0 12px 14px; } 
.cuopon_entry input[type="text"]::placeholder { color: #BEBEBE; font-size: 16px; line-height: 150%; } 
.cuopon_entry button { position: absolute; left: 428px; top: 45px; height: 48px; font-size: 16px; } 
.cuopon_entry input + p { margin-top: 10px; color: #C23A2D; line-height: 140%; } 
.cuopon_entry input + .confirmMsg:before { content: '*'; padding-right: 0.2em; } 
.cuopon_list { display: flex; flex-wrap: wrap; margin-top: 30px; } 
.cuopon_list li { position: relative; width: 476px; height: 224px; margin-left: 18px; margin-top: 20px; padding: 30px; box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.06); border-radius: 16px; } 
.cuopon_list li:nth-child(odd) { margin-left: 0; } 
.cuopon_list li .d-day { display: inline-block; padding: 6px 10px; color: #fff; font-weight: 600; font-size: 14px; line-height: 130%; background: #68A5FE; border-radius: 29px; } 
.cuopon_list li strong { display: block; margin: 9px 0 6px; font-weight: 700; font-size: 24px; line-height: 130%; } 
.cuopon_list li em { display: block; margin-bottom: 25px; color: #666; font-size: 16px; line-height: 130%; } 
.cuopon_list li div {position: absolute; bottom: 30px; left: 30px;}
.cuopon_list li p {color: #666; } 
.cuopon_list li p + p {margin-top: 6px;}
.cuopon_list li .kind { position: absolute; right: 30px; top: 33px; color: #68A5FE; font-weight: 600; font-size: 18px; line-height: 130%; } 
.cuopon_list li a {position: absolute; right: 30px; bottom: 30px; color: #666; font-size: 16px; text-decoration: underline;}
.order .coupon_area { margin: 30px 0 0; } 
.order .coupon_area .bullet { margin-top: 10px; color: #7B7B7B; font-size: 15px; line-height: 130%; } 
.order .coupon_area .coupon_slider { margin-bottom: 30px; } 
.order .coupon_area .event_banner { max-width: 100%; margin-top: 70px; background-image: url(https://img.lifet.co.kr/banner/mypage_banner_bg.png); } 

#Preview { display: flex; } 
#Preview li { position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; padding: 0; margin-top: 0;  margin-right: 12px;} 
#Preview li div { overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 8px; border: 1px solid #D2D2D2; } 
#Preview li img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80px; height: 80px; object-fit: cover; } 
#Preview li .delBtn { display: inline-block; position: absolute; top: -7px; right: -7px; width: 18px; height: 18px; cursor: pointer; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/close_gray.svg) no-repeat; } 
.selectBox__.type02 .select__ {z-index: 2; position: relative; padding: 0 20px; border: 1px solid #E3E3E3; border-radius: 6px; background-image: url(https://img.lifet.co.kr/icon/arrow_gray.svg); background-size: 18px; background-color: #fff; background-position: right 16px center; }
.direct_pop .selectBox__.type02 .select__ {height: 48px; padding: 0 16px; font-size: 16px; font-weight: 500;}

.selectBox__.type02 .list__ { z-index: 1; overflow-y: auto; max-height: 248px; margin-top: -10px; padding-bottom: 0; border: 1px solid #D2D2D2; box-shadow: none; } 
.selectBox__.type02 .list__ li { padding: 14px 20px; font-size: 16px; } 
.selectBox__.type02 .list__ li .text { display: flex; justify-content: space-between; width: 100%; } 
.selectBox__.type02 .list__ li .text span { float: right; } 
.selectBox__.type02 .list__ li.soldout { color: #999; } 
.modal-dialog .selectBox__.type02 { z-index: 2; position: relative; } 
.modal-dialog .selectBox__.type02 .list__ li { font-size: 14px; } 
.modal-dialog .direct_pop .selectBox__.type02 .list__ li { font-size: 16px; } 
.money_top { display: flex; justify-content: space-between; margin-top: 38px; padding: 30px 222px; font-size: 18px; line-height: 130%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 15px; } 
.money_top strong { margin-left: 30px; color: #999; font-weight: 600; font-size: 24px; line-height: 130%; } 
.money_top > div:first-child strong { color: #68A5FE; } 
.save_money ul + h3, .product_cuopon h3 { margin-top: 80px; } 
.save_tab + h3 ~ p, .product_cuopon h3 ~ p, .mypage_empty h3 ~ p, .tabContent2 h3 ~ p { color: #7B7B7B; margin-left: 19px; text-indent: -23px; font-size: 14px; font-weight: 400; } 
.product_cuopon h3 ~ p u {color: #68A5FE; cursor:pointer;}
.product_cuopon h3 + p ~p, .mypage_empty + h3 + p ~ p, .tabContent2 h3 + p ~ p { margin-top: 12px; } 
.save_tab + h3 ~ p {color: #343434; margin-top: 0; line-height: 170%;}
.order .save_tab + h3 { margin-top: 40px; padding-bottom: 20px; font-weight: 600; font-size: 16px; border-bottom: 0; } 
.order .save_money .money_top + h3, .order .mypage_empty + h3 { margin-top: 40px; } 
.product_cuopon h3, .tabContent2 h3 { margin-top: 50px; padding-bottom: 20px; font-size: 16px; font-weight: 600; border-bottom: 0; } 
.money_head { display: flex; border-top: 1px solid #E3E3E3; background-color: #FAFAFA; } 
.money_head .inner { width: 170px; padding: 14px 54px; font-weight: 600; font-size: 15px; line-height: 130%; text-align: center; } 
.save_money ul li .inner:last-child { color: #999; font-weight: 600; font-size: 16px; line-height: 130%; } 
.commerce_exchange h1 { display: none; } 
.commerce_exchange h1 + h2 { margin-top: 100px; } 
.commerce_exchange h2 { margin: 50px 0 20px; } 
.commerce_exchange p { display: inline-block; width: 100%; font-size: 16px; line-height: 130%; } 
.commerce_exchange p + p { margin-top: 12px; } 
.commerce_exchange .bullet::before { width: 4px; height: 4px; } 
.commerce_exchange + .lifet_only { margin-top: 100px; } 

#applyCancelModal .content-area { padding: 50px 50px 23px; } 
#commonModal .textBox, #applyCancelModal .textBox { margin-top: 7px; text-align: center; } 
#commonModal .btn_area, #applyCancelModal .btn_area { margin-bottom: 7px; } 
#commonModal .btn.cancle { color: #B3B3B3; border: 2px solid #ccc; background-color: #fff; } 

.details_examine_new #pop_info { left: 0; top: 42px; } 
.weight_guide #pop_info { left: auto; right: 0; top: 46px; } 
.chart-inner2 #pop_info { left: 230px; } 
.region_box #pop_info { top: 80px; left: 170px; } 
#subcont02 .region_box #pop_info { left: 170px; } 
.ai_rig #pop_info dl dt:nth-of-type(1) { float: none; padding-top: 0; color: inherit; } 
.ai_rig #pop_info dl dd { padding-left: 0; } 
.ai_rig #pop_info dl dd p + p { margin-top: 8px; } 

@media (max-width: 767px){
    .order .mypage_top { padding-top: 0; } 
    .order .mypage_cont, .order_wrap { margin-top: 0; } 
    .order .mypage_cont > .rig { padding: 0 20px 48px; } 
    .order_wrap { margin: 0 -20px; padding: 24px 20px; border-top: 10px solid #F4F4F4; } 
    .order_wrap:last-child { /*margin-bottom: -28px; padding-bottom: 0; */ } 
    h2 + .order_wrap { border-top-width: 8px; } 
    .order_list li { flex-flow: column; padding-left: 0; padding-bottom: 20px; } 
    .order_list li:last-child { padding-bottom: 0; border-bottom: 0; } 
    .order_wrap .date { margin-bottom: 10px; margin-top: 0; font-size: 14px; } 
    .order_wrap .date > span { margin-left: 8px; } 
    .order_wrap .date > span span { display: none; } 
    .order_wrap .date button { font-size: 14px; font-weight: 500; } 
    .order_wrap .date button::after { width: 16px; height: 16px; background-size: 16px; } 
    .order_list { border-top-width: 2px; } 
    /* .order_list li:last-child { padding-bottom: 0; border-bottom: 0; } */
    .order_list li .inner { padding: 0; } 
    .order_list li .inner:nth-child(1) { order: 1; } 
    .order_list li .inner:nth-child(2) { order: 0; justify-content: flex-start; flex-flow: nowrap; padding: 16px 0 8px; font-size: 16px; border: 0; } 
    .order_list li .inner:nth-child(3) { order: 2; flex-flow: wrap; justify-content: space-between; margin-top: 8px; } 
    .order_list li .inner:first-child > a { width: 100%; } 
    .order_list li .inner:nth-child(3) a { width: calc(100% / 2 - 4px); margin: 8px 0 0; line-height: 120%;}
    .order_list li .inner:nth-child(3) a.deliveryTrack {order: 1;}
    .order_list li .inner:nth-child(3) a.gray {order: 0;}
    .order_list li .inner:nth-child(3) a:nth-child(3){order: 2;}
    .order_list li .inner:nth-child(3) a.gray:first-child {/*width: 100%; margin: 0;*/} 
    .order_list li .inner:nth-child(3) a:nth-child(3).full { width: 100%; } 
    .order_list li .inner:nth-child(2) p {display: flex; align-items: center; width: 100%;}
    .order_list li .inner:nth-child(2) .web {display: none;}
    .order_list li .inner:nth-child(2) p span {margin-left: 8px; color: #808080; font-size: 14px;}
    .order_list li .inner:nth-child(2) p span br {display: none;}
    .order_list li .inner:nth-child(2) strong { display: inline-block; margin-bottom: 0; font-size: 16px; } 
    .order_list li .inner:nth-child(2) .invoice { display: inline-block; margin-left: 8px; margin-top: 0;} 
    .order_list li .inner:nth-child(2) .invoice br { display: none; } 
    .order_list.cancle li .inner:nth-child(2) { display: none; } 
    .order_list.cancle li input[type="checkbox"] {left: 0; margin-left: 0; width: 18px; height: 18px; background-size: 18px; } 
    .order_list.cancle li .inner:first-child > a { align-items: flex-start; } 
    .order_list.cancle li a {padding-left: 26px;} 
    .order_list li .inner:first-child > a + a { margin-top: 20px; padding-top: 20px; } 
    .order_list .thumbnail { width: 80px; height: 80px; margin-right: 10px; } 
    .order_wrap.details .order_list.cancle {margin-bottom: -3px; padding-bottom: 0; } 
    .order_list.cancle .thumbnail { margin-left: 0; } 
    .order_list.cancle .info strong { font-size: 15px; font-weight: 400; } 
    .order_list .thumbnail img { max-height: 80px; } 
    .order_list .info { flex: 1; } 
    .order_list .info strong { width: auto; margin: 0 0 6px; font-size: 16px; } 
    .order_list.review .inner .info { width: calc(100% - 90px); } 
    .order_list .info > span { display: none; } 
    .order_list .info p { font-size: 14px; }
    .order_list .info .price {display: flex; align-items: center; margin-top: 10px;}
    .order_list .info .price strong {margin-bottom: 0; color: #343434; font-size: 14px;}
    .order_list .info .price span {margin-top: 0;}
    .order_list .info .price span::before {content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 4px; vertical-align: -1px; background-color :#666;}
    .order_list .info p > span { margin-top: 10px; color: #343434; font-weight: 500; } 
    .order_list .info p > span span::before { content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 8px 0 4px; padding: 0; vertical-align: -1px; background-color: #666; } 
    .order_wrap.details { border-top: 0; } 
    .order_wrap.details + h3 { margin-top: 16px; } 
    .order_wrap.details + .order_wrap.details { margin-top: -21px; } 
    .order_wrap.details + #step1, .order_wrap.details + #step1 + #step2 { margin-top: -44px; } 
    .order_wrap.details .order_list { padding: 20px 0; /* border-bottom: 1px solid #E6E6E6; */ } 
    .order_wrap.details .order_list li:last-child { padding-bottom: 20px; border-bottom: 1px solid #E6E6E6; } 
    .order_wrap.details .order_list li .inner:nth-child(2) { align-items: flex-start; padding-top: 0; } 
    .order_wrap.details .order_list .info p > span { display: block; } 
    .order_wrap.details .order_list li { padding-bottom: 24px; border-bottom: 0; } 
    .order_wrap.details .order_list li .inner:nth-child(3) { display: none; } 
    .order_wrap.details .order_list li .inner:nth-child(2) .m span { margin-left: 8px; color: #808080; font-size: 14px; } 
    .order_wrap.details .order_list li .inner:nth-child(2) .m span br { display: none; } 
    .order h3 { margin-top: 60px; padding-bottom: 10px; font-weight: 600; font-size: 18px; } 
    .order_detail, .order_detail2 { padding: 0; } 
    .order_detail p span { width: 89px; padding-left: 0; vertical-align: top; } 
    .order_detail p strong { display: inline-block; width: calc(100% - 89px); } 
    .order_detail2 .top p, .order_detail2 .bottom p { width: 100%; display: flex; justify-content: space-between; } 
    .order_detail2 p span { width: auto; padding-left: 0; } 
    .order_detail2 .top { margin-bottom: 0; padding: 24px 0; } 
    .order_detail2 .bottom { margin-bottom: 0; padding: 24px 0 4px; } 
    .order_detail2 .top p:nth-child(1) { order: 0; padding: 16px 0 0; } 
    .order_detail2 .top p:nth-child(2) { /* order: 2; */ padding: 16px 0 0; } 
    .order_detail2 .top p:nth-child(3) { order: 1; padding: 16px 0 0; /* border-bottom: 1px solid #E3E3E3; */ } 
    .order_detail2 .top p:nth-child(4) { order: 3; padding: 16px 0 0; } 
    .order_detail2 .top p:first-child { padding-top: 0; } 
    /* .order_detail2:last-child .top { border-bottom: 0; } */
    .order_detail2:last-child .top p:nth-child(2) { order: 0;/* padding-top: 0;*/ } 
    .order_detail2 .top p span { font-size: 16px; } 
    .order_detail2 .top p strong { font-size: 16px; font-weight: 500; } 
    .order_detail2 .bottom p { padding: 0; align-items: center; } 
    .order_detail2 .bottom p:first-child {flex-wrap: wrap;} 
    .order_detail2 .bottom #additionalPrice {width: 100%; text-align: right; font-size: 14px;} 
    .order_detail2 .bottom p + p {padding-bottom: 16px;}
    .order_detail2 .bottom p strong { font-weight: 400; } 
    .order_detail2 .bottom p:first-child span { font-size: 16px; line-height: 150%; font-weight: 500; } 
    .order_detail2 .bottom p:first-child strong { font-size: 22px; line-height: 130%; } 
    .order_detail2 .bottom p:nth-child(2) { padding: 10px 0 16px; } 
    /* .order_detail2:last-child .bottom { padding-top: 0; } */
    .cancle_area { order: 3; margin-top: 20px; margin-left: 0; } 
    .cancle_area p { margin-left: 0; padding: 10px 0 10px 2px; border-bottom: 1px solid #E6E6E6; } 
    .order_list li:last-child .cancle_area p { margin-bottom: -20px; border-bottom: 0; } 
    .order_detail > .first { align-items: flex-start; flex-wrap: wrap; padding: 20px 0 0; border-bottom: 0; } 
    .order_detail > div { padding: 20px 0; } 
    .order_detail > .first div strong:first-child { display: block; margin: 0 0 8px; } 
    .send_back > .second { padding: 24px 0 0; } 
    .send_back > div > span, .send_back p span { width: 89px; margin: 0; padding-left: 0; } 
    .send_back > .second span { width: 89px; } 
    .send_back > .second div { flex: 1; width: calc(100% - 75px); margin: 0; padding-bottom: 20px; } 
    .send_back dl dd { margin-top: 9px; text-indent: -23px; } 
    .send_back > p { margin: 20px 0; } 
    .order_detail select { width: 100%; } 
    .order_detail > .first div { flex: 1; margin: 0; } 
    .order_detail input[type="text"] { width: calc(100% - 69px); margin: 5px 0 0; } 
    .order_detail button { width: 61px; margin-left: 4px; padding: 10px 0; } 
    .order_detail > div p { display: none; } 
    .arrow_up::after { float: right; margin-right: 10px; } 
    .order_list li:last-child .cancle_area.cancle_txt p { margin-bottom: -12px; padding-left: 24px; text-indent: -24px; } 
    .cancle_cause, .cancle_cause ul { flex-flow: column; } 
    .cancle_cause .left_, .cancle_cause .right_ { width: auto; order: inherit; } 
    .cancle_cause .right_ { display: flex; flex-wrap: wrap; width: 100%; padding: 0; border: 0; } 
    .cancle_cause ul li { width: 100%; padding: 0 0 20px; } 
    .cancle_cause ul li:last-child { padding-bottom: 24px; } 
    .cancle_cause .left_ { padding: 24px 0 18px; border-bottom: 0; } 
    .cancle_cause .left_ span { padding: 0; } 
    
    #modal-terms.order_terms .text_area { } 
    .cancle_cause textarea { width: 100%; height: 150px; margin-top: 0; padding: 16px 14px; } 
    .order .btn-area { margin-top: 60px; } 
    .order .btn-area button { width: calc(100% / 2 - 6px); } 
    .cancle_cause ul li label::before { top: 1px; width: 16px; height: 16px; margin-right: 12px; vertical-align: -4px; } 
    .cancle_cause ul li input[type="radio"]:checked + label::before { width: 10px; height: 10px; } 
    .cancle_cause .text_area { position: relative; margin-bottom: 0; margin-top: 0; } 
    .cancle_cause .upload { margin-top: 16px; } 
    .cancle_cause .upload p { margin-left: 24px; text-indent: -24px; font-size: 13px;} 
    .cancle_cause .upload p + p { margin-top: 6px; } 
    .cancle_cause .upload #Preview {max-width: 228px;}
    .counsel_cont2 {overflow-y: auto;  max-height: 80svh; padding-bottom: 62px; } 
    .modal-dialog .content-area #kakaoMap, .delivery_iframe { width: 100%; height: calc(100svh - 60px); } 

    /* 리뷰 */
    
    .modal-dialog .modal-content.coupon_pop, .modal-dialog .modal-content.bottom_sheet { align-items: flex-end !important; background-color: transparent; } 
    .modal-dialog .modal-content.coupon_pop .content-area, .modal-dialog .modal-content.bottom_sheet .content-area { padding: 0 !important; border-radius: 20px 20px 0px 0px !important; } 
    .coupon_pop ul::-webkit-scrollbar { display: none; } 
    .coupon_pop ul { width: 100%; max-height: 300px; } 
    .no_coupon { height: 260px; } 
    .coupon_pop .banner { width: 100%; } 
    .coupon_pop .banner img { right: 5px; } 
    .modal-dialog .coupon_pop .head { position: static; } 
    .coupon_pop .contentWrap { overflow: hidden; max-height: 446px; } 
    
    .modal-dialog .modal-content.sharePop, .modal-dialog .modal-content.comparison_pop2, .modal-dialog .modal-content.feed_pop { align-items: center; background-color: transparent; } 
    .modal-dialog .content-area { justify-content: center; width: 100%; height: auto; padding-top: 48px; border-radius: 0;} 
    .modal-dialog #commonModal .content-area, .modal-dialog #applyCancelModal .content-area  { width: 310px; border-radius: 12px; } 
    .modal-dialog .direct_pop .content-area {padding: 48px 0 0;}
    #commonModal .content-area, #applyCancelModal .content-area { padding: 34px 21px 30px !important; } 
    #commonModal .btn_area, #applyCancelModal .btn_area {margin-bottom: 0;}
    
    .modal-dialog.counsel_pop2 .head { position: absolute; } 
    .modal-dialog .modal-content.comparison_pop2 .head, .modal-dialog .modal-content.feed_pop .head { position: absolute; } 
    .modal-content.comparison_pop2 .content-area, .modal-content.feed_pop .content-area { width: auto; padding: 44px 0 0; border-radius: 12px; } 
       
    .contentWrap .text_area { width: 100%; } 
    .contentWrap select { height: 43px; padding: 12px 20px; } 
    .contentWrap .note { margin: 30px -20px 0; padding: 20px; } 
    .contentWrap {overflow: hidden; } 
    .mypage_main .contentWrap {overflow: hidden;}
    
    .contentWrap select {width: 100%; height: 48px; padding: 14px 16px; font-weight: 500; font-size: 16px; line-height: 130%; border-radius: 8px;}
    .contentWrap .text_area {width: 100%; height: 144px;}
    .contentWrap .text_area textarea {height: 114px;}
    .contentWrap .text_area .byte, .contentWrap .text_input .byte {font-size: 12px;}
    .contentWrap .btn_blue {width: 100%; height: 48px !important; margin-top: 30px; font-size: 16px !important; border-radius: 60px;}
    .contentWrap .note .title {margin: 0 0 10px;}
    .contentWrap .note p {margin-bottom: 8px; margin-left: 23px; color: #808080; font-size: 13px; text-indent: -23px; line-height: 130%; text-align: left;}
    .contentWrap .note p::before {content: '';  display: inline-block;  width: 3px;  height: 3px;  margin: 0 10px; vertical-align: 3px; border-radius: 50%; background-color: currentColor;}
    .contentWrap .photo + p {margin-top: 10px; margin-left: 24px; color: #808080; font-size: 13px; text-indent: -24px;}
    .order .consult__tab2 { padding: 0; } 
    .point_area { margin: 20px 0; padding: 16px 30px; font-size: 14px; } 
    .point_area p { margin-top: 4px; font-size: 14px; } 
    .point_area p br { display:block; } 
    .order_list.review {margin-bottom: 50px; border-width: 1px; border-bottom: 1px solid #E6E6E6; } 
    .order_list.review li { padding: 16px 0; } 
    .order_list.review li .inner { padding: 0; } 
    .order_list.review .info > span { display: block; } 
    .order_list.review li .inner:nth-child(2) { order: 1; display: flex; flex-flow: row-reverse; justify-content: space-between; margin-top: 8px; padding-right: 0; } 
    .order_list.review li .inner:nth-child(2) > span { margin-top: 2px; } 
    .order_list.review li .inner:nth-child(2) .btn_line { width: 85px; height: 34px; padding: 8px 0; } 
    .order_list.review li .inner:nth-child(2) a.gray + span { text-align: left; } 
    .order_list.review li .inner:nth-child(2) p { margin-top: 0; } 
    .order_list .info p.date { margin-top: 7px; font-size: 12px; color: #808080; } 
    .order_list.review .thumbnail { margin-right: 10px; } 
    .order_list.review .inner .info strong { margin: 0 0 2px; } 
    .review_list > ul > li .date { display: none; } 
    .review_list > ul > li { padding: 16px 0; } 
    .star_socre { display: flex; align-items: center; margin: 10px 0; } 
    .star_socre .star, .best_review .star { width: 86px; height: 14px; margin-top: -2px; background-size: 86px; } 
    .star_socre .star span, .best_review .star span { height: 14px; background-size: 86px; background-position: 0 -17px; } 
    .star_socre strong { margin-left: 14px; font-size: 14px; } 
    .review_list > ul {margin-bottom: 50px;}
    .review_list > ul > li .thumbnail { width: 80px; height: 80px; } 
    .review_count { margin-top: 36px; } 
    .review_count + .btn_line { height: 34px; margin-top: -29px; } 
    /*.review_cont ul li .thumbnail { width: 70px; height: 70px; } */
    .product_inquery > ul > li .top .info { flex-flow: column; width: calc(100% - 78px); } 
    .product_inquery > ul > li .top .info strong { margin: 4px 0 9px; font-size: 14px; } 
    .product_inquery > ul > li .thumbnail { width: 68px; height: 68px; margin-right: 10px; } 
    .product_inquery > ul > li .date { order: 1; display: block; position: static; margin-top: 6px; font-size: 14px; } 
    .product_inquery .state { order: 0; position: static; margin-right: 8px; margin-top: 6px; font-weight: 600; font-size: 14px; } 
    .product_inquery .del { order: 2; position: static; margin-top: 6px; background-color: #fff; } 
    .product_inquery .del, .direct_inquery ul li .del { font-size: 12px; } 
    .product_inquery .subject { margin: 10px 0 0; } 
    .product_inquery .answer { margin: 12px 0 0; padding: 20px 15px; } 
    .product_inquery .answer .q span, .product_inquery .answer .a span { margin-right: 6px; } 
    .product_inquery .answer > div { margin-left: 20px; text-indent: -20px; } 
    .product_inquery > ul > li { padding: 16px 0 12px; } 
    .product_inquery > ul > li .answer .date { margin: 20px 0 0 38px; } 
    .product_inquery > ul > li .top { justify-content: space-between; } 
    .product_inquery > ul > li .top > div:nth-of-type(3) { display: flex; margin-top: 8px; } 
    .direct_inquery { margin-top: 20px; } 
    .direct_inquery .subject { display: none; } 
    .direct_inquery .answer { padding: 20px 15px; } 
    .direct_inquery ul li { position: relative; } 
    .direct_inquery ul li .top { flex-wrap: wrap; align-items: flex-start; height: auto; padding: 12px 0 17px; } 
    .direct_inquery ul li .top .inner { width: auto; text-align: left; } 
    .direct_inquery ul li .inner strong { font-weight: 500; font-size: 14px; line-height: 130%; } 
    .direct_inquery ul li .inner:nth-child(1) { display: block; width: 100% !important; margin-bottom: 13px; padding-left: 0; } 
    .direct_inquery ul li .inner:nth-child(1) .q { display: flex; align-items: center; margin-top: 6px; } 
    .direct_inquery ul li .inner:nth-child(1) .q span:first-child { margin-right: 6px; color: #68A5FE; font-weight: 700; font-size : 16px; line-height: 130%; } 
    .direct_inquery ul li .inner:nth-child(1) .q span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #4D4D4D; font-weight: 500; font-size: 16px; line-height: 130%; } 
    .direct_inquery ul li .inner:nth-child(2) { position: absolute; left: 50px; top: 70px; font-size: 12px; font-weight: 400; } 
    .direct_inquery ul li .inner:nth-child(3) { font-size: 12px; } 
    .direct_inquery ul li .inner:nth-child(3).blue { font-weight: 600; } 
    .direct_inquery ul li .del { position: absolute; right: 0; top: 63px; padding: 6px 10px; font-size: 12px; } 
    .product_cuopon, .coupon_area { padding-bottom: 48px; } 
    .cuopon_entry { position: relative; } 
    .cuopon_entry .tit { margin-bottom: 10px; font-size: 16px; } 
    .cuopon_entry input[type="text"] { width: calc(100% - 82px); height: 38px; margin-right: 0; padding: 8px 0 8px 10px; } 
    .cuopon_entry input[type="text"]::placeholder { font-size: 14px; } 
    .cuopon_entry button { left: auto; right: 0; top: 30px; width: 76px; height: 38px; padding: 10px 0; font-size: 14px; } 
    .cuopon_list { margin-top: 40px; margin-bottom: 48px; } 
    .cuopon_list li { width: 100%; height: 185px; margin-top: 12px; margin-left: 0; padding: 20px; border-radius: 14px; border: 1px solid #fff; } 
    .cuopon_list li .d-day { padding: 4px 10px; font-size: 12px; border-radius: 29px; } 
    .cuopon_list li strong { margin: 10px 0 7px; font-size: 20px; } 
    .cuopon_list li em { margin-bottom: 20px; font-size: 14px; } 
    .cuopon_list li a {bottom: 20px; right: 20px; font-size: 14px;}
    .cuopon_list li div {left: 20px; bottom: 20px;}
    .cuopon_list li p + p {margin-top: 4px;}
    .cancle_cause .upload p + p { margin-top: 4px; } 
    .cuopon_list li .kind { top: 22px; right: 20px; font-size: 15px; } 
    .order .coupon_area .bullet { margin-left: 24px; font-size: 12px; text-indent: -24px; } 
    .order .coupon_area .event_banner { margin-top: 26px; background-image: url(https://img.lifet.co.kr/landing/visual/event_img_m.png); } 
     
    #Preview { flex-flow: nowrap; overflow-x: auto; max-width: 368px; padding: 10px 0; } 
    .photo { margin: -10px 0 0; } 
    .photo label { margin: 10px 12px 10px 0; } 
    .selectBox__.type02 .select__ { height: 43px; background-size: 16px; background-position: right 20px center; } 
    .selectBox__.type02 .list__ li { position: relative; padding: 10px 14px; font-weight: 400; font-size: 14px; } 
    .selectBox__.type02 .list__ li .text { display: flex; } 
    .selectBox__.type02 .list__ li .text p { white-space: normal; width: 221px; word-break: keep-all; line-height: 130%; } 
    .selectBox__.type02 .list__ li .text span { position: absolute; right: 14px; } 
    .money_top { justify-content: space-around; margin-top: 30px; padding: 24px 20px; font-size: 13px; } 
    .money_top > div { text-align: center; } 
    .money_top strong { display: block; margin-left: 0; margin-top: 8px; font-size: 20px; } 
    .order .save_money h3 { margin: 60px 0 0; border-bottom-width: 1px;} 
    .money_head { display: none; } 
    .save_money ul { margin-bottom: 40px; padding: 12px 0 2px; border: 1px solid #ccc; border-width: 1px 0; } 
    .save_money ul li .inner { padding: 0; text-align: left; line-height: 150%; } 
    .save_money ul li { position: relative; flex-wrap: wrap; margin-bottom: 10px; padding: 12px 0; } 
    .save_money ul li .inner:nth-child(1) { order: 3; margin-top: 7px; color: #666; } 
    .save_money ul li .inner:nth-child(2) { order: 1; position: absolute; right: 0; top: 12px; width: auto; font-weight: 500; font-size: 16px; line-height: 130%; } 
    .save_money ul li .inner:nth-child(3) { order: 0; font-weight: 600; font-size: 16px; } 
    .save_money ul li .inner:nth-child(3) span { display: block; margin: 7px 65px 0 0; font-size: 14px; } 
    .save_money ul li .inner:nth-child(4) { order: 2; position: absolute; right: 0; top: 39px; width: auto; } 
    .save_money .paging + h3 ~ p { margin-left: 24px; text-indent: -24px; } 
    .mypage_empty + h3 + p ~ p { margin-left: 23px; text-indent: -23px; } 
     .region_box #pop_info { top: 38px; } 
}

/* 내정보 */
.mypage__ .term__ > p { padding: 30px 0; color: #808080; font-size: 16px; line-height: 130%; } 
.mypage__ .form__ > section h1 a { z-index: 10; position: absolute; right: 0; top: 0; font-size: 16px; font-weight: 500; text-decoration: underline; text-underline-position: under; } 
.mypage__ .use__ { font-size: 32px; color: #68A5FE; line-height: 1.3em; margin-bottom: 40px; } 
.mypage__ .passBox { background-color: #92BEFF; color: #fff; padding: 24px; border-radius: 7px; margin: 30px 0; text-align: center; } 
.mypage__ .passBox h5 { font-size: 18px; margin-bottom: 6px; } 
.mypage__ .passBox div { font-size: 14px; font-weight: 500; line-height: 1.5em; } 
.mypage__ .alert { font-size: 14px; text-align: left; display: flex; justify-content: flex-start; align-items: flex-start; line-height: 1.4em; color: #9A9A9A; margin-top: 8px; } 
.mypage__ .alert:before { content: "*"; margin-right: 8px; } 
.mypage__ .field + .field, #newPwd { margin-top: 20px; } 
.mypage__ .field input + .confirmMsg { display: none; } 
.mypage__ .field.active input + .confirmMsg { display: block; } 
.mypage__ .result { font-size: 16px; line-height: 1.5em; } 
.mypage__ .form__ > section .term__ h1 { margin-bottom: 0; border-bottom-width: 0; } 
.mypage__ .term__ .checkTerm { position: relative; } 
.mypage__ .term__ .checkTerm + .checkTerm { margin-top: 20px; } 
.mypage__ .term__ .checkTerm input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 1; } 
.mypage__ .term__ .checkTerm label { display: flex; justify-content: flex-start; align-items: center; font-size: 16px; font-weight: 500; padding-left: 28px; background-repeat: no-repeat; background-position: left center; background-size: 20px; background-image: url(https://img.lifet.co.kr/icon/circle_check.svg); } 
.mypage__ .term__ .checkTerm input:checked + label { background-image: url(https://img.lifet.co.kr/icon/circle_checked.svg); } 
.mypage__ .term__ .total__ .checkTerm label { padding-left: 30px; } 

.mypage__ .term__ .btn { position: absolute; right: 0; top: 0; width: 81px; height: 34px; line-height: inherit; border: none; margin: 10px 5px; color: #fff; background-color: #DBDBDB; font-size: 14px; border-radius: 4px; cursor: pointer; z-index: 100; } 
/* .mypage__ .term__ .btn:hover,*/
.mypage__ .term__ .btn.active { background-color: #68A5FE; } 
.mypage__ .term__ .sub .checkTerm { margin-top: 20px; } 
.mypage__ .signOut { display: inline-block; margin-top: 60px; font-size: 18px; font-weight: 500; line-height: 150%; text-decoration: underline; text-underline-position: under; } 
.mypage__ .signOut:hover { opacity: 0.8; } 
.mypage__ .form__ > section .stemp-area { height: auto; padding: 30px; margin-top: 28px; box-shadow: 0px 0px 32px 6px rgba(177, 180, 198, 0.2); -webkit-box-shadow: 0px 0px 32px 6px rgba(177, 180, 198, 0.2); } 
.mypage__ .stemp-area .textBox .row { margin: 0; } 
.mypage__ .stemp-area .textBox p { font-size: 14px; } 
.mypage__ .stemp_list { width: 220px; } 
.mypage__ .stemp_list li { margin-bottom: 20px; } 

/* 아이디 , 비밀번호 찾기 */
.find_account { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: column; } 
.find_account > h1 {margin-bottom: 25px; font-size: 30px; font-weight: 600; line-height: 150%; } 
.find_account .page-tab { width: 100%; flex-shrink: 0; display: flex; justify-content: center; align-content: center; text-align: center; margin-bottom: 40px; } 
.find_account .page-tab li { flex-grow: 1; font-size: 20px; font-weight: 600; line-height: 1.5em; cursor: pointer; } 
.find_account .page-tab li + li { border-left: 1px solid #E3E3E3; } 
.find_account .page-tab li span { opacity: 0.4; } 
.find_account .page-tab li.active span { opacity: 1; } 
.find_account .page-tab li:first-child { padding-right: 32px; } 
.find_account .page-tab li:last-child { padding-left: 32px; } 
.find_account > article { position: relative; width: 100%; flex-grow: 1;} 

.find_account .alert { font-size: 16px; opacity: 0.6; line-height: 1.5em; margin-bottom: 12px; } 
.find_account .field + .alert {margin-top: 30px;}
.find_account .submit__ {display: none; } 
.find_account .submit__.SendSMS { display: flex; z-index: 10; margin-top: 40px;} 
.find_account .codeDiv {margin-bottom: -30px;} 

.find_account .field { flex-wrap: wrap; } 
.find_account .field input { flex: 0 1 100%; } 
.find_account .verify_sms { flex: 0 1 100%; position: relative; }
.find_account .verify_sms #timer { position: absolute; display: flex; justify-content: center; align-items: center; height: 48px; right: 10px; top: 0; font-size: 18px; color: #DC2A2A; } 

.find_account .step_wrap { display: none; } 
.find_account .step_wrap.active { display: block; } 
.find_account .account_info { flex-grow: 1; width: 100%; text-align: center; } 
.find_account .account_info .email { font-size: 28px; font-weight: 700; line-height: 1.5em; } 


/* 회원가입 입력*/
.signup__form .title .alert { color: #343434; margin-bottom: 40px; } 
.signup__form .form__ .field + .field { margin-top: 0; } 
.signup__form .form__ .field > .alert { opacity: 0.8; margin-top: -2px; margin-bottom: 10px; } 
.signup__form .form__ .field h5,
.mypage__ .form__ .field h5 { font-size: 16px; font-weight: 600; line-height: 1.5em; margin-bottom: 10px; } 
.mypage__ .form__ .field h5 { display: flex; justify-content: space-between; align-items: center; } 
.mypage__ .form__ .field h5 a { font-size: 16px; font-weight: 500; text-decoration: underline; text-underline-position: under; } 
.signup__form .form__ > section h1, .mypage__ .form__ > section h1 { font-size: 24px; font-weight: 700; line-height: 1.3em; margin-bottom: 30px; padding-bottom: 14px; border-bottom: 1px solid #E3E3E3; }
.signup__form .form__ > section h1 span {display: inline-block; margin-left: 4px; padding: 4px 8px; color: #fff; font-size: 14px; font-weight: 700; line-height: 130%; vertical-align: 3px; border-radius: 20px; background-color: #68A5FE;}
.signup__form .form__ > section + section,
.mypage__ .form__ > section + section { margin-top: 60px; } 
.mypage__ .form__ > section + section { border-bottom: 1px solid #D9D9D9; } 
.mypage__ .form__ > section .stemp-area { padding: 0 40px; height: 234px; background-color: #fff; border-radius: 15px; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); -webkit-box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); } 
.mypage__ .stemp-area .textBox p { font-size: 16px; } 
.mypage__ .stemp-area .textBox .row { padding-left: 0; min-width: 120px; margin-right: 50px; } 
.mypage__ .stemp-area .textBox .row div { font-size: 20px; } 
.mypage__ .stemp-area .textBox .row + .row { padding-top: 18px; margin-top: 18px; } 
.mypage__ .stemp_list { width: 228px; } 
.mypage__ .stemp_list li { width: 60px; height: 60px; margin-bottom: 24px; } 
.mypage__ .stemp_list li:nth-child(4),
.mypage__ .stemp_list li:nth-child(5),
.mypage__ .stemp_list li:nth-child(6) { margin-bottom: 0; } 

.area__wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: -10px; } 
.area__wrap + div .checkbox { margin: 20px 0; } 
.area__wrap + div .alert { display: flex; justify-content: flex-start; align-items: flex-start; line-height: 1.4em; color: #9A9A9A; } 
.sign_wrap .alert2 {margin-top: 17px;}
.sign_wrap .alert2 p {color: #9A9A9A; line-height: 140%;}
.area__wrap + div .alert:before { content: "*"; margin-right: 8px; } 
.sign_wrap .alert2 p:before { content: "•"; margin: 0 8px; vertical-align: 1px; } 
.signup__form .area__wrap input { width: 190px; } 
.sign_wrap .field .birth { display: flex; } 
.sign_wrap .field .birth input { width: calc(100% / 3); margin-right: 12px; } 
.sign_wrap .field .birth input:last-child { margin-right: 0; } 
.area__wrap .select__wrap { border: 1px solid #E3E3E3; border-radius: 4px; width: 140px; font-size: 16px; } 
.area__wrap .selectBox__ .select__ { height: 48px; padding-left: 14px; background-size: 16px; background-image: url(https://img.lifet.co.kr/icon/select_down_g.svg); } 
.area__wrap .selectBox__ .select__.disabled { background-color: #fafafa; cursor: default; } 
.area__wrap .selectBox__ .select__ .placeholder { color: #BEBEBE; } 
.area__wrap .selectBox__ .list__ { padding: 0; max-height: 195px; overflow-y: scroll; margin-top: 1px; } 
.area__wrap .selectBox__ .list__::-webkit-scrollbar, .details_examine_pop .contentWrap::-webkit-scrollbar, .total_examine_pop .contentWrap::-webkit-scrollbar { width: 9px; background-color: transparent; } 
.area__wrap .selectBox__ .list__.list2::-webkit-scrollbar { width: 0; } 
.area__wrap .selectBox__ .list__::-webkit-scrollbar-thumb, .details_examine_pop .contentWrap::-webkit-scrollbar-thumb, .total_examine_pop .contentWrap::-webkit-scrollbar-thumb { background-color: #EBEBEB; border: 3px solid #fff; border-radius: 15px; cursor: pointer; } 
.area__wrap .selectBox__ .list__::-webkit-scrollbar-track, .details_examine_pop .contentWrap::-webkit-scrollbar-track, .total_examine_pop .contentWrap::-webkit-scrollbar-track { background-color: transparent; } 
.area__wrap .selectBox__ .list__ li { padding: 8px 13px; line-height: 1.5em; } 
.area__wrap .selectBox__ .list__ li:hover,
.area__wrap .selectBox__ .list__ li.selected { background: rgba(164, 201, 254, 0.4); } 

.signup__form .form__ > section .term__ h1 { margin-bottom: 0; border-bottom-width: 0; } 
.signup__form .term__ .alert { font-size: 12px; line-height: 150%; padding-left: 28px; margin-top: 7px; } 
.signup__form .term__ .checkTerm { position: relative; } 
.signup__form .term__ .checkTerm label { display: flex; justify-content: flex-start; align-items: center; height: 40px; font-size: 16px; padding-left: 28px; background-repeat: no-repeat; background-position: left center; background-size: 18px; background-image: url(https://img.lifet.co.kr/icon/circle_check.svg); } 
.signup__form .term__ .checkTerm label b { font-weight: 500; padding-right: 5px; } 
.signup__form .term__ .checkTerm input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 1; } 
.signup__form .term__ .checkTerm a { position: absolute; right: 0; top: 10px; font-size: 16px; color: #828282; text-decoration-line: underline; text-underline-position: under; z-index: 100; } 
.signup__form .term__ .checkTerm a:hover { color: #68A5FE; } 
.signup__form .term__ .checkTerm input:checked + label { background-image: url(https://img.lifet.co.kr/icon/circle_checked.svg); } 
.signup__form .term__ .total__ .checkTerm label { font-weight: 600; height: 46px; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; } 
.signup__form .term__ .total__ .checkTerm .term_dorp { position: absolute; right: 0; top: 0; width: 46px; height: 46px; z-index: 100; cursor: pointer; background-size: 22px; background-image: url(https://img.lifet.co.kr/icon/drop_down.svg); background-repeat: no-repeat; background-position: center; } 
.signup__form .term__ .total__ .checkTerm .term_dorp.active { transform: rotate(180deg); } 
.signup__form .term__ li:last-child b { font-weight: 400; } 
.signup__form .term__ > ul { display: none; margin-top: 20px; overflow: hidden; } 

.signup__form #submit { background-color: #C7C7C7; cursor: not-allowed; } 
.signup__form #submit.active { background-color: #68A5FE; cursor: pointer; } 


/* 회원탈퇴 */
.mobile__header { display: none; } 
.section_signout { background-color: #FAFAFA; min-height: 100svh; padding-top: 80px; padding-bottom: 205px; } 
.signout__ { position: relative; width: 630px; height: 756px; margin: 0 auto; box-shadow: 0px 0px 32px 6px rgba(177, 180, 198, 0.2); -webkit-box-shadow: 0px 0px 32px 6px rgba(177, 180, 198, 0.2); border-radius: 20px; background-color: #fff; } 
.signout__ .close { position: absolute; right: 0; top: 0; margin: 40px; width: 24px; height: 24px; background-image: url(https://img.lifet.co.kr/icon/btn_x.svg); background-size: 30px; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index: 1; } 
.signout__ .intro__ { display: flex; justify-content: center; align-items: center; flex-flow: column; width: 100%; height: 100%; } 
.signout__ .intro__ .imgBox { width: 240px; margin-bottom: 30px; text-align: center; } 
.signout__ .intro__ h1 { font-size: 28px; font-weight: 600; line-height: 42px; margin-bottom: 12px; } 
.signout__ .intro__ .alert { text-align: center; font-size: 18px; line-height: 1.5em; } 
.signout__ .intro__ .btn { margin-top: 40px; margin-bottom: 20px; border-width: 2px; padding: 0 70px; color: #fff; background-color: #68A5FE; } 
.signout__ .intro__ > a { font-size: 16px; font-weight: 500; text-decoration: underline; text-underline-position: under; } 
.signout__ .intro__ > a:hover { opacity: 0.8; } 

.signout__ .later__ { padding-top: 200px; text-align: center; } 
.signout__ .later__ img { width: 80px; margin-bottom: 30px; } 
.signout__ .later__ > h1 { font-size: 28px; font-weight: 600; line-height: 1.4em; margin-bottom: 12px; } 
.signout__ .later__ .alert { font-size: 18px; line-height: 1.5em; } 
.signout__ .later__ .btn { margin: 0 auto; margin-top: 60px; width: 188px; border-radius: 30px; border-width: 0; color: #fff; background-color: #68A5FE; } 
.signout__ .later__ .btn:active { background-color: #5492ED; } 


.pass_regist { background-color: #fafafa; padding-top: 70px; padding-bottom: 100px; } 
.pass_regist .content { position: relative; width: 630px; height: 852px; margin: 0 auto; background-color: #fff; box-shadow: 0px 0px 32px 6px rgba(177, 180, 198, 0.2); -webkit-box-shadow: 0px 0px 32px 6px rgba(177, 180, 198, 0.2); border-radius: 20px; text-align: center; padding: 80px 66px; } 
.pass_regist .content .close { position: absolute; right: 0; top: 0; width: 30px; height: 30px; cursor: pointer; border: none; background-repeat: no-repeat; background-position: center; background-image: url(https://img.lifet.co.kr/icon/close.svg); background-size: 100%; background-color: transparent; opacity: 0.8; margin: 40px; z-index: 1; } 
.pass_regist .content h1 { font-size: 28px; font-weight: 600; line-height: 1.5em; margin-bottom: 10px; } 
.pass_regist .content h5 { font-size: 18px; font-weight: 400; line-height: 1.4em; margin-bottom: 50px; } 
.pass_regist .gride_area { display: flex; justify-content: space-between; align-items: flex-start; } 
.pass_regist .gride_area .gride { flex: 1 1 50%; display: flex; justify-content: center; align-items: center; flex-flow: column; height: 260px; background-color: #fff; box-shadow: 0px 0px 32px 6px rgba(177, 180, 198, 0.2); -webkit-box-shadow: 0px 0px 32px 6px rgba(177, 180, 198, 0.2); border-radius: 16px; font-size: 20px; font-weight: 600; line-height: 1.3em; cursor: pointer; } 
.pass_regist .gride_area .gride + .gride { margin-left: 18px; } 
.pass_regist .gride_area .gride p { margin-top: 4px; color: #4D4D4D; font-weight: 400; font-size: 16px; line-height: 130%; } 
.pass_regist .gride_area .gride img { width: 100px; margin-bottom: 10px; } 
.pass_regist .banner_area { margin-top: 160px; cursor: pointer; } 
.pass_regist .banner_area img { width: 100%; } 


@keyframes prograssBar { 
from { width: 0; } 
to { width: 100%; } 
}
@-moz-keyframes prograssBar { /* Firefox */
from { width: 0; } 
to { width: 100%; } 
}
@-webkit-keyframes prograssBar { /* Safari and Chrome */
from { width: 0; } 
to { width: 100%; } 
}
@-o-keyframes prograssBar { /* Opera */
from { width: 0; } 
to { width: 100%; } 
}



@keyframes marquee { 
0% { margin-left: 172px; left: 0%; transform: translateX(30px); } 
100% { margin-left: -172px; left: 100%; transform: translateX(-100%); } 
}
@-webkit-keyframes marquee { 
0% { margin-left: 172px; left: 0%; -webkit-transform: translateX(30px); } 
100% { margin-left: -172px; left: 100%; -webkit-transform: translateX(-100%); } 
}


.within__3 { position: relative; display: flex; justify-content: flex-end; align-items: center; height: 562px; } 
.within__3 .imgBox { position: absolute; left: 0; top: 0; width: 680px; max-width: none; } 
.within__3 .imgBox img { width: 100%; } 
.within__3 .imgBox.ani-item { animation-delay: .0s !important; -webkit-animation-delay: .0s !important; } 
.within__3 .title h1 { font-size: 40px; line-height: 1.5em; margin-bottom: 10px; } 
.within__3 .title h5 { font-size: 22px; font-weight: 400; line-height: 1.5em; margin-bottom: 40px; } 
.within__3 ul { display: flex; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap; max-width: 414px; } 
.within__3 ul li { width: 70px; text-align: center; margin-bottom: 20px; font-size: 18px; line-height: 1.5em; margin-right: 16px; } 
.within__3 ul li:nth-child(5n) { margin-right: 0; } 
.within__3 ul li img { width: 40px; margin: 0 auto; } 
.within__3 ul li p { opacity: 0.8; } 

@keyframes ani_move { 
    0% { transform: translate3d(0, 30px, 0); } 
    100% { transform: translate3d(0, 0px, 0); } 
}
@-webkit-keyframes ani_move { 
    0% { -webkit-transform: translate3d(0, 30px, 0); } 
    100% { -webkit-transform: translate3d(0, 0px, 0); } 
}

@keyframes ani_move2 { 
    0% { transform: translate3d(0, 48px, 0); } 
    100% { transform: translate3d(0, 0px, 0); } 
}
@-webkit-keyframes ani_move2 { 
    0% { -webkit-transform: translate3d(0, 48px, 0); } 
    100% { -webkit-transform: translate3d(0, 0px, 0); } 
}

@keyframes ani_move3 { 
    0% { transform: translate3d(0, 172px, 0); } 
    100% { transform: translate3d(0, 0px, 0); } 
}
@-webkit-keyframes ani_move3 { 
    0% { -webkit-transform: translate3d(0, 172px, 0); } 
    100% { -webkit-transform: translate3d(0, 0px, 0); } 
}

@keyframes ani_opacity { 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
}
@-webkit-keyframes ani_opacity { 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
}

.invite_banner {display: none;}

.pw_reset h2 {margin-bottom: 30px; font-size: 28px;}
.pw_reset input::placeholder {font-size: 18px;} 
.sign_wrap .submit__.gray {background-color: #C7C7C7;}
[class*="id_step0"] {width: 100%;}
.find_account .id_step01 .codeDiv {margin: 30px 0 0;}
.sign_wrap .id_step02 strong {display: block; margin-top: 15px; font-size: 28px; font-weight: 700; line-height: 150%; text-align: center;}
.sign_wrap .id_step02 .id_result > p {margin: 0 0 13px; font-size: 16px; line-height: 150%;}
.sign_wrap .id_step02 button {width: 100%; height: 58px;}
.sign_wrap .id_step02 button + button {margin-top: 12px; font-size: 20px; font-weight: 700;}
.sign_wrap .id_step02 ul {margin-bottom: 40px; padding: 30px 40px; border-radius: 8px; border: 1px solid #D2D2D2;}
.sign_wrap .id_step02 ul li + li {margin-top: 18px; padding-top: 18px; border-top: 1px solid #EFEFEF;}
.sign_wrap .id_step02 ul li .inner {display: flex; align-items: center;}
.sign_wrap .id_step02 ul li .inner + .inner {margin-top: 8px;}
.sign_wrap .id_step02 ul li .inner > span {margin-right: 41px; font-size: 16px; font-weight: 400; line-height: 150%; }
.sign_wrap .id_step02 ul li .inner p {display: flex; flex: 1; align-items: flex-start; font-size: 16px; line-height: 150%;}
.sign_wrap .id_step02 ul li .inner p em {flex: 1; word-break: break-all;}
.sign_wrap .id_step02 ul li .inner .logo {display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-top: 3px; margin-right: 6px; border-radius: 50%;}
.sign_wrap .id_step02 ul li .inner .logo.lifet {background-color: #68A5FE;}
.sign_wrap .id_step02 ul li .inner .logo.kakao {background-color: #FFE466;}
.sign_wrap .id_step02 ul li .inner .logo.naver {background-color: #5ACC77;}
.sign_wrap .id_step02 ul li .inner .logo.apple {background-color: #000;}
.sign_wrap .id_step02 ul li .inner .logo.lifet img {width: 13px;}
.sign_wrap .id_step02 ul li .inner .logo.kakao img {width: 10px;}
.sign_wrap .id_step02 ul li .inner .logo.naver img {width: 8px;}
.sign_wrap .id_step02 ul li .inner .logo.apple img {width: 12px;}
.invite_slick {display: none !important;}

@media (max-width:767px) {
    #container.mypage {padding: 48px 0 0;}
    #container.mypage .mypage_main + footer {margin-bottom: 60px;}
    /* 로그인 */
    .checkbox.circle input[type="checkbox"] + label { background-size: 16px; padding-left: 24px; }     
    .sign_wrap { width: 100%; /* min-height: 592px; */ border-radius: 0; box-shadow: none; } 
    .sign_from_110 { padding: 40px 20px; padding-bottom: 110px; } 
    .sign_wrap #submit, 
    .sign_wrap .submit__ { height: 50px;  font-size: 16px; } 
    
    .signin .title { margin: 38px 0 -2px; font-size: 14px; } 
    .signin .banner { margin-top: 80px; margin-bottom: -20px; padding: 16px 0 16px 20px; } 
    .signin .banner p { margin-bottom: 2px; font-size: 18px; } 
    .signin .banner > span { font-size: 13px; } 
    .signin .banner::after { right: 9px; bottom: -5px; width: 121px; height: 110px; background-size: 121px; }
  
    .find_account > h1 { display: none; font-size: 18px; margin-bottom: 16px; } 
    .find_account .submit__.SendSMS {height: 41px; margin-top: 20px;} 
    .find_account .codeDiv {margin: -20px 0 0;}
    .find_account .page-tab { margin-bottom: 16px; } 
    .find_account .page-tab li { font-size: 18px; } 
    .find_account .page-tab li:first-child { padding-right: 14px; } 
    .find_account .page-tab li:last-child { padding-left: 14px; } 
    .find_account .alert { font-size: 14px; margin-bottom: 12px; }
    .find_account .field + .alert {margin-top: 16px;}
    .find_account .verify_sms #timer { height: 40px; font-size: 18px; } 
    .find_account .account_info .email { margin-top: 16px; font-size: 20px; font-weight: 700; } 
    .find_account .account_info .alert { margin-bottom: 4px; } 
    .find_account .account_info #submit { margin-top: 32px; } 

    .sign_from_70 { padding: 30px 20px; padding-bottom: 60px; } 
    .signup_email { height: 37px; font-size: 14px; margin-bottom: 30px; } 
    .signup_email i { width: 18px; margin-right: 8px; } 
    .signup__form .form__ > section h1, 
    .mypage__ .form__ > section h1 { font-size: 18px; padding-bottom: 10px; margin-bottom: 16px; } 
    .signup__form .form__ > section h1 span {padding: 2px 6px; font-size: 13px; vertical-align: 1px;}
    .signup__form .form__ > section + section, 
    .mypage__ .form__ > section + section { margin-top: 40px; } 
    .area__wrap { margin-top: 0; } 
    .area__wrap .select__wrap { flex: 0 1 49%; font-size: 14px; } 
    .area__wrap .selectBox__ .select__ { height: 40px; } 
    .area__wrap > input { flex-grow: 1; margin-top: 6px; } 
    .area__wrap + div .checkbox { margin-top : 11px; margin-bottom: 14px; font-size: 14px; } 
    .area__wrap + div .alert { font-size: 14px; color: #343434; } 
    .signup__form .term__ .total__ .checkTerm label { font-weight: 600; } 
    .signup__form .term__ .total__ .checkTerm label,
    .signup__form .term__ .checkTerm label { background-size: 16px; padding-left: 24px; font-size: 14px; font-weight: 500; } 
    .signup__form .title h1 { font-size: 24px; line-height: 1.3em; } 
    .signup__form .title .alert { font-size: 16px; opacity: 1; line-height: 1.3em; } 
    .signup__form .form__ .field h5 { font-size: 14px; line-height: 1.5em; margin-bottom: 6px; } 
    .signup__form .form__ .field + .field { margin-top: 30px; } 
    .signup__form .form__ .field > .alert { font-size: 14px; line-height: 1.3em; margin-bottom: 8px; } 
    .signup__form .term__ .alert { padding-left: 0; color: #9A9A9A; line-height: 1.4em; } 
    .sign_wrap .alert2 {margin-top: 14px;}
    .sign_wrap .alert2 p {margin-left: 14px; font-size: 12px; text-indent: -14px;}
    .sign_wrap .alert2 p:before {margin: 0 4px;}
    .signup__form .term__ .total__ .checkTerm .term_dorp { background-size: 18px; } 
    .signup__form .term__ > ul { margin-top: 10px; } 
    .signup__form .term__ .checkTerm label { height: 27px; } 
    .signup__form .term__ .checkTerm a { font-size: 14px; top: 4px; } 
    
    .sign_wrap .field .birth input { margin-right: 7px; } 
    .signup__form .field .verify__ + .verify__ { margin-top: 6px; } 
    .signup__form .area__wrap .select__wrap + input { margin-top: 4px; } 
    .sign_wrap .field .verify__.active input + .confirmMsg { min-height: inherit; } 

    .section_signout { padding: 0; min-height: inherit; background-color: #fff; height: calc(100svh - 50px); } 
    .section_signout .mobile__header { display: flex; justify-content: center; align-items: center; box-shadow: 0px 0px 32px 6px rgba(177, 180, 198, 0.2); -webkit-box-shadow: 0px 0px 32px 6px rgba(177, 180, 198, 0.2); height: 50px; } 
    .section_signout .mobile__header h1 { font-size: 18px; font-weight: 500; } 
    .section_signout .mobile__header .his_back { display: flex; justify-content: center; align-items: center; position: absolute; left: 17px; top: 0; height: 100%; } 
    .section_signout .mobile__header + .signout__ { /*padding-top: 50px; */ } 
    .signout__ { width: 100%; height: 100%; min-height: inherit; border-radius: 0; box-shadow: none; } 
    .signout__ .close { display: none; } 
    .signout__ .intro__ { /*padding-top: 59px; */ justify-content: flex-start; padding-top: 55px; } 
    .signout__ .intro__ .imgBox { width: 160px; } 
    .signout__ .intro__ .imgBox img { width: 35%; } 
    .signout__ .intro__ h1 { font-size: 20px; line-height: 1.3em; margin-bottom: 7px; } 
    .signout__ .intro__ .alert { font-size: 14px; } 
    .signout__ .intro__ .btn { width: 80%; height: 56px; border-width: 1px; font-size: 16px; font-weight: 600; padding: 6px 46px; margin-bottom: 30px; } 
    .signout__ .intro__ > a { font-size: 14px; } 
    
    .signout__ .later__ { padding-top: 95px; } 
    .signout__ .later__ img { width: 62px; margin-bottom: 25px; } 
    .signout__ .later__ > h1 { font-size: 20px; margin-bottom: 7px; } 
    .signout__ .later__ .alert { font-size: 14px; } 
    .signout__ .later__ .btn { height: 56px; margin-top: 40px; width: 80%; font-size: 16px; } 
    .mypage__ .form__ > section h1 a, .mypage__ .form__ .field h5 a { font-size: 14px; } 
    .mypage__ .form__ .field h5 { font-size: 14px; margin-bottom: 6px; } 
    .mypage__ .use__ { font-size: 24px; line-height: 1.3em; margin-bottom: 30px; } 
    .mypage__ .passBox { margin: 20px 0; word-break: keep-all; } 
    .mypage__ .passBox h5 { font-size: 16px; } 
    .mypage__ .result { font-size: 14px; } 
    .mypage__ .field + .field { margin-top: 16px; } 
    .mypage__ .alert { font-size: 12px; } 
    .mypage__ .form__ > section + section { margin-top: 50px; } 
    .mypage__ .term__ .total__ .checkTerm label { font-size: 14px; } 
    .mypage__ .term__ .btn { font-size: 12px; width: 63px; height: 30px; margin: 7px 0; } 
    .mypage__ .term__ .total__ .checkTerm label, .mypage__ .term__ .checkTerm label { background-size: 16px; padding-left: 20px; font-size: 14px; } 
    .mypage__ .term__ .checkTerm + .checkTerm { margin-top: 12px; } 
    .mypage__ .term__ .sub { margin-top: 14px; } 
    .mypage__ .signOut { margin: 30px 0 50px; font-size: 14px; } 
    .mypage__ .stemp-area .textBox .row + .row { padding-top: 0; margin-top: 0; } 
    .mypage__ .term__ > p { padding: 20px 0 0; font-size: 14px; } 
    .mypage__ .term__ > p + p { padding: 8px 0 0; } 
    .mypage__ .term__ button { margin: 20px 0; color: #287FFF; font-weight: 500; line-height: 150%; text-decoration: underline; }
    
    #container > .section-wrap.pd120 { padding: 50px 0px; } 

    .within__3 { flex-flow: column; height: auto; } 
    .within__3 .imgBox { position: relative; text-align: center; width: 100%; } 
    .within__3 .imgBox.ani-item { animation-delay: .6s !important; -webkit-animation-delay: .6s !important; } 
    .within__3 .imgBox img { max-width: 323px; } 
    .within__3 .content { padding: 10px 20px; text-align: center; } 
    .within__3 .title h1 { font-size: 24px; font-weight: 600; margin-bottom: 6px; } 
    .within__3 .title h5 { font-size: 16px; font-weight: 400; line-height: 1.5em; margin-bottom: 30px; } 
    .within__3 ul { max-width: 302px; } 
    .within__3 ul li { flex: 0 1 20%; font-size: 12px; margin-right: 0; } 
    .within__3 ul li img { width: 28px; } 
    #container > .section-wrap.gradient { background-color: #68A5FE; } 
    .rander__02 .swiper { padding: 10px 0; } 
    .rander__02 .swiper-slide .content { flex-flow: column; } 
    .rander__02 .swiper-slide .content .textBox { margin-left: 0; text-align: center; } 
    .rander__02 .subtitle { font-size: 16px; margin-bottom: 6px; } 
    .rander__02 .swiper-slide h1 { font-size: 24px; margin-bottom: 10px; line-height: 1.4em; } 
    .rander__02 .swiper-slide .text { font-size: 14px; margin-bottom: 20px; } 
    .rander__02.details_check .img_cut img { margin-left: 0; } 
    .rander__02 .swiper-slide .btn_item { display: none; } 
    .rander__02.details_check .swiper-slide .content .textBox { margin-right: 0; } 
    .rander__02.details_check .swiper-slide .content { flex-flow: column; } 
    .rollingPhone { width: 210px; height: 430px; margin: 0 auto; border-radius: 26px; border-width: 9px; box-shadow: 0px 0px 19.1659px 3.59361px rgba(177, 180, 198, 0.2); -webkit-box-shadow: 0px 0px 19.1659px 3.59361px rgba(177, 180, 198, 0.2); } 
    .img_cut img { display: block; width: 290px; margin-right: 0; } 
    .invite_slick {display: block !important; margin: 0 -20px;}
    .invite_slick img {width: 100%;}
    .invite_slick .slick-arrow {display: none !important;}
    .invite_banner {display: block; }
    .invite_banner a {display: flex; justify-content: center; align-items: center;  color: #fff; text-align: center;}
    .invite_banner strong {font-size: 20px; font-weight: 600; line-height: 130%; }
    .invite_banner .point {margin-left: 20px; padding: 8px; color: #68A5FE; font-size: 20px; font-weight: 800; line-height: 130%; border-radius: 4px; background-color: #FFF;}
    .invite_banner .point span {font-size: 14px; font-weight: 700; line-height: 130%;}
    .invite_friends .top {padding: 46px 0 38px; background:#6196F9 url(https://img.lifet.co.kr/icon/invite_bg.png) no-repeat 20px top;}
    .invite_friends .top h2 {margin-bottom: 20px; color: #fff; font-size: 30px; font-weight: 400; line-height: 130%; text-align: center;}
    .invite_friends .top h2 strong {display: block; font-weight: 600;}
    .invite_friends .top .how {display: flex; flex-flow: column; width: 240px; margin: 0 auto;}
    .invite_friends .top .how p {color: #fff; font-size: 18px; font-weight: 500; line-height: 130%; }
    .invite_friends .top .how p + p {margin-top: 14px;}
    .invite_friends .top .how p span {display: inline-block; width: 21px; height: 21px; margin-right: 8px; color: #6196F9; text-align: center; font-size: 16px; font-weight: 700; line-height: 130%;  border-radius: 50%; background-color: #fff;}
    .invite_friends .top .how p strong {font-weight: 700;}
    .invite_friends .point_card { width: 302px; height: 176px; margin: 30px auto 0; padding-top: 37px; color: #68A5FE; text-align: center; border-radius: 11px; background: #FFF url(https://img.lifet.co.kr/logo/logo.svg) no-repeat 191px 12px; background-size: 124px;}
    .invite_friends .point_card strong {font-size: 64px; font-weight: 700; line-height: 130%; }
    .invite_friends .point_card strong span {margin-left: 5px; font-size: 40px; font-weight: 600; line-height: 130%; }
    .invite_friends .point_card > span {display: block; margin-top: 4px; font-size: 18px; font-weight: 700; line-height: 130%;}
    .invite_friends .share_btn {padding: 20px; border-bottom: 10px solid #F4F4F4;}
    .invite_friends .share_btn button {display: flex; align-items: center; justify-content: center; width: 100%; padding: 15px 0; color: #fff; font-size: 16px; font-weight: 500; line-height: 130%; border-radius: 60px; background-color: #3E3E3E;}
    .invite_friends .share_btn button + button {margin-top: 11px; color: #343434; font-size: 15px; font-weight: 600; background-color: #FAE100;}
    .invite_friends .share_btn button img {width: 20px; margin-right: 4px;}
    .invite_friends .share_btn button + button img {margin-right: 10px;}
    .invite_friends .frends_point {padding: 30px 20px;}
    .invite_friends .frends_point h3 {font-size: 20px; font-weight: 600; line-height: 130%; text-align: center;}
    .invite_friends .frends_point p {margin-bottom: 20px; padding: 14px 0 20px; text-align: center; border-bottom: 1px solid #D2D2D2;}
    .invite_friends .frends_point p span {color: #999; font-size: 16px; font-weight: 500; line-height: 130%;}
    .invite_friends .frends_point p strong {display: block; margin-top: 4px; color: #6196F9; font-size: 32px; font-weight: 700; line-height: 130%;}
    .invite_friends .frends_point h4 {font-size: 16px; font-weight: 600; line-height: 130%;}
    .invite_friends .frends_point h4 span {margin-left: 6px; color: #6196F9;}
    .invite_friends .frends_point ul li {display: flex; justify-content: space-between; margin-top: 14px; font-size: 16px; font-weight: 400; line-height: 130%;}
    .invite_friends .frends_point ul li.list_none {justify-content: center; padding: 50px 0;}
    .invite_friends .frends_point ul li strong {color: #999; font-size: 14px; font-weight: 500; line-height: 130%; }
    .invite_friends .frends_point ul li strong.mission {color: #6196F9; font-size: 16px; font-weight: 600;}
    .invite_agree {padding: 30px 20px 20px; color: #fff; font-size: 14px; line-height: 130%; letter-spacing: -0.24px; border-top: 10px solid #F4F4F4; background-color: #515151;}
    .invite_agree h3 {margin-bottom: 11px; font-size: 16px; font-weight: 500; line-height: 130%; letter-spacing: -0.24px;}
    .invite_agree p {margin-left: 20px; text-indent: -23px; font-weight: 400;}
    .invite_agree p + p {margin-top: 10px;}

    .pass_regist { padding: 0; } 
    .pass_regist .content { width: 100%; height: calc(100svh - 10px); border-radius: 0; padding: 20px; padding-top: 43px; padding-bottom: 90px; } 
    .pass_regist .content > article { max-width: 360px; margin: 0 auto; } 
    .pass_regist .content .close { margin: 24px; width: 22px; height: 22px; } 
    .pass_regist .content h1 { font-size: 18px; line-height: 1.3em; margin-bottom: 4px; } 
    .pass_regist .content h5 { font-size: 16px; margin-bottom: 30px; } 
    .pass_regist .gride_area .gride { height: 194px; box-shadow: 0px 0px 20.5623px 3.85542px rgba(177, 180, 198, 0.2); -webkit-box-shadow: 0px 0px 20.5623px 3.85542px rgba(177, 180, 198, 0.2); border-radius: 10px; font-size: 17px; } 
    .pass_regist .gride_area .gride + .gride { margin-left: 12px; } 
    .pass_regist .gride_area .gride img { width: 76px; margin-bottom: 6px; } 
    .pass_regist .banner_area { margin-top: 223px; padding: 0; } 
    .pass_regist .gride_area .gride p { font-size: 13px; }
    #container.invitation ~ footer {display: none;}
    .pw_reset h2 {display: none;}
    .pw_reset .field > label, .pw_reset input::placeholder {font-size: 14px;}
    .pw_eye {top: 11.5px;}
    .find_account .id_step01 .codeDiv {margin: 16px 0 0;}
    .sign_wrap .id_step02 strong {margin-top: 30px; font-size: 20px;}
    .sign_wrap .id_step02 > p {margin: 4px 0 47px; font-size: 14px;}
    .sign_wrap .id_step02 button {height: 41px;}
    .sign_wrap .id_step02 button + button {font-size: 16px;}
    .sign_wrap .id_step02 .id_result > p {margin-bottom: 14px; font-size: 14px;}
    .sign_wrap .id_step02 ul {margin-bottom: 50px; padding: 30px;}
    .sign_wrap .id_step02 ul li .inner > span, .sign_wrap .id_step02 ul li .inner p {font-size: 14px;}
}

/*적립금 이달의 미션*/
.modal-dialog .mission_pop .content-area .head div:first-child {border: 0;}
.modal-dialog .modal-content.bottom_sheet.mission_pop {align-items: center;}
.modal-dialog .bottom_sheet.mission_pop .content-area {width: 375px; padding: 53px 0 0; border-radius: 16px;}
.save_tab {display: none;}
.save_tab.active {display: block;}
.save_tab .mobile__head {display: none;}
.mission_top {display: flex;}
.mission_top .inner {position: relative; display: flex; align-items: center; justify-content: space-between; width: 480px; height: 71px; padding: 0 20px; border-radius: 8px; background-color: #E3F1FF;}
.mission_top .inner + .inner {margin-left: 10px; background-color: #F4F4F8;}
.mission_top .inner .left {display: flex; align-items: center; font-size: 16px; font-weight: 600; line-height: 130%; }
.mission_top .inner .left div {margin-left: 20px; cursor: pointer;}
.mission_top .inner .left p img {width: 22px; margin-left: 2px;}
.mission_top .inner .left p {display: flex; align-items: center;}
.mission_top .inner .left p button {width: 22px; height: 22px;}
.mission_top .inner > button, .jelly_history .box .rig button {padding: 8px 12px 8px 28px; color :#fff; font-size: 14px; font-weight: 500; line-height: 130%; border-radius: 60px; background:#68A5FE url(https://img.lifet.co.kr/icon/change_w.png) no-repeat left 10px center; background-size: 18px;}
.mission_top .inner a {font-size: 20px; font-weight: 600; line-height: 130%;}
.mission_top .inner a::after, .mission_top .inner .left div::after {content: ''; display: inline-block; width: 20px; height: 20px; vertical-align: -3px; opacity: .6; background:url(https://img.lifet.co.kr/landing/visual/arrow_right.svg) no-repeat right center; background-size: 20px;}
.mission_top .money_icon {font-size: 20px;}
.mission_top .inner .jelly_pop {top: 61px; left: 0;}
.mission_top .inner .jelly_pop.show {display: block;}

.month_mission h3 {display: flex; margin-top: 40px; padding: 0; border-bottom: 0;}
.month_mission h3 div {margin-left: 12px; font-size: 18px; font-weight: 600; line-height: 130%; }
.month_mission ul {display: flex; flex-wrap: wrap; margin-left: -14px; margin-top: 3px;}
.month_mission ul li {overflow: hidden; position: relative; display: flex; align-items: center; width: 314px; margin-left: 14px; margin-top: 13px; padding: 20px; cursor: pointer; border-radius: 14px; background-color: #F4F4F8;}
.month_mission ul li .img {width: 70px; height: 70px; border-radius: 50% ; margin-right: 20px; background-color: #fff;}
.month_mission ul li .img img {width: 70px; height: 70px;  border-radius: 50%;}
.month_mission ul li .mission_name {display: flex; flex-wrap: wrap; font-size: 18px; font-weight: 600; line-height: 130%; }
.month_mission ul li .mission_name span {width: 100%;}
.month_mission ul li .d_day {position: absolute; top: 10px; right: 12px; padding: 4px 6px; color: #fff; font-size: 13px; font-weight: 400; line-height: 130%; border-radius: 22px; background-color: #999;}
.month_mission ul li .money_icon {margin-top: 4px; padding-left: 24px; background-size: 18px;}
.month_mission ul li .count {margin-top: 4px; margin-left: 14px; padding-left: 23px; background: url(https://img.lifet.co.kr/icon/circle_checked.svg) no-repeat left center;}
.month_mission ul li.dim::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .5; background-color: #AEAFB3;}
.mission_pop .content {text-align: center;}
.mission_pop .img img {width: 194px;}
.mission_pop .content > strong {display: block; margin-bottom: 8px; font-size: 22px; font-weight: 600; line-height: 130%;}
.mission_pop .money_icon {display: inline-block; padding-left: 25px; font-size: 20px; background-size: 20px;}
.mission_pop .information { margin: 20px; padding: 20px 16px; text-align: left; border-radius: 8px; background-color: #F4F4F8;}
.mission_pop .information p {display: flex; font-size: 16px; font-weight: 500;}
.mission_pop .information p + p {margin-top: 16px;}
.mission_pop .information p strong {width: 72px; font-weight: 500;}
.mission_pop .information p span {flex: 1; word-break: keep-all; line-height: 140%;}
.mission_pop .information .money_icon {padding-left: 21px; font-size: 16px; font-weight: 600; background-size: 16px;}
.mission_pop .btn_blue {width: calc(100% - 40px); height: 44px; margin-bottom: 30px; font-size: 16px; border-radius: 60px;}

.check_btns .point_tooltip {left: -30px; bottom: 129px; width: 170px; font-weight: 500; background-image: url(https://img.lifet.co.kr/icon/point_ballon_b.png); background-size: 170px;}
.check_btns .point_tooltip button {display: inline-block; width: 14px; height: 14px; margin-left: 4px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/close_w.svg) no-repeat; background-size: 16px;}
.first_check {display: flex; align-items: center; justify-content: center; height: 41px; margin-bottom: -20px;  font-size: 18px; font-weight: 500; line-height: normal; background-color: #D3E5FF;}
.first_check strong {margin-left: 12px; padding-right: 25px; font-weight: 700; background: url(https://img.lifet.co.kr/icon/jalley_icon.png) no-repeat right center; background-size: 20px;}
.examine-container .point_tooltip {position: absolute; left: 242px; bottom: -22px; width: 86px; height: 38px; padding: 0; font-size: 14px; line-height: 16px; letter-spacing: -0.14px; background: none;}
.examine-container .point_tooltip::before {content: ''; position: absolute;  width: 86px; height: 38px;  background: url(http://img.lifet.co.kr/icon/point_ballon2.png) no-repeat; background-size: 86px;}
.examine-container .point_tooltip::after {content: '지급'; position: relative; padding-left: 4px; white-space: nowrap; padding-top: 14px;}
.examine-container .point_tooltip div {margin: 14px 0 0 0; padding-left: 16px; font-size: 14px; line-height: 16px; letter-spacing: -0.14px; background-size: 14px;}
.examine-container .worst_top5 .point_tooltip {left: auto; right: 0; top: -39px; bottom: auto;}
.examine-container .diagnostic_test .point_tooltip {left: auto; right: 33px; top: auto; bottom: 47px;}
.examine-container .nutrition_contents .point_tooltip {left: auto; right: 1px; top: -32px; bottom: auto;}
.examine-container .nutrition_product .point_tooltip {left: auto; right: 0; top: 4px; bottom: auto;}
.examine-container .priceTag .point_tooltip {left: auto; right: 0; top: -23px; bottom: auto; }
.nutrition_guide .point_tooltip {display: none;}
.nutrition_guide .title + h6 + .nutrition_info + .scroll .point_tooltip {display: block; left: 194px; bottom: auto; right: auto; top: -46px;}
.nutrition_guide .title + h6 + .nutrition_info + .scroll .point_tooltip div {margin-left: 8px;}
.examine-container .point_tooltip.rotate::before {transform: rotate(180deg);}
.examine-container .priceTag .point_tooltip::before {width: 84px; height: 39px; transform: scaleX(-1) rotate(180deg); background-image: url(http://img.lifet.co.kr/icon/point_ballon2_1.png); background-size: 84px;} 
.examine-container .point_tooltip.rotate div {margin-top: 8px;}
.examine-container .point_tooltip.rotate::after {padding-top: 8px;}
.consult__list .point_tooltip {left: auto; right: 0; bottom: auto; top: -24px;}
.details_examine_new .point_tooltip {left: auto; right: 0; bottom: auto; top: 23px;}
.main_ingredient .point_tooltip {left: auto; right: 0; bottom: auto; top: -32px;}
.care_product .product_list li:last-child .point_tooltip {left: auto; right: 0; bottom: auto; top: -46px;}
.ai_check .wrap.obesity .point_tooltip {left: auto; right: 0; bottom: auto; top: 17px;}
.mission_complete {z-index: 9000; position: fixed; bottom: 60px; width: 335px; height: 50px; left: 50%; padding: 15px 14px; transform: translateX(-50%); border-radius: 8px; background-color: #2F3438;}
.mission_complete p {color: #fff; font-size: 16px; line-height: normal; letter-spacing: -0.24px;}
.mission_complete a {position: absolute; right: 14px; top: 15px; color: #68A5FE; font-weight: 500; letter-spacing: -0.24px;}
.point_change_pop .content-area {overflow: visible; padding: 0;}
.point_change {position: relative; width: 411px; padding: 69px 50px 38px; text-align: center;}
.point_change::before {content: ''; position: absolute; top: -98px; left: 84px; width: 243px; height: 143px; background: url(https://img.lifet.co.kr/icon/point_change.png) no-repeat; background-size: 243px;}
.point_change > span {display: block; margin-bottom: 6px; font-size: 21px; font-weight: 600; line-height: 130%;}
.point_change strong {font-size: 32px; font-weight: 700; line-height: 130%;}
.point_change strong span {color: #68A5FE;}
.point_change .btn_blue {display: block; width: 100%; height: 50px; margin-top: 28px; font-size: 20px; border-radius: 44px;}

/*출석체크*/
.attendance_area {padding-bottom: 30px;}
.attendance_area .top {position: relative; height: 259px; padding-top: 30px; color: #fff; text-align: center; border-bottom: 10px solid #F4F4F4; background-color: #83B5FF;}
.attendance_area .top img {width: 122px;}
.attendance_area .top h2 {margin-top: 8px; font-size: 36px; font-weight: 600; line-height: 130%;}
.attendance_area .top > p {font-size: 16px; font-weight: 500; line-height: 130%;}
.attendance_area .top button {position: absolute; top: 14px; right: 20px; padding-right: 20px; color: #fff; background: url(https://img.lifet.co.kr/icon/q_mark_w.png) no-repeat right center; background-size: 18px;}
.jelly_pop {display: none; z-index: 1; position: absolute; top: 42px; right: 20px; width: 334px; padding: 16px; text-align: left; border-radius: 10px; box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.14); background-color: #fff;}
.jelly_pop.show {display: block;}
.jelly_pop dl dt {display: inline-block; margin-bottom: 8px; padding-right: 26px; color: #343434; font-size: 18px; font-weight: 600; line-height: 150%; background: url(https://img.lifet.co.kr/icon/jalley_icon.png) no-repeat right center; background-size: 20px;}
.jelly_pop dl dd p {margin-left: 24px; font-size: 14px; font-weight: 500; line-height: 180%; text-indent: -24px; word-break: keep-all;}
.attendance_area .check {display: flex; justify-content: space-between; padding: 15px 20px 45px;}
.attendance_area .check strong {font-size: 16px; font-weight: 600; line-height: 130%; }
.attendance_area .check span {position: relative; display: inline-block; width: 45px; height: 24px; text-indent: -9999px; border-radius: 93px; background-color: #CFCFCF;}
.attendance_area .check span::before {content: ''; position: absolute; left:2px; top: 2px; width: 20px; height: 20px; border-radius: 50%; background-color: #fff;}
.attendance_area .check span.on {background-color: #68A5FE;}
.attendance_area .check span.on::before {left: auto; right: 2px;}
.jelly_count {position: relative; display: flex; justify-content: center; margin: 0 20px; padding: 17px 0; border-radius: 11px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);}
.jelly_count::before {content: ''; position: absolute; left: 50%; top: 21px; width: 1px; height: 39px; background-color: #D2D2D2;}
.jelly_count .inner {display: flex; flex-flow: column; align-items: center; flex: 1; font-size: 16px; font-weight: 500; line-height: 130%;}
.jelly_count .inner > div { font-size: 20px; font-weight: 600; line-height: 130%;}
.jelly_count .inner .money_icon {padding-left: 21px;}
.jelly_carlendar {margin: 16px 20px 0; padding: 20px; border-radius: 12px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);}
.jelly_carlendar .month {margin-bottom: 20px; color: #000; font-size: 24px; font-weight: 600; line-height: 130%; }
.jelly_carlendar table {width: 100%;}
.jelly_carlendar table thead th {color: #999; font-weight: 400; line-height: 130%;}
.jelly_carlendar table tbody td {position: relative; padding-top: 16px; text-align: center;}
.jelly_carlendar table tbody td div {display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; margin: 0 auto; color: #343434; font-size: 16px;}
.jelly_carlendar table tbody td .disable {color: #ccc;}
.jelly_carlendar table tbody td .today {border-radius: 50%; border: 2px solid #68A5FE;}
.jelly_carlendar table tbody td .ballon {position: absolute; left: -11px; top: -30px; width: 58px; height: 38px; background: url(https://img.lifet.co.kr/icon/point_ballon3.png) no-repeat; background-size: 58px;}
.jelly_carlendar table tbody td .money_icon {position: absolute; top: 7px; left: 8px; width: auto; height: auto; padding-left: 16px; color: #fff; font-size: 14px; font-weight: 400; background-size: 14px;}
.jelly_carlendar table tbody td .jelly_check {position: relative; border-radius: 50%; background-color: #68A5FE;}
.jelly_carlendar table tbody td .jelly_check::before {content: ''; position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: #68A5FE url(https://img.lifet.co.kr/icon/jalley_icon.png) no-repeat; border-radius: 50%; background-size: 32px;}
.attendance_area > button {width: calc(100% - 40px); height: 44px; margin: 16px 20px 30px; font-size: 16px; border-radius: 60px;}
.jelly_banner {padding: 0 20px 30px; border-bottom: 10px solid #F4F4F4;}
.jelly_banner a {display: block; padding: 18px 0 18px 20px; border-radius: 12px; background:#F4F4F8 url(https://img.lifet.co.kr/icon/jelly_bg.png) no-repeat right 18px center; background-size: 104px;}
.jelly_banner a strong {display: block; margin-bottom: 4px; font-size: 20px; font-weight: 700; line-height: normal;}
.jelly_banner a span {font-size: 15px; font-weight: 500; line-height: normal;}
.attendance_area > h3 {margin: 30px 0 12px 20px;}
.attendance_area > .bullet {margin-left: 40px; margin-right: 20px; text-indent: -24px; color: #7B7B7B; font-size: 15px; line-height: 130%;}
.attendance_area > .bullet + .bullet {margin-top: 10px;}
.jelly_change {max-width: 371px; margin: -10px 0 0; padding: 0 20px 30px;}
.jelly_change h1 {font-size: 22px; font-weight: 600; line-height: 130%;}
.jelly_change .input {display: flex; margin-top: 20px;}
.jelly_change .input input {width: 241px; height: 40px; margin-right: 8px; font-size: 16px; border-radius: 4px; background-color #fff;}
.jelly_change .input button {width: 86px; padding: 10px 0; font-size: 14px; font-weight: 500; line-height: 130%; border-radius: 4px; border: 1px solid #CDCDCD;}
.jelly_change p {margin: 14px 0 24px; line-height: 130%;}
.jelly_change p span {color: #68A5FE; font-weight: 600;}

.sort_button {display: flex;}
.sort_button button {display: block; min-width: 120px; padding: 10px 16px; font-size: 14px; font-weight: 500; line-height: 130%; text-align: center; border-radius: 6px; border: 1px solid #E3E3E3;}
.sort_button button + button {margin-left: 5px;}
.sort_button button.on {color: #fff; border-color: #68A5FE; background-color: #68A5FE;}

.profile_nickname {width: 330px; height: 374px; text-align: center;}
.profile_nickname .profile_default {width: 110px; height: 110px; margin: 0 auto;}
.profile_nickname .profile_default label {right: -10px; bottom: 0; width: 36px; height: 36px; background-size: 24.5px;}
.profile_nickname .profile_default + a {width: auto; margin-top: 14px; color: #999; font-size: 14px;}
.profile_nickname .default_img {overflow: hidden; width: 110px; height: 110px; background-color: #F6F6F6;}
.profile_nickname .default_img > img {width: 110px; height: 110px; object-fit: cover; border-radius: 0;}
.profile_nickname .profile_default .upload_pic, .profile_nickname .profile_default .upload_pic img {width: 110px; height: 110px;}
.profile_nickname .field {position: relative; margin-top: 30px; text-align: left;}
.profile_nickname .field label {margin-bottom: 10px; font-size: 16px;}
.modal-dialog .profile_nickname .field input {height: 42px; background-color: #fff;}
.profile_nickname .field .name_load {display: inline-block; position: absolute; right: 14px; top: 43px; width: 24px; height: 24px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/road.png) no-repeat center; background-size: 24px;}
.profile_nickname + .btn_blue {height: 43px; font-size: 16px;}
.profile_nickname .field.active + .confirmMsg {margin-top: 12px; line-height: 1.5em; color: #DC2A2A; font-size: 13px; text-align: left;}

.consult__tab2 .tab_auto li {width: auto;}
.consult__tab2 .tab_auto li a {padding: 0 27px;}
.mypage_cont .exposure_tag > ul {flex-flow: column; margin-bottom: 40px;}
.mypage_cont .exposure_tag > ul li:nth-child(even) {margin-left: 0;}
.mypage_cont .exposure_tag > ul li a {width: 100%; padding-bottom: 20px;}
.mypage_cont .exposure_tag > ul li a .tit {font-size: 20px;}
.mypage_cont .exposure_tag > ul li .bottom {margin-top: 12px;}
.mypage_cont .exposure_tag > ul li a .wrap img {display: none;}

.subscribe_topic .top {padding: 11px 0 10px 30px; font-weight: 600; line-height: 130%; border-radius: 8px; background-color: #F7F8FA;}
.subscribe_topic .top button {display: inline-block; width: 22px; height: 22px; margin-left: 20px; text-indent: -9999px; border-radius: 50%; background: #68A5FE url(https://img.lifet.co.kr/icon/plus_w.svg) no-repeat center; background-size: 17px;}
.subscribe_topic .topic_slick {flex-wrap: wrap;}
.subscribe_topic .topic_slick > div {width: 303px; margin-top: 30px; margin-left: 30px;}
.subscribe_topic .topic_slick > div:nth-child(3n+1) {margin-left: 0;}
.subscribe_topic .topic_slick a {position: relative; display: flex;}
.subscribe_topic .topic_slick .text {display: flex; flex-direction: column-reverse;}
.subscribe_topic .topic_slick .text span {font-weight: 400;}
.subscribe_topic .topic_slick .text span:last-child::before {display: none;}
.subscribe_topic .topic_slick .text strong {margin: 4px 0 0; font-size: 14px; font-weight: 500; line-height: 130%;}
.subscribe_topic .topic_slick > div a + a {margin-top: 10px; border: 0;}
.subscribe_topic button.subscribe {width: 69px; padding: 6px 0 6px 30px;}
.subscribe_topic button.subscribing {width: 69px; padding: 6px 0 6px 24px;}

.myboard_empty {margin-top: 210px; text-align: center;}
.myboard_empty p {margin-bottom: 20px; font-size: 18px; line-height: 140%;}
.myboard_empty .btn_line {height: 44px; padding: 10px 18px; font-size: 16px; font-weight: 600; line-height: 24px;}
.myboard_empty.topic {margin-top: 140px; margin-bottom: 200px;}
.myboard_empty.counsel {margin-top: 190px; margin-bottom: 130px;}

.review_banner + p {margin: 30px 0 16px; font-size: 18px; font-weight: 600; line-height: 130%;}
.review_banner + p strong {color: #68A5FE;}

.review_cont .state {margin: 14px 0; color: #68A5FE; font-weight: 600; line-height: 130%; }
.review_cont .tip .tip_tit  {font-size: 15px; font-weight: 600; line-height: 130%;}
.review_cont .tip p {margin-top: 8px; line-height: 130%;}
.review_pop .btn_wrap {position: absolute; left: 0; bottom: 0; width: 100%; padding: 30px; background: linear-gradient(0deg, #FFF 18.86%, rgba(255, 255, 255, 0.00) 93.42%);}
.review_pop .btn_wrap .btn_blue {width: 100%; height: 52px; margin-top: 0; font-size: 18px; border-radius: 60px;}
.review_pop .radio_state {display: flex; margin-top: 8px;}
.review_pop .radio_state li {position: relative;}
.review_pop .radio_state li input {position: absolute; width: 100%; height: 100%; opacity: 0;  cursor: pointer;}
.review_pop .radio_state li label {display: block; margin-right: 8px; padding: 6px 10px; font-size: 12px; font-weight: 500; line-height: 18px; letter-spacing: -0.6px; border: 1px solid #E7E7E7; border-radius: 30px;}
.review_pop .radio_state li input:checked + label {border-color: #68A5FE;}
.review_pop .contentWrap {max-width: 550px;}
.review_pop .contentWrap .note {margin-bottom: 30px;}

.medical_history {display: none; padding: 40px 103px 100px; }
.medical_history .top {display: flex; justify-content: space-between; padding: 10px 20px 9px 12px; font-weight: 600; line-height: 130%; border-radius: 8px; background-color: #F7F8FA;}
.medical_history .top button {display: inline-block; width: 24px; height: 24px; text-indent: -9999px; border-radius: 50%; background: #68A5FE url(https://img.lifet.co.kr/icon/plus_w.svg) no-repeat center; background-size: 19px;}
.medical_history ul li {position: relative; display: flex; align-items: center; margin-top: 20px;}
.medical_history ul li .icon {display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; margin-right: 16px; border-radius: 50%; background-color: #F5F5F5;}
.medical_history ul li .icon img {width: 39px;}
.medical_history ul li .part {display: flex; flex-wrap: wrap; font-weight: 500; line-height: 130%;}
.medical_history ul li .part strong {display: block; width: 100%; margin-bottom: 4px;}
.medical_history ul li .part span {display: inline-flex; align-items: center; color: #808080; font-size: 12px; line-height: 130%;}
.medical_history ul li .part span + span::before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 0 4px; border-radius: 50%; background-color: #808080;}
.medical_history ul li .btn_rig {position: absolute; right: 0; top: 13px; display: flex; align-items: center;}
.medical_history ul li .btn_rig button {display: inline-block; width: 24px; height: 24px; text-indent: -9999px; background-position: center; background-repeat: no-repeat; background-size: 24px;}
.medical_history ul li .btn_rig button.modify { background-image: url(https://img.lifet.co.kr/icon/modify_icon.png);}
.medical_history ul li .btn_rig button.del {margin-left: 12px; opacity: .5; background-image: url(https://img.lifet.co.kr/icon/close_black.svg);}

.medical_historyModify {position: relative; width: 482px; height: 545px; padding: 0 73px;}
.medical_historyModify .field label {position: relative; width: 130px; margin-bottom: 16px; font-size: 16px;}
.medical_historyModify .field input[type="text"] {height: 40px; background-color: transparent;}
.medical_historyModify .check-area {display: flex; flex-wrap: wrap; margin-bottom: 12px;}
.medical_historyModify .check-area div {position: relative; width: 130px;}
.medical_historyModify .check-area input:disabled + label {opacity: .6;}
.medical_historyModify .btn_blue {position: absolute; left: 51px; bottom: 0; width: 380px; height: 52px; margin-top: 30px; font-size: 18px; border-radius: 60px;}

.stop_out ul {display: flex; flex-wrap: wrap;}
.stop_out ul li {position: relative; display: flex; align-items: center; width: 456px; margin-bottom: 28px;}
.stop_out ul li:nth-child(even) {margin-left: 58px;}
.stop_out ul li img {width: 48px; margin-right: 16px; border-radius: 50%; object-fit: cover;}
.stop_out ul li strong {display: block; margin-bottom: 2px; font-size: 16px; font-weight: 600; line-height: 130%;}
.stop_out ul li span {color: #6C6C6C; line-height: 130%;}
.stop_out ul li .inner {flex: 1;}
.stop_out ul li .inner button {position: absolute; right: 0; top: 7px; display: flex; align-items: center; justify-content: center; width: 76px; height: 34px; color: #fff; font-size: 14px; font-weight: 600; line-height: 130%; border-radius: 6px; background-color: #68A5FE;}
.stop_out ul li .inner button.clear {color: #68A5FE; border: 1px solid #68A5FE; background-color: #fff;}

.jelly_history_pop .back {display: none;}
.modal-dialog .jelly_history_pop .head div:first-child {padding-left: 20px;}
.jelly_history {width: 485px; padding: 20px 0 0 20px;}
.jelly_history .box {display: flex; align-items: center; justify-content: space-between; margin-right: 20px; padding: 12px 20px; border-radius: 8px; background-color: #F4F4F8;}
.jelly_history .box > span {display: flex; align-items: center; font-size: 16px; font-weight: 600; line-height: 130%;}
.jelly_history .box > span button {height: 22px; margin-left: 2px;}
.jelly_history .box > span img {width: 22px;}
.jelly_history .box .rig {display: flex; align-items: center;}
.jelly_history .box .rig .money_icon {padding-left: 28px; font-size: 22px; background-size: 20px;}
.jelly_history .box .rig button {margin-left: 16px;}
.jelly_history > p {margin: 20px 20px 0 0; padding-bottom: 20px;  border-bottom: 1px solid #E3E3E3;} 
.jelly_history .history_none {display: flex; align-items: center; justify-content: center; min-height: 324px; padding-right: 20px; font-size: 15px;}
.jelly_history ul {overflow-y: auto; max-height: 324px; min-height: 230px; margin-right: 5px; padding-right: 15px; padding-top: 16px; padding-bottom: 16px;}
.jelly_history ul li {position: relative; display: flex; align-items: flex-start;}
.jelly_history ul li + li {margin-top: 20px;}
.jelly_history ul li > span {width: 51px;  margin-top: 1px; color: #666; font-size: 14px; line-height: 150%; }
.jelly_history ul li > strong {font-size: 16px; font-weight: 600; line-height: 150%;}
.jelly_history ul li > strong span {display: block; font-size: 14px; font-weight: 400; line-height: 150%;}
.jelly_history ul li .point {position: absolute; right: 0; line-height: 150%; text-align: right;}
.jelly_history ul li .point > span:first-child  {display: block; color: #999; font-size: 16px; font-weight: 700; line-height: 150%; }
.jelly_history .jelly_pop {top: 123px; right: auto; left: 20px;}

@media (max-width: 767px) {
    .consult__tab2.point {display: none;}
    .save_tab .mobile__head {z-index: 10000000; position: fixed; top: 0; display: flex; justify-content: center; align-items: center;  width: 100%; height: 48px; margin: 0 -20px; background-color: #fff;}
    .save_tab .mobile__head .hTitle {margin-top: 1px;}
    .modal-dialog .bottom_sheet.mission_pop .content-area {width: 100%;}
    .mission_pop .content {max-height: calc(100svh - 48px); overflow-y: auto; overflow-x: hidden; padding-top: 66px;}
    .mission_pop .information {width: calc(100% - 40px);}
    .mission_pop .information, .mission_pop .btn_blue {margin-bottom: 40px;}
    .mission_top {flex-flow: column; margin-top: 26px;}
    .mission_top .inner {align-items: flex-end; width: 100%; height: auto; padding: 18px 20px;}
    .mission_top .inner:first-child {align-items: flex-start; height: 107px;}
    .mission_top .inner:first-child > button {position: absolute; right: 20px; bottom: 18px;}
    .mission_top .inner + .inner {margin: 10px 0 0; padding: 14px;}
    .mission_top .inner .left {flex-flow: column; align-items: flex-start;}
    .mission_top .inner .left div {margin: 18px 0 0; padding-left: 28px; font-size: 22px; background-size: 20px;}
    .mission_top .inner a {font-size: 16px;}
    .mission_top .inner a::after {vertical-align: -4px;}
    .mission_top .inner .jelly_pop {top: 51px;}
    .month_mission h3 {flex-flow: column;}
    .month_mission h3 div {margin: 8px 0 0;}
    .month_mission ul {margin-left: 0;}
    .month_mission ul li {width: 100%; margin: 12px 0 0; padding: 20px; border-radius: 12px;}
    .month_mission ul li .img {width: 54px; height: 54px;}
    .month_mission ul li .img img {width: 54px; height: 54px; margin-right: 16px;}
    .month_mission ul li .mission_name {font-size: 16px;}
    .month_mission ul li .money_icon {padding-left: 21px; font-size: 16px; background-size: 16px;}
    .month_mission ul li .count {background-size: 16px;}

    .check_btns .point_tooltip {left: 50%; bottom: -49px; margin-left: -43px; padding-top: 18px;  background-image: url(https://img.lifet.co.kr/icon/point_ballon_b1.png);}
    .first_check {margin-bottom: 12px; margin-top: 20px; font-size: 16px;}
    .first_check strong {padding-right: 23px; background-size: 18px;}

    .examine-container .point_tooltip {left: calc(8vw - 11px); bottom: -27px;}
    .details_examine_new .point_tooltip {left: auto; right: 0; bottom: auto;}
    .examine-container .diagnostic_test .point_tooltip {right: 50%; margin-right: -143px;}
    .main_ingredient .point_tooltip {left: auto; right: 0; bottom: auto; top: -49px;}
    .image_save .point_tooltip {left: 50%; margin-left: -43px; bottom: auto; top: -42px;}
    .care_product .product_list li:last-child .point_tooltip {display: none;}
    .care_product .product_list li:nth-child(2) .point_tooltip {display: flex; top: -46px; right: 0; left: auto;}
    .nutrition_guide .title + h6 + .nutrition_info + .scroll .point_tooltip {top: 174px; right: auto; left :0;}
    .nutrition_guide .title + h6 + .nutrition_info + .scroll .point_tooltip::before {transform: rotate(0deg);}
    .nutrition_guide .title + h6 + .nutrition_info + .scroll .point_tooltip::after {padding-top: 14px;}
    .nutrition_guide .title + h6 + .nutrition_info + .scroll .point_tooltip div {margin-top: 14px;}
    .consult__list .point_tooltip {left: auto; right: 0; bottom: auto; top: -22px;}
    .ai_check .wrap.obesity .point_tooltip {top: 15px;}
    .mission_complete {z-index: 10000; bottom: 70px;}
    .point_change_pop .content-area {width: 310px;}
    .point_change {width: 100%; padding: 56px 21px 30px;}
    .point_change > span {font-size: 18px;}
    .point_change strong {font-size: 28px;}
    .point_change .btn_blue {height: 48px; font-size: 16px; margin-top: 26px;}
    .point_change::before {left: 30px;}
    .modal-dialog .modal-content.jelly_change_pop {overflow: hidden; align-items: center; background-color: transparent;}
    .modal-dialog .jelly_change_pop .content-area {width: 310px; border-radius: 12px;}
    .jelly_change {margin-top: -20px;}
    .jelly_change h1 {font-size: 18px;}
    .jelly_change .input {margin-top: 14px;}
    .jelly_change .input input {width: 194px;}
    .jelly_change p {margin: 12px 0 22px;}
    .modal-dialog .modal-content.jelly_change_pop .btn_area {margin-bottom: 0;}
    .modal-dialog .modal-content.jelly_change_pop .btn_area button {margin: 0;}
    .jelly_pop dl dd p {font-size: 14px;}
    .sort_button {padding: 8px 0;}
    .sort_button button {min-width: auto; width: 25%;}
    .order .save_tab + h3 {margin-right: -20px; margin-left: -20px; padding: 30px 20px  20px; border-top: 10px solid #F4F4F4;}

    .modal-dialog .jelly_history_pop .content-area .closer {position: absolute; left: 0; top: 0;  width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: 22px; background-image: url(https://img.lifet.co.kr/icon/back_btn.png); z-index: 1}
    .modal-dialog .jelly_history_pop .content-area .mobileCloser {display: none !important;}
    .jelly_history_pop .back {display: block;}
    .modal-dialog .jelly_history_pop .head {height: 48px;}
    .modal-dialog .jelly_history_pop .head div:first-child {height: 48px; padding-left: 0; padding-top: 10px; text-align: center;}
    .jelly_history {width: 100%; padding: 26px 20px 20px;}
    .jelly_history .box {flex-direction: column; align-items: flex-start; height: 107px; margin-right: 0; padding: 18px 20px;}
    .jelly_history .box .rig {justify-content: space-between; width: 100%; margin-top: 15px;}
    .jelly_history > p {margin-right: 0;}
    .jelly_history ul {max-height: calc(74dvh - 50px); margin-right: -20px;  padding-right: 20px;}
    .jelly_history .history_none {min-height: calc(100svh - 259px); padding-right: 0;}
}

.modal-dialog .modal-content.profile-add-area {overflow: hidden; position: relative;  z-index: 1; border-radius: 12px; background-color: transparent;} 
.modal-dialog .modal-content.profile-add-area .content-area {width: 542px; height: 775px;} 
.modal-dialog .modal-content.profile-add-area .close { position: absolute; right: 0; top: 0; margin: 35px; width: 21px; height: 21px; background-image: url(https://img.lifet.co.kr/icon/btn_x.svg); background-repeat: no-repeat; /*background-size: 32px; */background-position: center; z-index: 1; cursor: pointer; } 
.modal-dialog .modal-content.profile-add-area .consult__tab2 ul {margin: 30px 20px 0;}
.modal-dialog .profile-add-area .field { display: flex; flex-flow: column; font-size: 16px; } 
.modal-dialog .profile-add-area .field input[type="text"] {height: 40px; background-color: #fff;}
.modal-dialog .profile-add-area .field .birth input { width: calc(100% / 3 - 5px) !important; margin-right: 3px; } 
.modal-dialog .profile-add-area .field .birth input:last-child { margin-right:0; } 
.modal-dialog .profile-add-area .field + .field { position: relative; margin-top: 22px; } 
.modal-dialog .profile-add-area .field > *, .modal-dialog .profile-add-area .field > div  { flex-grow: 1; width: auto;} 
.modal-dialog .profile-add-area .field .number { justify-content: center; } 
.modal-dialog .profile-add-area .field .number span.minus { margin-right: 20px; } 
.modal-dialog .profile-add-area .field .number span.plus { margin-left: 25px; } 
.modal-dialog .profile-add-area .field > label {display: block; flex-grow: 0; margin-bottom: 4px; font-weight: 600; font-size: 16px;} 
.modal-dialog .profile-add-area .field > label .money_icon {display: inline-block;}
.modal-dialog .profile-add-area .field select { width: auto; border-color: #E7E7E7; } 
.profile-info .select2-container--default .select2-selection--single { background-image: url('https://img.lifet.co.kr/icon/select_down_g.svg'); background-size: 24px; } 
.modal-dialog .profile-add-area .profile-info .check-area {display: flex; margin-bottom: 0; } 
.modal-dialog .profile-add-area .profile-info .check-area > div {position: relative; width: 130px;}
.modal-dialog .profile-add-area .profile-info .check-area label { position: relative; width: 130px; } 
.modal-dialog .profile-add-area .profile-info .check-area label:last-child { margin-right: 0; width: auto; } 
.modal-dialog .profile-add-area .profile-info .check-area input {width: 21px; height: 22px; } 
.modal-dialog .profile-add-area .profile-info .check-area input[type="text"] { width: 282px; } 
.modal-dialog .profile-add-area .profile-info .field input[type="number"] { width: 23px; text-align: right; flex-grow: initial; background-color: #fff; } 
.modal-dialog .profile-add-area .profile-info .field .weight input[type="number"] { width: 283px; padding-left: 18px; text-align: left; } 
.modal-dialog .profile-add-area .profile-info .check-area .checkbox { margin-left: 54px; } 
.modal-dialog .profile-add-area .profile-info .check-area .checkbox input { width: 100%; height: 100%; } 
.modal-dialog .profile-add-area .profile-info .btn-area { justify-content: flex-end; margin-top: 35px; } 
.modal-dialog .profile-add-area .delete { display: inline-block; opacity: 0.5; font-size: 16px; font-weight: 600; line-height: 1.5em; text-decoration: underline; text-underline-position: under; margin-top: 36px; } 

.modal-dialog .modal-content.profile-add-area .profile-add-area .profile-img { padding: 0 24px; } 
.modal-dialog .modal-content.profile-add-area .profile-add-area .profile-info { width: 335px; margin: 0 auto; padding: 30px 0 110px; } 
.modal-dialog .modal-content.profile-add-area .consult__tab2 {margin-bottom: 0;}
.modal-dialog .modal-content.profile-add-area .consult__tab2 ul li {width: 120px;}
.modal-dialog .modal-content.profile-add-area .scroll_auto { overflow-y: auto; width: 542px; height: 715px;} 
.profile-info-tab { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 28px; } 
.profile-info-tab li { position: relative; flex-grow: 1; font-size: 18px; line-height: 1.5em; opacity: 0.5; text-align: center; padding-bottom: 20px; cursor: pointer; } 
.profile-info-tab li.active { opacity: 1; font-weight: 700; } 
.profile-info-tab li.active:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #68A5FE; } 

.profile-img .profile_default { width: 110px; margin: 0 auto; } 
.profile-img .profile_default .default_img, .profile-img .profile_default .default_img img, .profile-img .profile_default .upload_pic {width: 110px; height: 110px;}
.profile-img .profile_default label {right: -10px; bottom: 0; width: 36px; height: 36px; background-size: 24.5px;}
.profile-img .profile_default + a {width: auto; margin-top: 17px; color: #999; font-size: 14px;}
.profile_default + a { display: block; width: 190px; margin-top: 21px; color: #68A5FE; font-weight: 600; font-size: 16px; text-align: center; line-height: 130%; text-decoration: underline; } 

.img_reload button { border: 0; cursor: pointer; background-color: transparent; } 
.img_reload button img { width: 74px; } 

.profile-title-area { display: flex; justify-content: space-between; align-items: center; max-width: 870px; margin: 0 auto; margin-bottom: 20px; } 
.profile-title-area div:first-child { display: flex; justify-content: flex-start; flex-flow: wrap; align-items: center; } 
.profile-title-area h1 { font-size: 28px; font-weight: 600; line-height: 1.5em; margin-right: 16px; } 
.profile-title-area h1.bold { font-weight: 700; } 
.profile-title-area p { line-height: 1.5em; font-size: 16px; color: #737373; } 
.profile-title-area .caution-area li { font-size: 12px; background-size: 18px; padding-left: 26px; } 
.profile-title-area .btn { display: flex; justify-content: center; align-items: center; border-width: 2px; width: 165px; height: 45px; font-size: 16px; } 
.profile-title-area + .profile-add-area { /*margin-bottom: 220px; */}


.profile-add-area { display: flex; justify-content: center; align-items: center; width: 870px; /* height: 616px; */background-color: #fff; margin: 0 auto; border-radius: 20px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.06); } 
.profile-add-area > div { height: 100%; } 
.profile-add-area .profile-img { padding: 50px  0 30px; } 
.profile-add-area .profile-info { flex-grow: 1; padding: 0 103px 100px; } 
.profile-add-area .profile-info input.del { border-color: #DC2A2A; } 
.profile-add-area .profile-info input + .alert { color: #818181; font-size: 12px; margin-top: 8px; height: 1.3em; } 
.profile-add-area .profile-info input.del + .alert { color: #DC2A2A; } 

.profile-add-area .profile-img .title { font-size: 24px; font-weight: 500; line-height: 1.5em; text-align: center; margin-bottom: 20px; } 
.profile-add-area .profile-img .name { font-size: 28px; } 
.profile-add-area .profile-img .img-wrap { position: relative; display: flex; justify-content: space-around; align-items: flex-end; background-color: #FFD9E0; width: 280px; height: 315px; border-radius: 15px; overflow: hidden; } 
.profile-add-area .profile-img .img-wrap img { width: 100%; vertical-align: top; } 
.profile-add-area .profile-img .img-wrap.on img { vertical-align: top; } 
.profile-add-area .profile-img .img-wrap.on .img-btn { display: block; } 
.profile-add-area .background-selector { margin-top: 31px; } 
.profile-add-area .profile-tag { margin-top: 24px; } 

.profile-img .img-wrap .img-btn { position: absolute; top: 0; width: 40px; height: 100%; background-position: center; background-repeat: no-repeat; cursor: pointer; z-index: 1; display: none; } 
.profile-img .img-wrap .btn-prev { background-image: url(https://img.lifet.co.kr/icon/btn-prev.png); left: 0; } 
.profile-img .img-wrap .btn-next { background-image: url(https://img.lifet.co.kr/icon/btn-next.png); right: 0; } 

.scroll_auto .btn-area {position: absolute; width: 100%; left: 0; bottom: 0; padding: 30px 111px 30px 95px; background: linear-gradient(0deg, #FFF 28.86%, rgba(255, 255, 255, 0.00) 93.42%);} 
.modal-dialog .scroll_auto .btn-area .btn {width: 100%; padding: 0px 38px; height: 50px; color: #fff; font-size: 16px; line-height: 1em; border-width: 2px; cursor: pointer; background-color: #68A5FE; } 

.mypage_cont .consult__list .detail__ .subject { line-height: 130%; } 
.mypage_cont .consult__list .img__box { width: 170px; font-size: 16px; } 
.mypage_cont .consult__list .img__box .img__ { width: 80px; height: 80px; margin-bottom: 10px; } 
.mypage_cont .consult__list .detail__ { padding-right: 0; } 
.mypage_cont .consult__list .detail__ .desc { height: auto; margin-bottom: 14px; line-height: 140%; font-size: 16px; -webkit-line-clamp: 1;} 
.mypage_cont .consult__list .detail__ .view__ {position: relative; font-size: 14px; } 
.mypage_cont .consult__list ul li + li {margin-top: 24px; padding-top: 24px; border-top: 1px solid #D9D9D9;}
.mypage_cont .consult__list .detail__ .subject h1 { font-size: 20px; } 
.consult__list .detail__ .subject h1 {display: flex; align-items: center; margin: 8px 0; padding: 0; color: #494949; font-size: 20px; font-weight: 600; line-height: 130%;}
.consult__list .detail__ .view__ span { padding-right: 8px; color: #6C6C6C; }

.lifet-chart { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: column; pointer-events: none; } 
.lifet-chart .legend__ { flex-shrink: 0; width: 100%; display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 500;  } 
.lifet-chart .legend__.total {margin-bottom: 0;}
.lifet-chart .legend__ span:first-child { display: inline-block; padding: 2px 18px; border-radius: 20px; color: #fff; font-size: 19px; margin-right: 5px; background-color: #eee; } 
/*.lifet-chart .legend__ span:last-child {color: #9E9E9E; }*/ 
.lifet-chart .legend__ li:nth-child(1) span:first-child { background-color: #F9708B; } 
.lifet-chart .legend__.total li:nth-child(2) span:first-child { background-color: #FFCE50; } 
.lifet-chart .legend__ li:nth-child(3) span:first-child { background-color: #FFD15B; } 
.lifet-chart .legend__.total li:nth-child(3) span:first-child { background-color: #47DAB3; } 
.lifet-chart .legend__ li:nth-child(4) span:first-child { background-color: #47DAB3; } 
.lifet-chart .legend__ span:last-child { color: #9E9E9E; font-size: 14px; font-weight: 500; }
.lifet-chart .scales__ { display: flex; justify-content: flex-start; align-items: end; flex-flow: column; position: absolute; left: -9px; padding: 62px 10px 30px 0;  bottom: 10px; width: 43px; height: 100%; } 
.lifet-chart .scales__ span { flex: 0 1 30%; opacity: 0.4; font-size: 14px;  font-weight: 500;}
.lifet-chart .legend__ li:nth-child(2) span:first-child { background-color: #FF9A50; } 
.lifet-chart .chart__ { position: relative; width: 100%; display: flex; justify-content: flex-end; align-items: flex-start; flex-flow: column; flex-grow: 1; } 
.lifet-chart .chart__ .diff_value {display: flex; position: absolute; bottom: -22px; flex-shrink: 0; width: 100%; margin-top: -20px; text-align: center;}
.vulnerable .lifet-chart .chart__ .diff_value {padding: 0 30px;}
.diff_value div { flex: 1; } 
.diff_value div span { display: inline-block; color: #9E9E9E; font-weight: 600; font-size: 14px; line-height: 130%; border-radius: 60px; } 
.diff_value .hig__ span { color: #68A5FE; } 
.diff_value .low__ span { color: #F9708B; } 
#organsChart .lifet-chart {width: 366px; padding-left: 34px;}
#organsChart .lifet-chart .legend__ {margin-bottom: 40px; margin-left: -17px;}
.lifet-chart .legend__.total {margin-left: 0;}
#organsChart .legend__ li:nth-child(2) span:first-child { background-color: #B3B3B3; } 
#organsChart .legend__ li:nth-child(3) span:first-child { background-color: #77AEFE; } 
.lifet-chart .legend__ li { white-space: nowrap; } 
.lifet-chart .canvas__ {height: 150px;}
.vulnerable .lifet-chart .canvas__, .partsResult  .lifet-chart .canvas__ {padding: 0 30px;}
.vulnerable .lifet-chart .grideLine__ i {flex: 0 1 30%;}
.lifet-chart .grideLine__ { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: column; } 
.lifet-chart .grideLine__ i { flex: 1; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; } 
.lifet-chart .grideLine__ i:before { content: ""; flex-grow: 1; border-top: 2px dashed rgba(0, 0, 0, 0.12); } 
.lifet-chart .canvas__ .value__ .bar__ > .stroke__ { position: relative; display: flex; justify-content: center; align-items: flex-end; font-size: 22px; font-weight: 600; line-height: 1.3em; background-color: transparent; } 
/*.lifet-chart .canvas__ .value__ .stroke__ > i { width: 14px; background-color: #E3E3E3; border-radius: 8px 8px 0 0; flex-shrink: 0; } 
.lifet-chart .canvas__ .value__ .stroke__ > i:nth-child(2) { background-color: #ccc; } */
.lifet-chart .canvas__ .hig__ .toolTip__, #organsChart .lifet-chart .canvas__ .hig__ .stroke__ > i:nth-child(2) { background-color: #68A5FE; } 
.lifet-chart .canvas__ .hig__ .toolTip__:after { border-top-color: #68A5FE; } 
.lifet-chart .canvas__ .low__ .stroke__ > i:nth-child(2), #organsChart .lifet-chart .canvas__ .low__ .toolTip__ { background-color: #F9708B; } 
.lifet-chart .canvas__ .low__ .toolTip__:after { border-top-color: #F9708B; } 
.lifet-chart .canvas__ .toolTip__ { position: relative; font-size: 15px; letter-spacing: -0.4px; color: #fff; background-color: #E3E3E3; border-radius: 5px; padding: 7px 13px; margin-bottom: 15px; font-weight: 400; } 
.lifet-chart .canvas__ .toolTip__ em { font-weight: 600; } 
.lifet-chart .canvas__ .toolTip__:after { content: ""; position: absolute; left: 50%; top: 100%; border-top: 10px solid #E3E3E3; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 0; margin-left: -5px; } 
.lifet-chart .yAxes__ { flex-shrink: 0; display: flex; justify-content: flex-start; align-items: flex-end; width: 100%; padding: 10px 0 0; font-size: 14px; font-weight: 500; line-height: 1.3em; border-top: 2px solid rgba(0, 0, 0, 0.12); } 
.lifet-chart .yAxes__ div { flex: 1; text-align: center; } 
.lifet-chart .yAxes__ img { max-width: 40px; max-height: 40px; } 
.lifet-chart .yAxes__ div { height: 100%; word-break: keep-all; } 
.lifet-chart .canvas__ .value__ .bar__ {color: rgba(52, 52, 52, 0.6);}
.lifet-chart .canvas__ .value__ .bar__ > .stroke__ { background: none; }
.lifet-chart .canvas__ .value__ .bar__ > .stroke__ > i {width: 30px; background-color: #E3E3E3; border-radius: 8px 8px 0 0; flex-shrink: 0;}
.lifet-chart .canvas__ .value__ .bar__ > .stroke__ > i:nth-child(2) {background-color: #F9708B;}
.lifet-chart .canvas__ .value__ .bar__.mig__ > .stroke__ > i:nth-child(2) {background-color: #ccc;}
.lifet-chart .canvas__ .value__ .bar__.hig__ { color: #47DAB3; } 
.lifet-chart .canvas__ .value__ .bar__.low__ { color: #F9708B; } 
.lifet-chart .canvas__ .value__ .bar__.mid__ { color: #FFCE50; } 
.vulnerable .lifet-chart .canvas__ .value__ .bar__ > .stroke__ > i, .partsResult .lifet-chart .canvas__ .value__ .bar__ > .stroke__ > i {width: 26px;}
.vulnerable .lifet-chart .yAxes__ {padding: 10px 30px 0;}

.lifet-chart .canvas__ .value__ .bar__ > .stroke__ i span { position: relative; top: -33px; display: inline-block; width: 30px; font-size: 14px; font-weight: 700; text-align: center; }
.lifet-chart .canvas__ .value__ .bar__ > .stroke__ i:first-child span {color: #ddd;}
.lifet-chart .canvas__ .value__ .bar__.hig__ > .stroke__ i:last-child span { color: #68A5FE; } 

.disease_score2 { display: flex; flex-flow: column; position: relative; width: 100%; } 
.disease_score2 li { position: relative;  height: 106px; margin: 0 0 8px; padding: 18px 57px 18px 28px; border: 2px solid #E5E5E5; border-radius: 15px; background-color: #fff; } 
.disease_score2 li:nth-child(1), .disease_score2 li:nth-child(2) { margin-bottom: 17px; } 
.disease_score2 li:nth-child(odd) { margin-left: 0; } 
.disease_score2 li dl dt { font-size: 20px; font-weight: 600; line-height: 130%; } 
.disease_score2 li dl dt span {position: absolute; right: 12px; bottom: 14px; color: #fff !important; font-size: 18px; margin-left: 8px; padding: 5px 10px; font-weight: 600; line-height: 130%; vertical-align: 3px; border-radius: 30px; } 
.disease_score2 li dl dd p { padding-right: 92px; line-height: 130%; word-break: keep-all; } 
.disease_score2 li dl dd strong { position: absolute; right: 20px; bottom: 13px; margin-left: 23px; font-weight: 600; letter-spacing: -1px; font-size: 32px; line-height: 130%; }  
.disease_score2 li dl dd strong span { margin-left:3px; font-size: 22px; } 
#subcont .disease_score2 li dl dd strong { position: static; margin-left: 0; } 

@media (max-width:767px) {   
    .mypage_banner {display: none;}
    .profile_nickname {width: 100%; height: auto;}
    .profile_nickname + .btn_blue {position: fixed; bottom: 30px; width: calc(100% - 40px);}
    .consult__tab2 .tab_auto {flex-wrap: nowrap;}
    .consult__tab2 .tab_auto li {flex: 1; white-space: nowrap;}
    .consult__tab2 .tab_auto li a {padding: 0;}
    .mypage_cont .exposure_tag {margin-top: -10px;}
    .mypage_cont .exposure_tag .inner {overflow: hidden; flex: 1;}
    .mypage_cont .exposure_tag > ul li a {padding: 20px 0 16px;}
    .mypage_cont .exposure_tag > ul li a .tit {margin-bottom: 0; padding-right: 0; font-size: 16px;}
    .mypage_cont .exposure_tag > ul li a .wrap {display: flex;}
    .mypage_cont .exposure_tag > ul li a .wrap img {overflow: hidden; display: block; width: 48px; height: 48px; margin-left: 30px; margin-bottom: -7px; border-radius: 4px;}
    .mypage_cont .exposure_tag .paging {margin: 40px 0;}
    .subscribe_topic .top {display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding: 10px 12px 9px 12px;}
    .subscribe_topic .top button { width: 24px; height: 24px; background-size: 19px;}
    .subscribe_topic .topic_slick {margin-right: 0; margin-top: 20px; margin-bottom: -20px;}
    .subscribe_topic .topic_slick > div {width: 100%; margin-top: 0;}
    .subscribe_topic .topic_slick > div + div {width: 100%; margin-top: 20px; margin-left: 0; padding-right: 0;}
    .subscribe_topic .topic_slick > div a + a {margin-top: 4px;}
    .subscribe_topic button.subscribe, .subscribe_topic button.subscribing {right: 0;}

    .myboard_empty {display: flex; flex-direction: column; justify-content: center; align-items: center; height: calc(100svh - 210px); margin: 0;}
    .myboard_empty p {font-size: 16px; font-weight: 400;}
    .myboard_empty .btn_line {height: 38px; font-size: 14px; line-height: 130%; }
    .myboard_empty.topic {height: calc(100svh - 280px); margin: 0;}
    .myboard_empty.counsel {height: calc(100svh - 350px); margin: 0;}

    .review_banner + p {margin: 26px 0 12px; font-size: 16px;}
    .review_cont .state {margin: 12px 0;}
    .review_cont > p {margin: 12px 0;}
    .review_pop .btn_wrap {position: fixed; padding: 40px 20px 22px;}
    .review_pop .contentWrap .note {margin-bottom: 60px;}

    .scroll_auto .btn-area {position: fixed; padding: 30px 20px;}
    .medical_history {padding: 0 0 100px;}

    .medical_historyModify {width: 100%; height: calc(100svh - 78px); padding: 0;}
    .medical_historyModify .btn_blue {left: 0; bottom: 30px; width: 100%; height: 48px; font-size: 16px;}

    .stop_out ul li {width: 100%; margin-bottom: 24px;}
    .stop_out ul li:nth-child(even) {margin-left: 0;}
    .stop_out ul li img {width: 40px; margin-right: 12px;}
    .stop_out ul li .inner button {width: 65px; height: 28px; font-size: 12px;}
    .membership_withdraw .form__ .btn_area.plan_withdraw  {margin-top: 0;}

    .modal-dialog.active { display: flex; align-items: flex-start; background-color: #fff; } 
    .modal-dialog .mobile-items { display: inherit !important; } 
    .modal-dialog .dim { display: none; } 
    .modal-dialog#noticeModal .dim { display: block; } 
    .modal-dialog .modal-content.profile-add-area { overflow-y: auto; position: fixed; width: 100%; height: 100%; padding: 55px 0 0 0; /*height: 100%; min-height: 100%;  justify-content: ceneter;*/ border-radius: 0; background-color: #fff;} 
    .modal-dialog .profile-add-area .close { left: inherit; right: 0; z-index: 100; width: 12px; height: 12px; margin: 20px; } 
    .modal-dialog .profile-add-area .btn-back { display: block; z-index: 100; } 
    .modal-dialog .modal-content.profile-add-area .consult__tab2 {margin-bottom: 40px;}
    .modal-dialog .modal-content.profile-add-area .consult__tab2 ul {margin: 30px 0 0;}
    .modal-dialog .profile-add-area .head { font-size: 16px; position: fixed; z-index: 10; background-color: #fff; } 
    .modal-dialog .profile-add-area .profile-img { width: 100%; padding: 0; } 
    .modal-dialog .profile-add-area .profile-img { position: relative; width: 100%; height: auto; flex-shrink: 0; } 
    .modal-dialog .profile-add-area .profile-img .img-wrap { width: 100%; max-height: 308px; height: auto; padding-top: 2em; overflow: hidden; margin-bottom: 0; border-radius: 24px; } 
    .modal-dialog .profile-add-area .profile-img.auto-height,
    .modal-dialog .profile-add-area .profile-img.auto-height .img-wrap { height: auto; } 
    .modal-dialog .profile-add-area .profile-img.auto-height .img-wrap { padding-top: 0; max-height: 160px; border-radius: 14px; } 
    .modal-dialog .profile-add-area .profile-img .title { display: none; position: absolute; top: 16px; left: 0; margin-bottom: 0; font-size: 14px; line-height: 1.3em; z-index: 1; width: 100%; } 
    .modal-dialog .profile-add-area .profile-img .title b { display: inline-block; font-size: 18px; line-height: 1.2em; margin-top: 4px; } 
    .modal-dialog .profile-add-area .profile-img .img-wrap img { width: 150px; } 
    .modal-dialog .profile-add-area .profile-info { flex-grow: 1; margin-top: 30px; padding: 0; /*overflow: scroll; */display: flex; flex-flow: column; } 
    .modal-dialog .profile-add-area .profile-info .profile-info-tab { flex-shrink: 0; margin-bottom: 20px; } 
    .modal-dialog .modal-content.profile-add-area .scroll_auto { display: block; width: 100%; height: auto; padding: 0 20px; } 
    .modal-dialog #htmlModal.modal-content.profile-add-area .content-area {width: 100%; height: auto; padding: 0;}
    .modal-dialog .modal-content.profile-add-area .consult__tab2 ul li {width: 50%;}
    .modal-dialog .profile-tag { display: flex !important; position: absolute; top: 63px; left: 0; width: 100%; padding: 10px 30px; justify-content: center; align-content: center; z-index: 1; } 
    .modal-dialog .profile-add-area .profile-tag { display: none !important; } 
    .modal-dialog .profile-tag li { font-size: 12px; padding: 4px 10px; } 
    .modal-dialog .checkup-his { flex-grow: 1; overflow: scroll; } 
    .modal-dialog .checkup-his { padding-bottom: 0px; } 
    .modal-dialog .checkup-his .total { font-size: 14px; line-height: 1.5em; margin-bottom: 5px; } 
    .modal-dialog .checkup-his ul { padding: 5px 17px; padding-bottom: 30px; height: 100%; } 
    .modal-dialog .checkup-his ul li { height: 70px; border-radius: 8px; } 
    .modal-dialog .checkup-his ul li + li { margin-top: 8px; } 
    .modal-dialog .checkup-his .type { font-size: 14px; } 
    .modal-dialog .checkup-his .date { font-size: 12px; margin-top: 4px; } 
    .modal-dialog .checkup-his .point { font-size: 24px; margin-right: 0; padding-right: 20px; background-size: 16px; } 
    .modal-dialog .checkup-his ul li > div:first-child { padding: 14px 20px; } 
    .modal-dialog .checkup-his ul li > div:last-child { width: 63px; padding: 10px 20px; font-size: 11px; font-weight: 500; } 
    .modal-dialog .checkup-his ul li > div:last-child img { width: 13px; margin-bottom: 3px; } 
    .modal-dialog .background-selector { position: absolute; left: 0; bottom: 0; width: 100%; padding: 14px 44px; } 
    .modal-dialog .background-selector li { width: 25px; height: 25px; border-width: 3px; } 
    .modal-dialog .profile-info-tab li { padding: 10px 10px; font-size: 16px; } 
    .modal-dialog .profile-info-tab li.active:after { height: 2px; } 
    .modal-dialog .profile-add-area form { padding: 17px 0 20px; padding-top: 0; flex-grow: 1; /*overflow-y: scroll; */ } 
    .modal-dialog .checkup-his,
    .modal-dialog .checkup-his ul { overflow: inherit; } 
    .modal-dialog .profile-add-area .field + .field { margin-top: 20px; } 
    .modal-dialog .profile-add-area .field { font-size: 14px; flex-flow: column; align-items: flex-start; } 
    .modal-dialog .profile-add-area .field > * {width: 100% !important;}
    .modal-dialog .profile-add-area .field:nth-child(4) > label { width: 82px; } 
    .modal-dialog .profile-add-area .field input[type="text"],
    .modal-dialog .profile-add-area .field select { font-size: 15px; height: 39px; width: 100%; flex-grow: 1; padding-left: 12px; } 
    .modal-dialog .profile-add-area .field .birth { flex: auto; width: 76%; } 
    .modal-dialog .profile-add-area .field > label {margin-bottom: 10px; font-size: 16px; width: auto; flex-shrink: 0; font-weight: 600; } 
    .profile-info .select2-container--default .select2-selection--single { background-position: right 14px center; } 
    .modal-dialog .profile-add-area .field .number { height: 39px; font-size: 15px; } 
    .modal-dialog .profile-info .field input[type="number"] { height: 37px; font-size: 15px; opacity: 1; -webkit-text-fill-color: inherit; } 
    .modal-dialog .profile-info .field .weight input[type="number"] { width: 100%; } 
    .modal-dialog .profile-add-area .field .number span.minus { background-size: 18px; } 
    .modal-dialog .profile-info .check-area label { width: 107px; margin-right: 0; margin-left: 0; padding-left: 24px; font-size: 15px; text-align: left; } 
    .modal-dialog .profile-add-area .checkbox { font-size: 14px; } 
    .modal-dialog .profile-info .check-area { /*justify-content: space-between; */line-height: 1.6em; } 
    .modal-dialog .profile-info .check-area .checkbox { margin-left: 0px; } 
    .modal-dialog .profile-info .check-area .checkbox input + label { display: block; background-size: 16px; padding-left: 25px; line-height: 1.6em; } 
    .modal-dialog .profile-info .btn-area {flex-flow: column-reverse;margin-top: 0; position: fixed; bottom: 0; width: 100%; left: 0; padding: 40px 20px 30px; background: linear-gradient(0deg, #FFF 26.03%, rgba(255, 255, 255, 0.00) 92.15%);} 
    .modal-dialog .profile-add-area form.active {padding: 0 0 115px;}
    .modal-dialog .profile-info .btn-area .btn { width: 100%; font-size: 16px; height: 45px; padding: 0px 40px; font-weight: 700; line-height: 130%; border-width: 1px; } 
    .modal-dialog .delete { opacity: 1; color: #808080; font-weight: 400; font-size: 14px; margin-top: 18px; }    
    .img_reload { top: 45px; width: 140px; height: 140px; margin-left: -70px; } 
    .img_reload button img { width: 64px; } 

    .mypage_cont .consult__list .detail__ .subject {margin-bottom: 2px; margin-top: 6px; line-height: inherit; } 
    .mypage_cont .consult__list .detail__ { padding-right: 0; } 
    .mypage_cont .consult__list .detail__ .desc { height: auto; margin: 2px 0 8px; color: #808080; font-size: 14px; -webkit-line-clamp: 1;} 
    .mypage_cont .consult__list .state__ { width: auto; } 
    .mypage_cont .consult__list ul li + li {margin-top: 20px; padding-top: 20px;}
    .mypage_cont .consult__list li > a { height: auto; } 
    .mypage_cont .consult__list .detail__ .subject h1 {margin: 0; font-size: 16px; text-align: left;} 
    .consult__list .detail__ .subject h1 {display: block; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 0px; max-width: 89vw; } 
    .consult__list .detail__ .view__ span { padding-right: 6px; }
    .mypage_cont .consult__list .detail__ .view__ {font-size: 13px; line-height: 22px;}
    .lifet-chart .legend__ span:first-child { font-size: 12px; padding: 2px 12px; margin-right: 0; }
    .lifet-chart .scales__ {left: -6px; bottom: 3px; margin-left: -14px; padding: 66px 0 36px 0;}
    .lifet-chart .grideLine__ i:before { border: none; height: 2px; background-image: url(https://img.lifet.co.kr/icon/dash.png); background-position: left center; background-size: contain; opacity: 1; }
    .lifet-chart .yAxes__ {padding: 14px 0 0;}

    .disease_score2 li { position: relative; flex: 0 0 48.7%; width: auto; height: 100px; margin: 0 0 8px 8px; padding: 18px 0 0 17px; border: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); background-color: #fff; } 
    .disease_score2 li dl dt { margin-bottom: 2px; font-size: 18px; } 
    .disease_score2 li dl dd p { display: none; } 
    .disease_score2 li dl dd strong { position: static; margin-left: 0; } 
    .disease_score2 li dl dt span { position: absolute; right: 20px; bottom: 20px; display: inline-block; padding: 3px 9px; font-size: 14px; font-weight: 500; } 
    #subcont .disease_score2 li dl dd strong { position: absolute; bottom: 18px; right: auto; left: 17px; line-height: 1; }
    #subcont .lifet-chart .legend__ {margin-bottom: 0; margin-top: 14px; margin-left: 0;}
}