/* DB 펫보험 */
.pet_change {left: auto;}
.kakao_floging {z-index: 10; overflow: hidden; position: fixed; right: 10px; bottom: 144px; padding: 10px; background-color: transparent;}
.kakao_floging img {width: 50px; vertical-align: top; box-shadow: 0px 0px 9.722px 0px rgba(0, 0, 0, 0.10);  border-radius: 50%; }
.kakao_floging a {display: block;}
.kakao_floging button {display: block; margin-top: 11px;}
.tabs_wrap .tabcont.dog {display:none;}
#container.membership {overflow: visible; max-width: 470px; margin: 0 auto; padding-top: 48px; } 
#container.membership ~ .toast_wrap {padding-bottom: 0; bottom: 93px;} 
#container.membership ~ .modal-dialog .bottom_sheet, #container.landing ~ .modal-dialog .bottom_sheet, #container.pet_cancle ~ .modal-dialog .bottom_sheet { max-width: 470px; left: 50%; transform: translateX(-50%); background-color: transparent;} 
#container.membership ~ .modal-dialog .modal-content.bottom_sheet, #container.landing ~ .modal-dialog .modal-content.bottom_sheet { align-items: flex-end; } 
#container.pet_cancle ~ .modal-dialog .bottom_sheet .content-area, #container.membership ~ .modal-dialog .bottom_sheet .content-area, #container.landing ~ .modal-dialog .bottom_sheet .content-area {max-width: 470px; width: 470px; padding: 20px 0 0 !important; border-radius: 20px 20px 0 0; } 
#container.membership ~ .modal-dialog .bottom_sheet .head, #container.landing ~ .modal-dialog .bottom_sheet .head, #container.pet_cancle ~ .modal-dialog .bottom_sheet .head {position: static; display: block; height: auto; padding-left: 20px; font-size: 20px; font-weight: 600; line-height: 130%; text-align: left;  border: 0; } 
#container.membership ~ .modal-dialog .bottom_sheet .head.center, #container.landing ~ .modal-dialog .bottom_sheet .head.center { padding-left: 0; text-align: center; } 
#container.membership ~ .modal-dialog .bottom_sheet .head.left div:first-child, #container.landing ~ .modal-dialog .bottom_sheet .head.left div:first-child {text-align: left;}

#container.membership ~ .modal-dialog .modal-content.full_area { overflow-y: auto; align-items: flex-start; background-color: #fff; } 
#container.membership ~ .modal-dialog .full_area .content-area { width: 100%; max-width: none; padding: 0; text-align: left; border-radius: 0; } 
#container.membership ~ .modal-dialog .full_area .head { z-index: 1; position: fixed; width: 100%; display: flex; align-items: center; height: 60px; padding-left: 20px; font-size: 16px; font-weight: 700; line-height: 150%; border-bottom: 1px solid #ccc; background-color: #fff; } 
#container.membership ~ .modal-dialog .full_area .contWrap { padding: 86px 20px 30px; } 

.membership .upload_pic.ok { overflow: hidden; position: relative; } 
.membership .upload_pic.ok img { height: 281px; } 
.membership .upload_pic.ok::after { content: url('https://img.lifet.co.kr/icon/circle_check_w.svg'); display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; background-color: rgba(102, 102, 102, .4); } 

.btn_bottom { z-index: 10; position: fixed; left: 0; bottom: 0; width: 100%; padding: 0 20px 40px;  background-color: #fff; } 
.btn_bottom.active { position: static; padding: 0; } 
.btn_bottom .m-profile .btn-area { margin-top: 22px; } 
.membership .choice_area { overflow: visible; height: auto; max-height: none; margin: 0 0 14px; padding: 0; } 
.membership .choice_area ul { width: 100%; } 
.membership .choice_area ul li.dimmed { opacity: .5; } 
.membership .choice_area ul li a { align-items: center; height: auto; margin-top: 12px; padding: 12px 0 12px 22px; border: 2px solid #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08); } 
.membership .choice_area ul li.active a { border-color: #68A5FE; } 
.membership .choice_area ul li a .photo { width: 100px; height: 100px; margin-right: 26px; } 
.membership .choice_area ul li a .photo img { width: 100px; height: 100px; } 
.membership .choice_area .name p { display: flex; } 
.membership .choice_area .name strong { width: auto; margin-bottom: 6px; font-size: 18px; font-weight: 700; } 
.membership .choice_area .name span { margin-top: 6px; margin-right: 2px; padding: 0; font-size: 14px; font-weight: 400; border-radius: 76px; background-color: #fff; }
.membership .choice_area .name > span:last-child::before {content: ''; display: inline-block; width: 2px; height: 2px; margin-right: 6px; vertical-align: middle; border-radius: 50%; background-color: #222;}
.membership .choice_area .name p span:last-child::before {display: none;}
.membership .choice_area .name .family {display: flex;  align-items: center; height: 21px; margin: 0 0 0 6px; padding: 0 6px; color: #fff; font-size: 13px; font-weight: 500; line-height: 130%; white-space: nowrap; border-radius: 60px; background-color: #68A5FE; } 
.membership .animal_select { margin-top: 0; } 
.membership .animal_select .m-profile { max-width: 376px; margin-top: 0; } 
.membership .sign_wrap { max-width: 430px; width: auto; box-shadow: none; } 
.membership .choice_area .profile_add { display: block; margin-top: 12px; padding-top: 81px; padding-bottom: 27px; color: #CECECE; font-size: 18px; font-weight: 600; text-align: center; border-radius: 14px; background: #F4F4F4 url(https://img.lifet.co.kr/icon/profile_add2.svg) no-repeat center 27px; background-size: 50px; } 
.membership .signup__form .form__ h5 { margin-bottom: 10px; font-size: 16px; } 
.membership .animal_select .field:last-child { margin-bottom: 24px; } 
.membership .animal_select .field input + span {margin-left: 10px; font-size: 16px; font-weight: 600; line-height: 150%;}
.membership .animal_select .field > label img {width: 20px; margin-left: 2px;}
.membership .animal_select .field .help_pop {top: 200px; width: 263px;}
.membership .choice_area .point_tooltip {bottom: 107px; left: 50%; width: 165px; height: 50px; margin-left: -82px; padding-top: 14px; background-image: url(https://img.lifet.co.kr/icon/point_ballon_wide.png); background-size: 164px;}

.membership .blue, .membership_plan .blue { color: #3788FF !important; } 
.membership .orange, .membership_plan .orange { color: #FF7917 !important; } 
.membership .shoot_guide .step {margin-top: 0; text-align: left;}
.membership .shoot_guide .step.left {margin-top: 0; text-align: left; } 
.membership .shoot_guide .step.left h2 { justify-content: flex-start; font-size: 18px; } 
.membership .shoot_guide .step p { font-size: 14px; line-height: 150%; word-break: keep-all; } 
.membership .shoot_guide .step p img { width: 16px; vertical-align: -3px; } 
.membership .shoot_guide .step h2 { display: flex; align-items: center; margin-top: 2px; font-size: 18px;} 
.membership .shoot_guide .step h2 span { margin-left: 0; font-size: inherit; color: inherit; } 
.membership .shoot_guide .step h2 button {display: none; width: 24px; height: 24px; margin-left: 2px; text-indent: -9999px; border: 0; cursor: pointer; background: url(https://img.lifet.co.kr/icon/infor.svg) no-repeat; background-size: 24px; } 

.plan_photo img { display: block; height: 150px; object-fit: cover; cursor: pointer; } 
.photo_pop { display: none; z-index: 1; position: absolute; left: 50%; top: 50%; padding: 50px 30px 30px; transform: translate(-50%,-50%); border-radius: 12px; border: 1px solid #e4e4e4; background-color: #fff; } 
.photo_pop img { max-height: 800px; } 
.photo_pop .closer { position: absolute; right: 0; top: 0; width: 60px; height: 60px; cursor: pointer; background-image: url(https://img.lifet.co.kr/icon/btn_x.svg); background-repeat: no-repeat; background-position: center; background-size: 24px; } 
.photo_certification {min-height: auto;}
.photo_certification + .box {margin-top: 20px; padding: 14px; border-radius: 8px; background-color: #F6F6F6;}
.membership #step1 .animal_select {min-height: 520px;}

.membership .section-inner > .step h2 {font-size: 18px; font-weight: 600; line-height: 150%; }
.membership .section-inner > h2 {margin-bottom: 21px; font-size: 20px; font-weight: 700; line-height: 150%; }
.membership .section-inner > .step p {margin: 4px 0 20px; color: #616161; font-size: 14px; font-weight: 400; line-height: 150%; }
.membership .section-inner > .step img {position: absolute; right: 0; top: 0; width: 80px;}
.max-content.bg {background-color: #F3F3F7;}

.insurance_chocie {margin-bottom: 50px;}
.insurance_chocie li {position: relative; border-radius: 12px; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16);  background-color: #FFF;}
.insurance_chocie .top {display:block; padding: 16px; border: 2px solid #fff; border-radius: 12px; cursor: pointer;}
.insurance_chocie li + li {margin-top: 12px;}
.insurance_chocie li.active, .insurance_chocie li.on .top {border: 2px solid #68A5FE;}
/* .insurance_chocie li.active label {margin: -2px;} */
.insurance_chocie li button.show.open::before {transform: rotate(0);}
.insurance_chocie li.active .top  div button {right: 18px; top: 84px;}
.insurance_chocie li.active .top::before {right: 18px; top: 17px;}
.insurance_chocie .top::before {content: ''; position: absolute; right: 20px; top: 19px; width: 12px; height: 12px; border: 4px solid #ccc; border-radius: 50%; background-color: #F6F6F6;}
.insurance_chocie li.active .top {border: 0;}
.insurance_chocie li.on .top::before, .insurance_chocie li.active .top::before {border-color: #68A5FE;}
.insurance_chocie li .top  strong, .insurance_chocie .price {font-size: 20px; font-weight: 600; line-height: 130%;}
.insurance_chocie .price {display: block; margin: 8px 0 12px; font-size: 16px; font-weight: 600; line-height: 130%;}
.insurance_chocie li .top  div {display: flex; }
.insurance_chocie li .top  div span {display: inline-block; margin-right: 8px; padding: 4px 8px; font-size: 12px; line-height: 150%; letter-spacing: -0.6px; border-radius: 20px; background-color: #EAF0F9;}
.insurance_chocie li .top  div button {position: absolute; right: 20px; top: 86px; display: flex; align-items: center; color: #68A5FE; font-size: 15px; font-weight: 600; line-height: 130%;}
.insurance_chocie li .top  div button::before, .toggle_btn::before {content: ''; width: 20px; height: 20px; margin-right: 2px; background: url(https://img.lifet.co.kr/icon/arrow_down_b.png); background-size: 20px;}
.insurance_chocie button.show::before, .insurance_chocie li.active button.show.open::before, .toggle_btn.open::before {transform: rotate(180deg);}
.insurance_chocie + .btn-area.gradient {bottom: 0; padding-bottom: 30px;}

.detail_cont {display: none; margin-top: -14px; padding: 0 20px 24px; border-radius: 0 0 12px 12px; background-color: #fff;}
.final_plan .detail_cont {margin-top: 0; padding: 0;}
.insurance_chocie li.active .detail_cont {display: block;}
.detail_cont h3, .detail_cont h4 {margin-top: 16px; color: inherit; font-size: 16px; font-weight: 600; line-height: 150%;}
.help, .help button {display: flex; align-items: center;}
.help button img {margin-left: 4px; width: 20px;}
.membership .shoot_guide .step .help span {display: inline-block; padding: 4px 6px; color: #fff; font-size: 10px; font-weight: 600; line-height: 150%; letter-spacing: -0.6px; border-radius: 20px; background-color: #343434;}
.membership .shoot_guide .step h2.help button {display: block; width: auto; height: auto; margin: 0; text-indent: 0; background: none;}
.membership .shoot_guide .step .help_pop {top: auto; left: auto; width: 252px; }
.membership .shoot_guide .step .help_pop p {color: #000;}
.detail_cont .inner {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 8px;}
.detail_cont .inner span {font-size: 14px; line-height: 140%;}
.landing .detail_cont .inner span, .landing .detail_cont .box > p, .landing .detail_cont .inner strong {font-size: 1.4rem;}
.detail_cont .inner strong {font-size: 14px; font-weight: 500; line-height: 140%;}
.detail_cont .box {width: 100%; margin: 8px 0 0; padding: 8px; border-radius: 8px; background-color: #F8F8F8;}
.detail_cont .box > p {margin: 0 0 0 2rem; color: inherit; font-size: 14px; line-height: 150%;}
.detail_cont .box .help_pop p {font-size: 13px; font-weight: 400; line-height: 16px; letter-spacing: -0.13px;}
.landing .detail_cont .box .help_pop p {font-size: 1.3rem; line-height: 160%; letter-spacing: -0.013rem;}
.final_plan .detail_cont .inner .box p {margin: 0 0 0 18px; color: inherit; font-size: 13px;}
.detail_cont .box button {position: absolute; right: 12px; bottom: 0; color:#68A5FE; font-size: 13px; font-weight: 500; line-height: 150%; text-decoration: underline;}
.landing .detail_cont .box button {font-size: 1.3rem;}
.detail_cont .help {position: relative;}
.help_pop .bullet::before, .landing .bullet::before {width: 3px; height: 3px;}
.help_pop .tit {font-size: 14px;}
.help_pop p {font-size: 13px;}
.landing .help_pop p {font-size: 1.3rem;}
.help_pop .bullet {color: inherit; font-size: 13px;}
.final_plan .detail_cont .box .help_pop {left: auto; right: 0;}
.final_plan .detail_cont .box .help_pop p {margin-left: 12px;}
.detail_cont .inner .span.help + .help_pop {margin-top: 21px;}
.detail_cont .help_pop {top: auto; left: auto; right: 0; width: 313px; color: #000;}
.detail_cont .help_pop p + p {margin-top: 20px;}
.detail_cont .help_pop .sub_tit {margin-bottom: 4px; margin-top: 12px; font-size: 13px;}
.detail_cont .help_pop .bullet {margin-bottom: 0;}
.detail_cont .help_pop .bullet.margin + .margin {margin-top: 8px;}
.detail_cont .help_pop .bullet.none {margin-left: 17px;}
.detail_cont .help_pop .bullet.none::before, .agree_cont .bullet.none::before {display: none;}
.detail_cont .help_pop .bullet + .bullet {margin-top: 0; margin-bottom: 0;}
.detail_cont .help_pop .bullet.none {margin-top: 11px; color: #666;}
.landing .detail_cont .help_pop .bullet.none {margin-top: 1rem;}
.detail_cont .help_pop .bullet.margin {margin-top: 8px;}
.detail_cont .inner + p {margin-top: 4px; margin-bottom: 16px; font-size: 13px; text-align: right;}
.btn-area.gradient {position: fixed; left: 0; bottom: 80px; width: 100%; padding: 24px 20px 0; background: linear-gradient(180deg, rgba(243, 243, 247, 0.00) 0%, #F3F3F7 100%);}
.btn-area.gradient.active {position: static; padding: 0;}
.btn-area.gradient button {height: 50px; padding: 0; margin-top: 0;}

.membership_term p { position: relative; } 
.membership_term p input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 1; } 
.membership_term p label { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 8px; color: #646464;; font-size: 15px; font-weight: 500; line-height: 150%; padding-right: 28px; background-repeat: no-repeat; background-position: left center; background-size: 21px; background-image: url(https://img.lifet.co.kr/icon/circle_check.svg); background-position: right center;} 
.membership_term p label button {z-index: 1000; position: relative; margin-left: 4px; color: inherit; font-size: 15px; font-weight: 500; text-decoration: underline;}
.membership_term p input:checked + label { background-image: url(https://img.lifet.co.kr/icon/circle_checked.svg); } 
.membership_term #termDetail {display: none;}
.membership_term #termDetail > button {width: 100%; padding: 10px 0; font-size: 16px; font-weight: 500; line-height: 150%; text-align: left;}
.membership_term #termDetail > button::after {content: ''; display: inline-block; position: absolute; right: 0; width: 24px; height: 24px; opacity: 0.8; transform: rotate(-90deg); background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; background-size: 24px;}
.membership_term #termDetail a {display: block; margin-top: 10px; padding: 8px 0; color: #68A5FE; font-size: 16px; font-weight: 600; line-height: 24px; text-align: center; border-radius: 6px; border: 1px solid #68A5FE;}

.agree_cont {margin-top: 12px; margin-bottom: 60px; color: #000; font-size: 14px; line-height: 150%;}
.pre_line { white-space: pre-line;}
.agree_cont p {color: inherit; font-size: 13px; line-height: 150%;}
.agree_cont p + p {margin-bottom: 20px;}
.agree_cont p:first-child {margin-bottom: 20px;}
.agree_cont .sub_tit {margin: 12px 0 4px;}
.agree_cont .bullet + .bullet {margin-top: 0; margin-bottom: 0;}
.agree_cont .bullet.none {margin-top: 20px; margin-left: 2.8rem; color: #666;}
.agree_cont + .btn_area, .plan_detail + .btn_area {position: absolute; left: 0; bottom: 0; width: 100%; background-color: #fff;}
#container.pet_cancle ~ .modal-dialog .bottom_sheet .agree_cont + .btn_area button, #container.landing ~ .modal-dialog .bottom_sheet .agree_cont + .btn_area button, #container.membership ~ .modal-dialog .bottom_sheet .agree_cont + .btn_area button, #container.membership ~ .modal-dialog .bottom_sheet .plan_detail + .btn_area button {height: 50px; margin-bottom: 40px; margin-top: 20px; color: #fff; background-color: #68A5FE;}

.membership .photo_certification li strong {display: flex; align-items: center;}
.membership .photo_certification li strong span {margin: 0 0 0 4px; padding: 4px 6px; color: #fff; font-size: 10px; font-weight: 600; line-height: 150%;  letter-spacing: -0.6px; background-color: #343434; border-radius: 20px;}
.membership .photo_certification li:first-child strong span {background-color: #F9708B;}
.membership .photo_certification li p {margin-top: 2px; color: #616161; font-size: 14px; font-weight: 400; line-height: 150%; }

.plan_detail {position: relative; margin-bottom: 40px; padding: 25px 20px 20px; border-radius: 0 0 20px 20px; background-color: #fff; box-shadow: 0px 39px 36px 5px rgba(174, 174, 174, 0.16);}
h2 + .plan_detail {border-radius: 20px;}
.complete_txt ~ .plan_detail {border-radius: 12px;}
.plan_detail h3 {font-size: 20px; font-weight: 600; line-height: 130%; }
.plan_detail p {margin: 6px 0 10px; color: #616161; font-size: 14px; line-height: 150%; }
.plan_detail .help_pop p {color: inherit; font-size: 13px;}
.plan_detail .logo {position: absolute; right: 0; top: 14px;}
.final_plan + .logo {position: absolute; right: 20px; top: 26px;}
.modal-dialog .final_plan + .logo {right: 0; top: 14px;}
.plan_detail .logo img {width: 80px;}
.membership .plan_detail ~ button {position: static; bottom: 30px; width: 100%; height: 48px; padding: 0;}
.membership .plan_detail ~ button.btn_line {margin-top: 8px;}
.membership .btn_blue {padding: 0; line-height: 48px;}

.month_price {margin-top: 20px; padding: 20px 0; border-top: 2px dashed #EDEDED; border-bottom: 2px dashed #EDEDED;}
.month_price .inner + .inner {margin-top:  8px;}
.month_price .inner {display: flex; align-items: center; justify-content: space-between;}
.month_price .inner.red {color: #FF607D;}
.month_price .inner > span {font-size: 14px; font-weight: 500; line-height: 150%;}
.month_price .inner strong {font-size: 16px; font-weight: 500; line-height: 130%;}

.insurance_money {display: flex; align-items: center; justify-content: space-between; padding: 16px 0 0; color: #2C82FF; }
.insurance_money > span {font-size: 14px; font-weight: 600; line-height: 150%; }
.insurance_money strong {display: flex; align-items: center; font-size: 24px; font-weight: 700; line-height: 130%; }
.insurance_money strong span {margin-right: 4px; font-size: 20px; font-weight: 600;}

.membership .signup__form .form__ .field + .field {margin-top: 30px;}
.sign_wrap .field .resident { display: flex; align-items: center;} 
.sign_wrap .field .resident span {display: inline-block; width: 10px; height: 1px; margin: 0 10px; background-color: #ccc;}
.sign_wrap .field .resident input { width: calc(100% / 2); } 
.sign_wrap .field .resident  + .confirmMsg {padding-top: 5px;} 
.animal_select .verify__.active ~ .confirmMsg {font-size: 12px;}

.join_condition {margin-bottom: -34px;}
.join_condition .inner {position: relative;}
.join_condition .inner .confirmMsg {display: none; position: relative; padding-left: 0.8rem; margin-left: 0.8rem; margin-bottom: 24px; margin-top: -22px; color: #DC2A2A; font-size: 12px; line-height: 140%;}
.join_condition .inner .confirmMsg::before {content: ''; display: inline-block; position: absolute; left: 0; top: 7px; width: 2px; height: 2px; border-radius: 50%; background-color: #DC2A2A;}
.join_condition .inner.active .confirmMsg {display: block;}
.join_condition .inner p {position: relative; margin-bottom: 10px; padding-left: 20px; font-size: 16px; font-weight: 600; line-height: 150%;}
.join_condition .inner p::before {content: ''; position: absolute; left: 9px; top: 9px; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: currentColor;}
.join_condition .inner p + p {margin-top: -4px; margin-bottom: 20px; color: #4D4D4D; font-size: 14px; font-weight: 400; line-height: 140%;}
.join_condition .inner p + p::before {width: 3px; height: 3px;}
.join_condition .inner p u {color: #68A5FE; font-weight: 600; cursor: pointer;}
.membership ul[class^='check-col-'] li {margin-bottom: 30px;}
.membership #step2 ul[class^='check-col-'] li, .membership .animal_select ul[class^='check-col-'] li  {margin-bottom: 0;}
#step2 .step, #step3 .step {margin-bottom: 24px;}
/*.membership ul[class^='check-col-'] li.accent input + label {height: 45px; padding: 8px; color: #68A5FE; border-color: #68A5FE; font-size: 16px; font-weight: 400; background-color: #fff;}*/
.membership .checkBtn input + label {height: 45px; padding: 8px; font-size: 16px; font-weight: 400; }
.pop_layer {display: none; z-index: 1; position: absolute; left: 138px; top: 27px; width: 173px; padding: 12px; color: #000; border-radius: 4px; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.pop_layer dl dt {margin-bottom: 4px; font-size: 14px; font-weight: 500; line-height: 18px; letter-spacing: -0.14px;}
.pop_layer dl dd {font-size: 13px; letter-spacing: -0.13px;}
.pop_layer button { position: absolute; top: 12px; right: 12px; width: 14px; height: 14px; text-indent: -9999px; border: 0; background: url(https://img.lifet.co.kr/icon/btn_x.svg) no-repeat right center; background-size: 14px;}
.join_condition + .m-profile {max-width: 430px;}
.join_condition + .m-profile.fixed {position: absolute; bottom: 40px; left: 0; width: 100%; padding: 0 20px;}

.coupun_winning { height: 213px; padding: 57px 21px 0; text-align: center;}
.coupun_winning span {font-size: 18px; font-weight: 600; line-height: 130%; }
.coupun_winning strong {display: block; margin-top: 6px; margin-bottom: 22px; font-size: 30px; font-weight: 700; line-height: 130%;}
.coupun_winning button {width: 100%; height: 42px; padding: 10px 0; font-size: 16px; border-radius: 44px;}

.not_result_list_wrap {display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: center;text-align: center;}
.not_result_list_wrap span {width: 50px; height: 50px; background-color: #E4E4E4;-webkit-mask-image: url('http://img.lifet.co.kr/icon/circle_sq.svg'); mask-image: url('http://img.lifet.co.kr/icon/circle_sq.svg');-webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center;} 
.not_result_list_wrap p {margin-top: 8px; color: #999; font-size: 16px; line-height: 130%;}

.membership_payment { margin: -28px -20px 0; } 
.membership_payment h2 { margin-bottom: 20px; padding-top: 20px; padding-bottom: 10px; font-size: 18px; font-weight: 600; line-height: 130%; border-bottom: 2px solid #E3E3E3; } 
.membership_payment h2 span { color: #808080; font-weight: 500; } 
.membership_payment .inner { position: relative; padding: 0 20px; } 
.membership_payment .inner input[type="text"] {margin-right: 8px; font-size: 16px; vertical-align: top; border-radius: 4px; border: 1px solid #E6E6E6; } 
.membership_payment .inner input[type="text"]::placeholder { color: #999; font-size: 16px; } 
.membership_payment .inner input[type="text"] + p { color: #808080; } 
.membership_payment .inner + .inner { margin-top: 20px; border-top: 12px solid #F4F4F4; } 
.membership_payment .inner .info { display: flex; font-size: 16px; font-weight: 500; line-height: 150%; } 
.membership_payment .inner .info + .info { margin-top: 14px; } 
.membership_payment .inner .info .subject { margin-right: 20px; color: #808080; } 
.membership_payment .inner + .inner .info .subject {width: 74px;}
.membership_payment .info .checkbox { display: flex; margin-left: 20px; } 
.membership_payment .info label { position: relative; display:flex; align-items: center; padding-left: 24px; } 
.membership_payment .info label:nth-of-type(2) { margin-left: 30px; } 
.membership_payment .info label span { display: inline-block; margin-left: 6px; padding: 2px 6px; color: #fff; font-size: 10px; font-weight: 600; line-height: 130%; border-radius: 60px; background-color: #68A5FE; } 
.membership_payment input[type="radio"]:checked + label:before { height: 10px; width: 10px; border: 4px solid #68A5FE; } 
.membership_payment .m_bullet { color: #343434; } 
.membership_payment .only6 { position: relative; padding: 0 20px 20px; border-bottom: 12px solid #F4F4F4; } 
.membership_payment .red { margin-top: 6px; color: #CE5554; font-size: 14px; line-height: 150%; text-indent: -23px; margin-left: 20px; } 
.membership_payment .red::before { content: ''; display: inline-block; width: 2px; height: 2px; margin: 0 10px; border-radius: 50%; vertical-align: 4px; background-color: #CE5554; } 
.membership_payment .inner:last-child h2 { border-bottom: 0; } 
.membership_payment .inner .price { display: flex; justify-content: space-between; align-items: center; margin-top: 11px; } 
.membership_payment .inner .price span { font-size: 15px; font-weight: 500; line-height: 130%; } 
.membership_payment .inner .price strong { font-size: 18px; font-weight: 500; line-height: 130%; } 
.membership_payment .inner .price:nth-of-type(2) strong { color: #666; font-weight: 400; } 
.membership_payment .inner .total_price { display:flex; align-items: center; justify-content: space-between; margin-top: 27px; padding-top: 27px; border-top: 1px solid #D2D2D2; } 
.membership_payment .inner .total_price span { font-size: 16px; font-weight: 500; line-height: 130%; } 
.membership_payment .inner .total_price strong { color: #68A5FE; font-size: 24px; font-weight: 700; line-height: 130%; } 
.membership_payment .inner .total_price strong span { margin-right: 7px; color: #343434; font-size: 14px; font-weight: 400; line-height: 130%; } 
.reserves input[type="text"] {width: calc(100% - 94px);}
.reserves button {width: 86px; height: 40px; padding: 11px 0; color: #333333; font-size: 14px; font-weight: 500; line-height: 130%; border: 1px solid #E3E3E3; border-radius: 6px;}
.reserves button + p {margin-top: 14px; font-size: 14px; line-height: 130%;}
.reserves button + p span {margin-left: 6px; font-weight: 600;}
.reserves p.bullet {margin-top: 12px; margin-bottom: 21px; font-size: 13px; line-height: 130%;}
.membership_payment .membership_term p label {color: #343434; font-size: 14px; font-weight: 400; background-position-y: top;}
.membership_payment .help_pop {left: 20px; top: 45px; width: 335px; color: #000;}
.complete_txt {margin-bottom: 9px; font-size: 24px; font-weight: 600; line-height: 130%; text-align: center;}
.complete_txt + p {margin-bottom: -12px; font-size: 14px; font-weight: 500; line-height: 130%; text-align: center;}
.membership_payment .inner + .membership_term {margin: 30px 20px 2px;}
.membership_payment .inner + .membership_term label {font-size: 15px; font-weight: 500;}
.membership_payment .data button {color: #68A5FE; font-size: 16px; font-weight: 500; line-height: 150%; text-decoration: underline;}

.modal-dialog .plan_detail {margin-bottom: 57px; margin-top: 0; padding: 12px 0 0;box-shadow: none;}
#step1 .shoot_guide > button, .animal_select .m-profile .btn-area .btn, .membership_payment + button {height: 48px; padding: 0; line-height: 48px;}

.plan_toggle {position: relative; padding: 16px; border-radius: 12px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);}
.membership_payment .plan_toggle .inner {margin: 0; border: 0;}
.plan_toggle .plan_name {margin-bottom: 8px; font-size: 20px; font-weight: 600; line-height: 130%;}
.plan_toggle .plan_name + span {font-size: 16px; font-weight: 600; line-height: 130%; }
.plan_toggle .tag {margin-top: 12px;}
.plan_toggle .tag span {margin: 0 4px 0 0; padding: 4px 8px; line-height: 150%; border-radius: 20px; background-color: #EAF0F9;}
.plan_toggle .detail_cont {margin-top: 24px; padding: 0;}
.plan_toggle .detail_cont .inner {margin-top: 8px; padding: 0;}
.toggle_btn {position: absolute; right: 16px; top: 86px; display: flex; align-items: center; color: #68A5FE; font-size: 15px; font-weight: 600; line-height: 130%;}

.counsel_wrap {margin: 60px auto 0; width: 262px; height: 84px; text-align: center; border-radius: 12px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.09);}
.counsel_wrap a {display: flex; align-items: center; justify-content: space-between; padding: 20px 20px 20px 24px; }
.counsel_wrap a span {font-size: 18px; font-weight: 600;}
.counsel_wrap a img {width: 44px;}
.counsel_wrap > span {display: block; margin: 30px 0 20px; color: #616161; font-size: 14px; line-height: 150%; text-align: center;}
.counsel_wrap > button {color: #616161; line-height: 150%;  font-size: 14px; text-decoration: underline;}

@media (max-width:767px) {
    .dislocation_guide .m_bullet {font-size: 16px;}
    .counsel_conts {width: 100%; padding-bottom: 20px;}
    .counsel_conts > p {font-size: 14px;}
    .counsel_conts .counsel_wrap .inner {height: 88px;}
    .counsel_conts .counsel_wrap .inner a {padding: 16px 0 0 16px;}
    .counsel_conts .counsel_wrap .inner a span {font-size: 15px;}
    .counsel_conts .counsel_wrap .inner a img {right: 14px; bottom: 14px; width: 36px;}
    .counsel_conts .counsel_wrap .inner a p, .counsel_conts > p.bullet {font-size: 12px;}
    .modal-dialog .modal-content .counsel_conts .btn_area {margin: 82px 0 0;}
    .counsel_conts .btn_area button {height: 44px;}
    .counsel_conts .btn_area button + button {margin-left: 8px;}
}

/*랜딩*/
html {font-size: 10px;}
body {font-size: 1rem; }
.tabs_wrap img {width: 100%;}
.tab { width: 100%; top: 4.8rem; display: flex; height: 6.8rem; background-color: #343434;}
.tab li {position: relative; flex: 1; text-align: center;}
.tab li a {display: block; padding: 2rem 0 1.9rem; color: #B3B3B3; font-size: 2rem; font-weight: 400; line-height: 135%;}
.tab li + li::before {content: ''; position: absolute; left: 0; top: 1.6rem; width: 1px; height: 3.6rem; background-color: #595959;}
.tab li.active a {color: #fff; font-weight: 600;}

#container.landing ~ footer .inner {flex-flow: column;}
section#floating__:nth-of-type(2) {display: none;}
section#floating__ {padding:0;}

.mobile__head {position: relative; display: flex; justify-content: center; align-items: center; }
.pet_change {z-index: 10002; position: fixed; right: 2rem; top: 1.4rem; }
.pet_change button {padding-right: 2.2rem; color: #343434; font-size: 1.6rem; font-weight: 600; line-height: 130%; border: 0; cursor: pointer; background: url(https://img.lifet.co.kr/icon/change.svg) no-repeat right center;}
.pet_change .ballon {z-index: 9000000; position: absolute; height: 3.4rem; width: auto; left: auto; right: -1.1rem; top: 2.8rem; text-align: center; background: #484848; color: white; font-weight: 500; font-size: 1.4rem; white-space: nowrap; line-height: 130%; border-radius: 6px; padding: 0.8rem 1.2rem;}
.pet_change .ballon::after {content: ""; position: absolute; top: -0.7rem; left: auto; right: 1.4rem; border-top: 0 solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #484848; }

#container {padding-top: 4.8rem;}
#container .mobile__head .name__.hTitle {display: none;}
.tabcont {margin-top: -11.8rem; padding-top: 11.8rem;}

.bullet {margin-left: 2rem;  text-indent: -2.3rem; color: #666; font-size: 1.3rem; font-weight: 400; line-height: 129%;}
.bullet::before {content: ''; display: inline-block; width: 3px; height: 3px; margin: 0 10px; border-radius: 50%; vertical-align: 4px; background-color: #666;}
.bullet + .bullet, .help_pop .bullet {margin-top: 0.8rem;}
.bullet button {color: #68A5FE; font-size: 1.3rem; font-weight: 500; line-height: 129%; border: 0; text-decoration: underline; background-color: transparent;}
.landing section {position: relative; padding: 5rem 2rem;}
.landing section h2 {font-size: 3.2rem; font-weight: 700; line-height: 130%; text-align: center;}
.landing section h2 span {display: block; color: #808080; font-size: 2rem; font-weight: 500; line-height: 140%; }

.landing .head {overflow: hidden; position: relative; padding: 3rem 0 5.6rem; background-color: #F4F4F8;}
.landing .head h1 {margin-left: 2rem; margin-bottom: 1.2rem; font-size: 2rem; font-weight: 700; line-height: 130%;}
.landing .head h1 span {display: block; margin-bottom: 1.2rem;}
.landing .head h1 strong {display: block; font-size: 4rem; font-weight: 700; line-height: 122%; letter-spacing: 0.16rem;}
.landing .head h1 img {width: 17.8rem; vertical-align: top;}
.landing .head > img {position: relative; top: -2.6rem; width: 21rem; vertical-align: top;}
.landing .confirmMsg {display: none;}
.landing .active + .confirmMsg {display: flex; align-items: center; margin: -1rem 0 1.6rem; line-height: 1.5em; color: #DC2A2A; font-size: 1.3rem;}
.landing .active + .confirmMsg::before {content: ''; display: inline-block; width:2px; height: 2px; margin: 0 0.5rem; border-radius: 50%; background-color: #DC2A2A;} 
.landing ~ .modal-dialog .active input[type="text"], .landing ~ .modal-dialog .active input[type="tel"] {border-color: #DC2A2A;}
.landing ~ .modal-dialog .active .confirmMsg {display: flex; align-items: center; margin: 4px 0 16px; line-height: 140%; color: #DC2A2A; font-size: 12px;}
.landing ~ .modal-dialog .active .confirmMsg::before {content: ''; display: inline-block; width:2px; height: 2px; margin: 0 5px; border-radius: 50%; background-color: #DC2A2A;} 

.pet_swiper {overflow: hidden; margin-left: 2rem;}
.pet_swiper .swiper-slide {width: 21.8rem; margin-right: 0.8rem; border-radius: 1.2rem;}
.pet_swiper .swiper-slide a {position: relative; display: block; padding: 1.6rem 1.4rem 5.8rem; }
.pet_swiper .swiper-slide.bg01 {background-color: #F0E8FF;}
.pet_swiper .swiper-slide.bg02 {background-color: #F8FFDF;}
.pet_swiper .swiper-slide.bg03 {background-color: #E9FFFC;}
.pet_swiper .swiper-slide.bg04 {background-color: #DAE4FF;}
.pet_swiper .swiper-slide.bg05 {background-color: #FFE7F2;}
.pet_swiper .swiper-slide a > span:first-child {font-size: 1.4rem; font-weight: 500; line-height: 130%;}
.pet_swiper .swiper-slide.bg01 a > span:first-child {color: #8954E4;}
.pet_swiper .swiper-slide.bg02 a > span:first-child {color: #74B241;}
.pet_swiper .swiper-slide.bg03 a > span:first-child {color: #4EAFA0;}
.pet_swiper .swiper-slide.bg04 a > span:first-child {color: #577ADE;}
.pet_swiper .swiper-slide.bg05 a > span:first-child {color: #E178A8;}
.pet_swiper .swiper-slide a > strong {display: block; margin: 0.6rem 0 1rem; font-size: 1.8rem; font-weight: 700; line-height: 130%;}
.pet_swiper .swiper-slide a > strong + span {color: #808080; font-size: 1rem; line-height: 130%;}
.pet_swiper .swiper-slide a img {position: absolute; right: 1.2rem; bottom: 1.4rem; width: 6.2rem;}
.pet_swiper .swiper-slide a em {position: absolute; left: 1.4rem; bottom: 1.4rem; color: #ACACAC; font-size: 0.5rem; line-height: 130%;}

.landing .group01 {position: relative; margin-top: -2.6rem; padding: 2.6rem 2rem 3rem; border-radius: 3rem 3rem 0 0; background-color: #fff;}
.group01 ul[class^='check-col-'] li {margin-bottom: 0;}
.group01 .checkBtn {font-size: 1.6rem;}
.group01 .checkBtn input + label {padding: 1.2rem 0;}
.select2-container {z-index: 1; width: 100% !important;}
.group01 .searchBox .select2-container {z-index: 1;}
.group01 input[type="text"], .group01 input[type="number"], .group01 .birth select {height: 4.2rem;  font-size: 1.6rem; line-height: 150%;  border: 1px solid #E6E6E6; border-radius: 0.4rem;}
.group01 input::placeholder {color: #AEAEAE; font-size: 1.6rem;}
.group01 .select2-container--default .select2-selection--single {display: flex; align-items: center; height: 4.2rem;}
.group01 .select2-container--default .select2-selection--single .select2-selection__placeholder {color: #AEAEAE; font-size: 1.6rem;}
.group01 .searchBox {position: relative; height: 4.2rem; padding: 1rem 1.4rem 1rem 4.2rem;   border: 1px solid #E6E6E6; border-radius: 0.4rem;}
.group01 .searchBox input[type="text"] {height: auto; padding: 0; color: #343434; font-size: 1.6rem; line-height: 130%; text-align: left; border: 0; background-color: #fff;}
.group01 .searchBox button {overflow: hidden; display: inline-block; position: absolute; top: 0.8rem; left: 1.4rem; width:2.4rem; height: 2.4rem; text-indent: -99999px; background: url(https://img.lifet.co.kr/icon/search_black.png) no-repeat; background-size: 2.4rem;}
/*.select2-container--open .select2-dropdown--below.marginTop2 {margin-top: -4.2rem;}*/
ul[class^='check-col-03'] li .checkBtn input + label {height: 49px;}
.group01 .birth {display: flex; align-items: flex-start; margin: 1.6rem 0;}
.group01 .birth input:nth-child(2) {margin: 0 0.6rem;}
.group01 .birth input {width: calc(100% / 3 - 0.3rem);}
.group01 .kg {display: flex; align-items: center; margin-top: 2.4rem;}
.group01 .kg input {width: 17rem;}
.group01 .kg span {margin-left: 1rem; font-size: 1.6rem; font-weight: 600; line-height: 150%;}
.group01 .btn-area {display: flex; margin-top: 1.9rem;}
.group01 .btn-area button {width: calc(100% / 2 - 0.3rem); height: 4.9rem; padding: 0; border-radius: 6rem; color: #fff; font-size: 1.5rem; font-weight: 700; line-height: 130%; }
.group01 .btn-area button.btn_gray {margin-right: 0.7rem; background-color: #B3B3B3;}

.group02 {text-align: center; background-color: #F9F9F9;}
.group02 h2 {margin-bottom: 1.2rem;}
.group02 h2 + img {width: 6.9rem;}
.group02 img + p {margin-top: 0.4rem; font-size: 1.8rem; font-weight: 500; line-height: 122%; letter-spacing: 0.072rem; text-align: center;}
.group02 ul {display: flex; flex-wrap: wrap; margin-top: 2rem;}
.group02 ul li {width: calc(100% / 2 - 0.6rem); height: 18.2rem; margin-top: 1rem; padding: 2.5rem 0 0; text-align: center; border-radius: 1.2rem; border: 1px solid #F7F9FC; background-color: #F8FAFF; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16);}
.group02 ul li:nth-child(even) {margin-left: 1.1rem;}
.group02 ul li .icon {width: 6.8rem; height: 6.8rem; margin: 0 auto; border-radius: 50%; background-color: #D5E6FF;}
.group02 ul li .icon img {width: 6.8rem;}
.group02 ul li span {display: block; margin: 1.6rem 0 0.8rem; font-size: 1.4rem; line-height: 120%;}
.group02 ul li strong {font-size: 1.6rem; font-weight: 700; line-height: 120%; }

.landing .group03 {padding-bottom: 0; background-color: #CADFFF;}
.group03 h2 span {color: inherit;}
.group03 .img {display: flex; justify-content: center; align-items: center; width: 22rem; height: 22rem; margin: 3rem auto 2rem; border-radius: 50%; background-color: #EBF3FF;}
.group03 .img img {width: 19rem;}
.group03 .box_w {position: relative; margin-bottom: 1.2rem; padding: 2rem 2.4rem; border-radius: 1.6em; background-color: #FFF;}
.group03 .box_w > span:first-child {display: inline-block; height: 2.8rem; padding:  0.6rem 1rem; color: #fff; font-size: 1.2rem; font-weight: 500; line-height: 130%; border-radius: 60px; background-color: #333;}
.group03 .box_w p > span {display: block; margin: 0.6rem 0; font-size: 1.6rem; font-weight: 500; line-height: 120%; }
.group03 .box_w p > strong {font-size: 2.4em; font-weight: 700; line-height: 120%;}
.group03 .box_w p > strong span {color: #2D82FF;}
.group03 .box_w .black {position: absolute; top: 5rem; right: 2rem; color: #2D82FF; font-size: 5rem; font-weight: 700; line-height: 120%;}
.group03 .box_w a {display: block; margin-top: 1.2rem; padding: 1rem 0; color: #fff; font-size: 1.4rem; font-weight: 700; line-height: 130%; text-align: center; border-radius: 6rem; background-color: #68A5FE;}
.group03 .detail {margin: 2.7rem -2rem 0; padding: 2rem; background-color: #A9CCFF;}
.group03 .detail .bullet {font-size: 1.4rem;}

.group04 {background-color: #F9F9F9;}
.group04 ul.plan {margin: 5.3rem 0.5rem 0;}
.group04 ul.plan li {position: relative; padding: 2rem 0 2rem 2.9rem; border-radius: 1.2rem; background-color: #FFF; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16);}
.group04 ul.plan li + li {margin-top: 3.9rem;}
.group04 ul li span {position: absolute; left: 2.3rem; top: -1.9rem; padding: 0.3rem 1.4rem; color: #fff; font-size: 2rem; font-weight: 700; line-height: 140%; border-radius: 3.8rem;}
.group04 ul.plan li:nth-child(1) span {background-color: #D2B9FC;}
.group04 ul.plan li:nth-child(2) span {background-color: #D0E871;}
.group04 ul.plan li:nth-child(3) span {background-color: #71E0CE;}
.group04 ul.plan li:nth-child(4) span {background-color: #8FACF7;}
.group04 ul.plan li:nth-child(5) span {background-color: #F78FBE;}
.group04 ul.plan li strong {font-size: 2.4rem; font-weight: 700; line-height: 140%; }
.group04 ul.plan li p {margin-top: 0.6rem; color: #808080; font-size: 1.6rem; font-weight: 400; line-height: 140%;}
.group04 ul.plan li p + p {margin-top: 0.4rem; color: #999; font-size: 1.3rem; font-weight: 400; line-height: 140%; }
.group04 ul.plan li img {position: absolute; top: -2rem; right: 2rem; width: 8rem;}
.group04 ul.plan + p {margin-top: 2rem; margin-left: 2rem; text-indent: -1rem; color: #666; font-size: 1.4rem; font-weight: 300; line-height: 140%;}
.group04 h3 {margin: 4rem 0 2.1rem; font-size: 2.8rem; font-weight: 700; line-height: 130%;  text-align: center;}

.plan_menu {display: flex; align-items: center;}
.plan_menu li {flex: 1;}
.plan_menu li a {display: flex; flex-flow: column; align-items: center; justify-content: center; height: 8.6rem; padding: 0 1rem; font-size: 1.3rem; font-weight: 500; line-height: 130%; word-break: keep-all; text-align: center; border-radius: 1rem 1rem 0 0; background-color: #D4E6FF;}
.plan_menu li.active a {font-size: 1.4rem; font-weight: 600; background-color: #fff; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16);}
.plan_menu li a img {width: 4rem; margin-bottom: 0.4rem;}

.plan_cont {position: relative; margin: 0; padding: 2rem; border-radius: 0 0 2rem 2rem; background-color: #fff; box-shadow: 0px 39px 36px 5px rgba(174, 174, 174, 0.16);}
.plan_cont h4 {display: flex; align-items: center; margin: 0; color: inherit; font-size: 2rem; font-weight: 600; line-height: 130%;}
.plan_cont h4 span {margin-left: 1rem; padding: 0.4rem 0.8rem; color: #fff; font-size: 1.2rem; font-weight: 600; line-height: 150%; letter-spacing: -0.06rem; border-radius: 2rem; background-color: #68A5FE;}
.plan_cont h5 {margin-top: 1.6rem; font-size: 1.6rem; font-weight: 600; line-height: 150%; }
.plan_cont table {margin: 0.6rem 0;}
.plan_cont table tr th {width: 9.4rem; padding: 0.6rem 0; color: #616161; font-size: 1.4rem; font-weight: 400; line-height: 150%; text-align: left;}
.plan_cont table tr td { padding: 0.6rem 0; font-size: 1.4rem; font-weight: 500; line-height: 150%;}
.plan_cont .help button img {margin-left: 0.4rem; width: 2rem;}
.plan_cont .help_pop {top: auto; width: 25.2rem; padding: 1.6rem;}
.plan_cont .help_pop .tit {font-size: 1.4rem;}
.plan_cont .help_pop .tit ~ .bullet {margin: 0 0 0 1.4rem;}
.plan_cont .help_pop .sub_tit {margin-bottom: 0.4rem; font-size: 1.3rem;}
.plan_cont .help_pop .bullet, .plan_cont .help_pop .sub_tit + .bullet {margin: 0.4rem 0 0 1.4rem; font-size: 1.3rem;}
.plan_cont .help_pop .bullet::before {margin: 0 0.5rem;}
.plan_cont .help_pop .bullet.margin0, .bullet.margin0 {margin: 0 0 0 1.4rem; line-height: 140%;}

.group05 {background-color: #CADFFF;}
.group05 h2 span {color: #666;}
.group05 .img {margin: 3rem 0 2rem; text-align: center;}
.group05 .img img {width: 28.2rem;}
.group05 ul {margin-bottom: 2rem; padding: 3rem 3.2rem; border-radius: 1.6rem; background-color: #FFF;}
.group05 ul li + li {margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #EDEDED;}
.group05 ul li {display: flex; align-items: center;}
.group05 ul li .icon {width: 5.4rem; height: 5.4rem; margin-right: 1.2rem; border-radius: 50%; background-color: #D5E6FF;}
.group05 ul li .icon img {width: 100%;}
.group05 ul li p {font-size: 2rem; font-weight: 700; line-height: 120%; }
.group05 ul li p span {display: block; margin-bottom: 0.8rem; font-size: 1.6rem; font-weight: 500; line-height: 120%;}
.group05 ul ~ .bullet.margin0 {margin-left: 2rem; color: inherit; font-weight: 300;}

.group06 {background-color: #fff;}
.group06 h2 {display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; font-size: 2.4rem; font-weight: 700; line-height: 120%; text-align: center;}
.group06 h2::after {content: ''; display: inline-block; width: 2.4rem; height: 2.4rem; margin-left: 0.6rem;  background: url(https://img.lifet.co.kr/membership/bubble.png) no-repeat right center; background-size: 2.4rem;}
.group06 ul li .q, .pet_pop ul li .q {position: relative; padding: 2rem 4rem 2rem 1rem; font-size: 1.6rem; font-weight: 600; line-height: 120%; border-top: 1px solid #EFEFEF; cursor: pointer; }
.group06 ul li:last-child .q, .pet_pop ul li:last-child .q  {border-bottom: 1px solid #EFEFEF;}
.group06 ul li.active:last-child .q, .pet_pop ul li.active:last-child .q  {border-bottom: 0;}
.group06 ul li .q::after, .pet_pop ul li .q::after {content: ''; position: absolute; top: 20px; right: 1rem; width: 18px; height: 18px; background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat;  background-size: 18px;}
.group06 ul li.active .q::after, .pet_pop ul li.active .q::after {transform: rotate(180deg);}
.group06 ul li .a, .pet_pop ul li .a {display: none; padding: 18px 10px; font-size: 15px; font-weight: 400; line-height: 140%; background-color: #F4F4F4;}

.cat {display: none;}
.cat .head > img {width: 31.6rem; top: -4.6rem;}
.cat .group02 ul li .icon, .cat .group03, .cat .group05, .cat .group05 ul li .icon {background-color: #FFEBCE;}
.cat .group03 .img {background-color: #FFDFB0;}
.cat .group03 .box_w p > strong span, .cat .group03 .box_w .black {color: #ED9310;}
.cat .group03 .box_w a {background-color: #ED9310;}
.cat .group03 .detail {background-color: #F3D1A0;}

.floting_btn {display: none; z-index: 1000; position: fixed; left: 0; bottom: 0; width: 100%; padding: 4.7rem 2em 3rem;  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 84%);;}
.floting_btn.show {display: block;}
.floting_btn.hide {display: none;}
.floting_btn strong {padding-right: 2.8rem; font-size: 2.4rem; font-weight: 700; line-height: 120%; background: url(https://img.lifet.co.kr/db/zoom.png) no-repeat right center; background-size: 2.4rem;}
.floting_btn button {width: 100%; padding: 1.5rem 0; color: #fff; font-size: 1.5rem; font-weight: 700; line-height: 130%; border-radius: 6rem; background-color: #68A5FE;}

#container.landing ~ footer {padding: 0;}
#container.landing ~ footer .inner {padding: 6rem 2rem 11rem;}
#container.landing ~ footer .inner > article + article {margin: 0;}
#container.landing ~ footer .sns-area {display: flex; justify-content: flex-start; align-items: flex-end; position: absolute; right: 2rem; top: 6rem; z-index: 1;}
#container.landing ~ footer .sns-area li + li {margin-left: 0.8rem;}
#container.landing ~ footer .terms {display: flex; margin: 1.2rem 0 0.8rem -1rem; color: #343434; font-size: 1.4rem; font-weight: 600;}
#container.landing ~ footer .cptxt {margin-bottom: 4rem; font-size: 1.2rem; line-height: 150%;}
#container.landing ~ footer .cptxt b {display: block;}
#container.landing ~ footer .cptxt i {display: none;}
#container.landing ~ footer .terms li + li {margin-left: 1rem;}
#container.landing ~ footer .cyright {display: none;}
#container.landing ~ footer h5 {margin-bottom: 0.6rem; color: #343434; font-size: 14px; font-weight: 600;}
#container.landing ~ footer .Tel {height: 3rem; padding-top: 0.2rem; background-image: url(https://img.lifet.co.kr/icon/Tel.png); background-repeat: no-repeat; background-position: left center; padding-left: 2.4rem; margin-bottom: 0.8rem; display: inline-block; font-size: 2rem; font-weight: 600; color: #343434;}
#container.landing ~ footer ul {font-size: 1.2rem;}

.qr_pop {display: none; z-index: 1000000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.qr_pop .dim {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5;}
.qr_pop .pop_cont {z-index: 10000; position: relative; width: 411px; padding: 44px 50px 32px; text-align: center; border-radius: 20px; background-color: #fff;}
.qr_pop .pop_cont .tit {font-size: 22px; font-weight: 600; line-height: 130%;}
.qr_pop .pop_cont p {margin: 10px 0 24px; font-size: 18px; line-height: 150%;}
.qr_pop .pop_cont p span {color: #68A5FE; font-weight: 700;}
.qr_pop .pop_cont button.close {position: absolute; right: 20px; top: 20px; width: 24px; height: 24px; text-indent: -9999px; cursor: pointer;  background-image: url(https://img.lifet.co.kr/icon/btn_x.svg); background-repeat: no-repeat;  background-position: center; border: 0; background-color: transparent; background-size: 24px;}
.qr {width: 145px; margin: 0 auto; padding: 18px 17px 17px 18px; border-radius: 20px; border: 1px solid #D2D2D2;}
.qr img {width: 110px;}

.modal-dialog .modal-content.alert_pop {align-items: center; background-color: transparent;}
.alert_pop .content-area {max-width: 310px; padding: 30px 20px; text-align: center;}
.alert_pop .content-area .btn_area {margin: 0;}
/*.modal-dialog .alert_pop .textBox p {opacity: 1;}*/
.modal-dialog .textBox p {}
.modal-dialog .alert_pop .textBox p label {opacity: .8; font-size: 16px;}
.sign_wrap .field  + .confirmMsg {margin-bottom: -30px;}
.front_guide > div {margin-left: -30px;}
#container.membership .mobile__head {display: none;}
#container.membership ~ .modal-dialog .bottom_sheet[id*="termModal"] .contWrap {max-height: calc(100vh - 206px);}

#container ~ footer.bipartner .inner {padding: 38px 20px 50px;}
footer.bipartner .inner .title {margin-bottom: 8px; color: #343434; font-size: 14px; font-weight: 600; line-height: 150%;}
footer.bipartner .inner > p {color: #7B7B7B; font-size: 12px; line-height: 150%; letter-spacing: -0.3px;}
footer.bipartner .inner .box {margin-top: 16px; padding: 16px 12px; font-size: 12px; line-height: 150%; border-radius: 6px; background-color: #E3E3E3;}
footer.bipartner .inner .box p {margin-top: 20px;}
footer.bipartner .inner .btn_button { z-index: 1000; position: relative; display: flex; flex-wrap: wrap;}
footer.bipartner .inner .btn_button button:last-child {width: 100%;}
footer.bipartner .inner .btn_button button {display: flex; align-items: center; margin-top: 8px; font-size: 12px; font-weight: 600; line-height: 150%; }
footer.bipartner .inner .btn_button button:first-of-type:after {content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 10px; background-color: #C2C2C2; }

.modal-dialog .content-area {padding-top: 60px;}
.modal-dialog .certificate {height: calc(100vh - 78px); margin-top: 30px; padding: 0 20px; text-align: center;}
.modal-dialog .certificate img {max-width: 100%;}
.modal-dialog .certificate button, .bi_agree button {position: absolute; left: 20px; bottom: 50px; width: calc(100% - 40px); height: 48px; font-size: 16px; border-radius: 60px;}
.bi_agree {overflow-y: auto; /*height: calc(100svh -  60px);*/ padding: 10px 20px 0;}
.bi_agree .text {margin-bottom: 135px; font-size: 14px; line-height: 150%; white-space: pre-line;}
.bi_agree button {position: static; width: 100%;}
.bi_agree .btn-area {position: fixed; bottom: 0; left: 0; width: 100%; height: 135px; padding: 37px 20px 50px; background: linear-gradient(179deg, rgba(255, 255, 255, 0.00) 6.73%, #FFF 69.35%);}
.loding {margin-top: -25px;}
.shoot_guide.step04 .img.loding img {width: 250px;}
.loding2 p {font-size: 20px; font-weight: 500;}
.shoot_guide.step04 .img.loding2 img  {width: 100px;}
#container ~ footer.bipartner {padding: 0;}
#step3.shoot_guide .m-profile .btn-area {margin-top: 119px;}
#container > .section-wrap > .section-inner.min_h {position: static; }
#container ~.modal-dialog .bottom_sheet.left .head div:first-of-type {text-align: left;}

.phone_reservation {width: 390px; padding: 20px 20px 90px;}
.phone_reservation .tit {font-size: 16px; font-weight: 600; line-height: 150%;}
.phone_reservation label {display: block; margin-top: 20px; margin-bottom: 10px; font-size: 14px; font-weight: 600;}
.phone_reservation input[type="text"], .phone_reservation input[type="tel"] {width: 100%; height: 44px; padding: 10px 14px; font-size: 16px; border-radius: 4px; border: 1px solid #E6E6E6; background-color: #fff !important;}
.phone_reservation input.daterangepickerItem {padding-left: 42px; font-size: 14px;  font-weight: 500; background: url(https://img.lifet.co.kr/icon/calendar2.png) no-repeat left 14px center; background-size: 24px;}
.phone_reservation input.daterangepickerItem::placeholder {color: #343434;  font-weight: 500;}
.modal-dialog .phone_reservation .btn_area {position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; padding: 20px;}
.phone_reservation .btn_area button {width: calc(100% / 2 - 4px); height: 50px; font-size: 16px; border-radius: 60px;}
.phone_reservation .btn_area button.btn_blue {margin-left: 8px;}
.landing ~ .modal-dialog .dim {display: block;}
.phone_reservation .time {display: flex; flex-wrap: wrap;}
.phone_reservation .time button {width: 60px; margin-bottom: 12px; margin-right: 8px; padding: 6px 0; font-size: 14px; font-weight: 400; line-height: 18px; letter-spacing: -0.6px; text-align: center; border-radius: 30px; border: 1px solid #E0E0E0;}
.phone_reservation .bullet {margin-top: 8px; font-size: 13px;}
.phone_reservation .time button.active {color: #fff; font-weight: 600; border: 0; background-color: #68A5FE;}
.landing ~ .modal-dialog .content-area .head div:first-child, .membership ~ .modal-dialog .content-area .head div:first-child {padding-left: 20px;}
.breeds_pop .contentWrap .scroll .depth1 {font-size: 14px;}
.breeds_pop .contentWrap .scroll ul li a {font-size: 13px;}
.breeds_pop .contentWrap .scroll .result_list {display: block; margin-bottom: -7px;}
.breeds_pop .contentWrap .scroll .result_list li a {margin-bottom: 0; padding: 14px 0; font-size: 15px; border: 0;}

.agree_plan {max-width: 425px; margin: -10px -10px 20px; padding-bottom: 20px; font-size: 14px; line-height: 130%; }
.agree_plan .title {margin-bottom: 12px; font-size: 18px; font-weight: 700; line-height: 130%;}
.agree_plan .cont {white-space: pre-line;}

.pet_pop {max-width: 48.5rem; margin: -1rem -1rem 2rem; padding-top: 6.1rem;}
.pet_pop .pop_wrap > div {display: none;}
.pet_pop .pop_wrap > div.show {display: block;}
.pet_pop .menu {overflow-x: scroll; z-index: 1; position:absolute; top: 4.2rem; display: flex; width: 100%; margin-left: -20px; padding-left: 20px; padding-top: 1.3rem; background-color: #fff;}
.pet_pop .menu ::-webkit-scrollbar {display: none;}
.pet_pop .menu  {-ms-overflow-style: none; scrollbar-width: none; /* Firefox */}
.pet_pop .menu li a {display: block; padding: 16px; color: #999; white-space: nowrap; font-size: 16px; line-height: 130%; border-bottom: 2px solid #EFEFEF;}
.pet_pop .menu li a.active {padding-bottom: 15px; color: #252E3B;  font-weight: 600; border-bottom: 3px solid #68A5FE;}
.pet_pop .title {display: flex; align-items: center; justify-content: space-between; margin: 30px 0 8px !important; font-size: 18px; font-weight: 700;}
.pet_pop .title button {width: 68px; height: 34px; padding: 8px 0; font-weight: 600; border-radius: 6px;}
.pet_pop table {width: 100%; margin-top: 8px;}
.pet_pop table, .pet_pop table th, .pet_pop table td {border: 1px solid #D6D6D6; border-collapse: collapse; text-align: center;}
.pet_pop table thead th {padding: 0.6rem 0;}
.pet_pop table th {font-size: 12px; font-weight: 400; background-color: #F4F4F8;}
.pet_pop table td span {display: block; font-size: 10px; line-height:1.6rem; letter-spacing: -0.4px;}
.pet_pop table td {height: 40px; font-size: 12px; font-weight: 500; line-height: 1.6rem;}
.pet_pop table td strong {display: block;  text-align: left; font-size: 16px; font-weight: 600;}
.pet_pop table td p {padding-top: 12px; color: #666; font-size: 14px; font-weight: 400; line-height: 140%; text-align:left;}
.pet_pop table.table_row th {width: 29%; padding: 16px 13px; font-size: 14px; vertical-align: top; text-align: left;}
.pet_pop table.table_row td {padding: 16px 14px;}
.pet_pop table dl {margin-bottom: -2rem; text-align: left;}
.pet_pop table dl dt {margin-bottom: 12px; font-size: 16px; font-weight: 600;}
.pet_pop table dl dd {margin-bottom: 20px; color: #666; font-size: 14px; font-weight: 400; line-height: 140%;}
.pet_pop .sub_tit {margin-top: 12px; color: #666; font-size: 14px; font-weight: 400; line-height: 140%; text-align:left;}
.pet_pop p.bullet {margin:  0 0 0 14px; padding: 0; font-size: 14px; line-height: 140%;}
.pet_pop .agree_box {overflow: hidden; position: relative; height: 36.5rem; padding-bottom: 44px; font-size: 14px; line-height: 130%; white-space: pre-line; background-color: #fff;}
.pet_pop .agree_box.show {height: auto;}
.pet_pop .agree_box button {position:absolute; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 44px; font-size: 14px; font-weight: 500; line-height: 130%; border-radius: 8px; border: 1px solid #CCC; background-color: #fff;}
.pet_pop .agree_box::before {content:''; position: absolute; bottom: 42px; width: 100%; height: 108px; border-bottom: 7px solid #fff; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%); }
.pet_pop .agree_box.show::before {display:none;}
.pet_pop .agree_box button::after {content:''; display: inline-block; width: 20px; height: 20px; margin-left: 0.2rem; background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat center; background-size: 20px;}
.pet_pop .agree_box button.close::after {transform: rotate(180deg);}
.pop_wrap {margin-right: -10px; padding-bottom: 85px;}
.pet_pop + .agree_btn {position: absolute; left: 0; bottom: 0; width: 100%; padding: 45px 20px 20px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 5%, #FFF 60.1%);}
.pet_pop + .agree_btn a {display:block; width: 100%; height: 46px; padding: 11px 0; font-size: 16px; font-weight: 600; line-height: 24px; text-align: center; border-radius: 6px; background-color: #fff;}
.pet_pop + .agree_btn p {margin-top: 12px; color: #7F7F7F; font-size: 9px; font-weight: 400; line-height: 130%; text-align: center;}

#telPop .time button:disabled {opacity: 0.4; pointer-events: none; }
#commonModal .btn_area.width100 {display: block; margin-top: -4px;}
#commonModal .btn_area.width100 button {width: 100%; min-width: 100%; height: 52px; margin: 0;}
#commonModal .btn_area.width100 button + button {margin-bottom: -20px; font-size: 16px; font-weight: 500; line-height: 130%; }

@media (min-width: 750px) {
    #container.landing {overflow: hidden;  padding: 11.5rem 0 0; background-color: #EFF5FF;}
    #container.membership {max-width: 100%; padding-top: 94px;  background-color: #EFF5FF;}
    #container.membership > .section-wrap.max-content {max-width: 470px; min-height: calc(100vh - 183px) !important; margin: 48px auto 0; padding: 30px 20px 30px; background-color: #fff; box-shadow: 0px 0px 27px 4px rgba(89, 89, 89, 0.10);}
    #container.membership > .section-wrap.max-content.bg {background-color: #F4F4F8;}
    .membership .animal_select {max-width: none; min-height: auto;}
    .shoot_guide .step {max-width: none; margin: 0;}
    #step1 .shoot_guide > button {bottom: 30px; cursor: pointer;}
    .btn_bottom {position: static; padding: 0;}
    .tab_wrap {overflow: hidden; max-width: 520px; margin: 0 auto;}
    .tab {top: 11.4rem;}
    .floting_btn {left: 50%; transform: translateX(-50%); padding-bottom: 20px;}
    .join_condition + .m-profile.fixed, .mobile__head {left: 50% ; padding: 0; transform: translateX(-50%)}
    .contWrap.dislocation .m-profile {max-width: 100%;}
    .app_top ~ .landing .tab {top: 14.3rem;}
    .btn-area.gradient.active {transform: none;}
    .app_top ~ #container .mobile__head {top: 9.5rem;}
    #container.landing ~ footer.bipartner .inner {max-width: 1170px; padding: 40px 0 50px; background-color: #ececec;}
    .tab, .mobile__head, .floting_btn {overflow: hidden; max-width: 520px; margin: 0 auto;}
    #container.membership .mobile__head {display: flex; max-width: 470px; height: 48px;  top: auto; }
    .btn-area.gradient {overflow: hidden; position: static; max-width: 470px; margin: 0 auto; padding: 0; background: none;}
    #container.landing .mobile__head .name__.hTitle {display: block; font-size: 1.8rem;}
    #container .mobile__head .name__.hTitle {display: block; font-size: 18px;}
    .landing .mobile__head .back {background-size: 2.2rem; width: 5rem; height: 5rem;}
    .membership .mobile__head .back {background-size: 22px; width: 50px; height: 50px;}
    .membership .animal_select .m-profile {max-width: 100%;}
    .mobile__head {z-index: 111; overflow: visible; position: fixed; width: 100%; top: 6.7rem; display: flex; justify-content: center; align-items: center; height: 4.8rem; border-bottom: 1px solid #D8D8D8; background-color: #fff;}
    .mobile__head .name__ {font-size: 1.8rem; font-weight: 600;}
    .mobile__head .back {z-index: 1; position: absolute; left: 0; top: 0; width: 5rem; height: 5rem; background-repeat: no-repeat; background-position: center; background-size: 2.2rem; background-image: url(https://img.lifet.co.kr/icon/back.svg); }
    header.app_top ~ #container.landing {padding-top: 14.3rem; }
    .pet_change {z-index: 10; position: absolute;}
    html {font-size: 14px;}
    .bullet {margin-left: 1.6rem; text-indent: -1.6rem;}
    .group06 .bullet {margin-left: 4rem;}
    .alert_pop .content-area  {max-width: 411px; padding: 30px 40px;}
    .btn_bottom .m_bullet {width: 376px; margin: 6px auto 0;}
    .membership .shoot_guide .step.left {margin-bottom: 20px;}
    .photo_certification + .box .bullet {font-size: 14px;}
    .sign_wrap .field input + .confirmMsg {display: none; font-size: 12px}
/*    #container.membership ~ .toast_wrap {padding-bottom: 90px;} */
    .modal-dialog .certificate {width: 550px; height: auto; margin-top: 0; padding: 30px;}
    .modal-dialog .certificate img {height: 62vh; margin: 0 auto 0;}
    .modal-dialog .certificate button {position: static; height: 52px; margin-top: 30px; font-size: 18px;}
    .modal-dialog .bi_agree {width: 550px; /*height: 695px;*/ padding: 10px 30px 30px;}
    .bi_agree .text {margin-bottom: 90px;}
    .bi_agree .btn-area {position: absolute; bottom: 0; height: auto; padding: 30px;}
    .bi_agree .btn-area button {height: 52px;}
    #container ~ footer.bipartner {padding: 0;}
    #container ~ footer.bipartner .inner {display: block; padding: 3.6rem 2rem 5rem;}
    footer.bipartner .inner .title {margin-bottom: 8px; font-size: 16px;}
    footer.bipartner .inner > p, footer.bipartner .inner .box, footer.bipartner .inner .btn_button button {font-size: 12px;}
    footer.bipartner .inner .box {margin-top: 1.6rem; padding: 1.6rem 1.2rem; border-radius: 0.6rem;}
    footer.bipartner .inner .box p {margin-top: 20px;}
    #container.landing ~ footer.bipartner .inner > p {font-size: 14px;}
    footer.bipartner .inner .box {padding: 16px 20px; font-size: 12px;} 
    footer.bipartner .inner .btn_button button {margin-top: 20px;}
    footer.bipartner .inner .btn_button button:last-child {width: auto;}
    footer.bipartner .inner .btn_button button:nth-of-type(2):after {content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 10px; background-color: #C2C2C2; }
    .membership .animal_select .field .help_pop  {top: 216px;}
    .join_condition {min-height: 66vh;}
    .kakao_floging {right: 50px; bottom: 120px;}
    .kakao_floging img {width: 60px; height: 60px;}
    .landing ~ .modal-dialog .agree_cont p, .landing ~ .modal-dialog .agree_cont .sub_tit {font-size: 15px;}
    .membership .plan_detail ~ button {position: absolute; bottom: 30px; width: calc(100% - 40px); height: 48px; padding: 0;}
    .membership .choice_area .point_tooltip {bottom: 232px; height: 51px; width: 165px; padding-top: 14px; background-size: 164px;}

    .pet_pop {max-width: 435px; margin: -10px -10px 20px; padding-top: 42px;}
    .pet_pop .pop_wrap > div {width: 435px;}
    .pet_pop table.table_row th {width: 22%;}
    .pet_pop .title {margin-top: 40px;}
    .pet_pop .agree_btn {width: 485px; left: 50%; bottom: 60px; margin-left: -242px; border-radius: 0 0 16px 16px;}
    .pet_pop ul li .q {padding: 20px 40px 20px 10px; font-size: 16px;}
    .pet_pop ul li .q::after {}
}

@media (max-width: 767px) {
    .qr_pop {display: none;}
    #step3.shoot_guide .m-profile .btn-area {margin-top: 38px ;}
    .phone_reservation {overflow-y: auto; width: 100%; max-height: calc(100vh - 160px); padding: 0 20px 90px;}
    .phone_reservation .time button {width: calc(100% / 5 - 8px);}
    .modal-dialog .phone_reservation .btn_area {background-color: #fff;}
    .pet_pop {margin: 0 0 5rem; padding-top: 3.8rem;}
    .pet_pop .menu {position :fixed; top: 6rem;}
    .landing ~ .modal-dialog .m_bottom_sheet  .content-area .head div:first-child {padding-left:0;}
    .pop_wrap {margin-right: 0;}
    .pet_pop + .agree_btn {position: fixed;}
    .agree_plan {margin:  0;}
}