.bad {color: #BA4241;}
.warn {color: #FF9A50;}
.care {color: #FFB800;}
.good {color: #47DAB3;}

/*서베이홈*/
.survey_home .check_btns {margin: 50px 0;}
.slick-prev { left: -20px; } 
.slick-next { right: -20px; transform: translateY(-50%) rotate(180deg) !important;} 
.slick_card { margin-top: 10px; } 
.slick_card .m { display: none !important; } 
.slick_card .pet_card { position: relative; display: flex !important; align-items: center; height: 230px; margin: 0 20px; text-align: center; box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.06); border-radius: 15px; background-color: #fff; } 
.slick_card .pet_card .date { position: absolute; top: 30px; right: 30px; font-size: 16px; line-height: normal; } 
.slick_card .slick-list { height: 270px; margin: 0 -20px; padding: 20px 0; } 
.pet_card p { margin: 48px 0 26px; font-weight: 400; font-size: 24px; line-height: 130%; } 
.pet_card .btn_default { display: inline-block; padding: 12px 46px 12px 35px; color: #fff; font-size: 16px; font-weight: 600; line-height: 130%; background-size: 16px; border-radius: 60px; background: #68A5FE url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat right 30px center; background-size: 12px; } 
.slick_card .card01 { flex-flow: column; } 
.slick_card .card02 .rig { flex: 1; } 
.slick_card .card03 .rig { flex: 1; position : relative; display: flex; align-items: center; } 
.slick_card .card03 .rig .title { position: absolute; top: 0; left:0; font-weight: 500; font-size: 22px; line-height: 130%; } 
.slick_card .card03 .rig .circleChart { width: 403px; margin: 49px 80px 0 0; } 
.slick_card .card03 .rig .circleChart .circle-chart { position: relative; width: 80px; height: 80px; margin: 0 auto 12px; } 
.slick_card .card03 .rig .circleChart .circle-chart_lable { display: flex; justify-content: center; white-space: nowrap; } 
.slick_card .card03 .rig .circleChart .circle-chart__circle { transform: rotate(-90deg) scale(1,-1); animation: circle-chart-fill 2s reverse; transform-origin: center; } 
.slick_card .card03 .rig .circleChart .circle-chart .img img { max-width: 48px; } 
.slick_card .card03 .rig .circleChart ul { display: flex; justify-content: space-around; width: 403px; } 
.slick_card .card03 .rig .circleChart ul li { width: 117px; } 
.slick_card .card03 .rig .circleChart ul li .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 10px; } 
.slick_card .card03 .rig .circleChart .circle-chart_lable span { font-size: 22px; font-weight: 500; } 
.slick_card .card03 .rig .circleChart .circle-chart_lable span:last-child { margin-left: 8px; padding-right: 18px; font-weight: 400; background: url(https://img.lifet.co.kr/landing/visual/arrow_right.svg) no-repeat right center; background-size: 18px; } 
.slick_card .card03 .rig .text { display: flex;  justify-content: center; flex-flow: column; width: 447px; height: 140px; padding: 19px 0 18px 72px; text-align: left; border-left: 2px solid #E9E9E9; } 
.slick_card .card03 .rig .text .tit { font-weight: 600; font-size: 24px; line-height: 130%; } 
.slick_card .card03 .rig .text p {display: block; margin: 6px 0 0; font-size: 22px; line-height: 130%; } 
.slick_card .card02 p { margin-top: 0; margin-bottom: 24px; } 
.slick_card .slick-arrow { top: 130px; width: 66px; height: 66px; background-image: url(https://img.lifet.co.kr/icon/slick_prev.png); background-size: 66px; } 
.slick_card .slick-prev { left: -35px; } 
.slick_card .slick-next { right: -35px; } 
.slick_card .card03 .rig .detail_result { display: flex; max-width: none; } 
.slick_card .card03 .rig .detail_result .score { display: flex; flex-flow: column; align-items: center; width: 117px; height: 170px; padding-top: 21px; border: 1.5px solid #D9D9D9; border-radius: 12px; } 
.slick_card .card03 .rig .detail_result .score .img { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; background-color: #ECF4FF; } 
.slick_card .card03 .rig .detail_result .score .img img { width: 40px; } 
.slick_card .card03 .rig .detail_result .score span { margin-top: 10px; font-weight: 500; font-size: 17px; line-height: 20px; } 
.slick_card .card03 .rig .detail_result .score strong { font-weight: 700; font-size: 32px; line-height: 130%; } 
.slick_card .card03 .rig .detail_result .score strong span { margin-left: 3px; font-weight: 600; font-size: 21px; line-height: 227%; } 
.slick_card .card03 .rig .detail_result .disease_score { flex-wrap: wrap; width: 286px; height: 170px; margin-right: 80px; } 
.slick_card .card03 .rig .detail_result .disease_score li { width: 134px; height: 80px; margin: 0 0 10px 9px; padding: 13px 0 0 14px; text-align: left; border-width: 1.5px; } 
.slick_card .card03 .rig .detail_result .disease_score li > span:first-child { margin-bottom: 4px; font-size: 16px; } 
.slick_card .card03 .rig .detail_result .disease_score li > span:last-child { right: 13px; bottom: 10px; padding: 3px 8px; color: #fff !important; font-weight: 500; font-size: 15px; } 
.slick_card .card03 .rig .detail_result .disease_score li strong { font-size: 26px; } 
.slick_card .card03 .rig .detail_result .disease_score li strong span { font-size: 18px; } 
.slick_card .slick-dots { margin-top: 10px; } 
.slick_card .slick-dots li button:before { width: 10px; height: 10px; background-color: #E6E6E6; } 
.slick-disabled { opacity: .5; } 
.slick-dots { display: flex; justify-content: center; margin-top: 20px; } 
.slick-dots li { position: relative; } 
.slick-dots li button { font-size: 0; line-height: 0; display: block; margin: 0 4px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } 
.slick-dots li button:before { content: ''; position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #C2C2C2; } 
.slick-dots li.slick-active button:before { background-color: #68A5FE; } 
.pet_card .left { width: 240px; } 
.pet_card .left p { margin: 0; font-size: inherit; } 
.pet_card .left .img { width: 110px; height: 110px; margin: 0 auto; border-radius: 50%; } 
.pet_card .left .img img { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; } 
.pet_card .left strong { display: block; margin: 10px 0 4px; font-weight: 500; font-size: 22px; line-height: 26px; } 
.pet_card .left span { color: #666; font-size: 14px; line-height: 140%; } 
.pet_card .left span:last-child::before { content: ''; display: inline-block; width: 4px; height: 4px; margin:0 8px; border-radius: 50%; vertical-align: 4px; background-color: #666; } 
.pet_card .ai_result { display: flex; width: 412px; height: 113px; align-items: center; justify-content: center; margin-right: 72px; margin-top: 45px; padding: 24px 0 24px 0; border: 1px solid #D9D9D9; border-radius: 12px; } 
.pet_card .ai_result p { margin: 0 0 0 22px; padding: 7px 0 7px 22px; font-weight: 500; font-size: 18px; text-align: left; line-height: 130%; border-left: 1px solid #D9D9D9; } 
.ai_result .percent { display: flex; align-items: center; white-space: nowrap; text-align: center; font-weight: 500; font-size: 18px; line-height: 130%; } 
.ai_result .percent strong { display: flex; color: #343434 !important; font-weight: 700; font-size: 40px; line-height: 130%; } 
.ai_result .percent span { padding: 2px 6px; color: #fff !important; font-weight: 500; line-height: 130%; font-size: 14px; border-radius: 110px; } 
.survey_home .ai_result .percent strong span {color: #343434 !important;}
.ai_result .percent span.good { background-color: #47DAB3; } 
.ai_result .percent span.warn { background-color: #FFB800; } 
.ai_result .percent span.bad { background-color: #F9708B; } 
.pet_card .text .tit .warn { color: #FFB800 !important; } 
.pet_card .good { color: #47DAB3; } 
.pet_card .care { color: #FFB800; } 
.pet_card .bad { color: #F9708B; } 
.ai_result .percent strong span { margin: 0 4px; padding: 0; color: #343434; font-weight: 600; font-size: 26px; line-height: 226%; } 


.recentCheck_slick { overflow: hidden; height: 60px; } 
.survey_home .recentCheck_slick .slick-slide { display: flex; } 
.recentCheck_slick .inner { position: relative; display: flex; align-items: center; width: 576px; padding: 15px 30px 14px; border-radius: 8px; background-color: #F3F3F3; } 
.recentCheck_slick .inner + .inner { margin-left: 17px; } 
.recentCheck_slick .inner .name { font-size: 18px; font-weight: 600; line-height: 130%; } 
.recentCheck_slick .inner strong { margin: 0 8px 0 16px; font-size: 24px; font-weight: 600; line-height: 130%; } 
.recentCheck_slick .inner span:nth-of-type(2) { display: inline-block; margin-right: 20px; padding: 2px 8px; color: #fff !important; font-size: 16px; font-weight: 600; line-height: 130%; border-radius: 110px; } 
.recentCheck_slick .inner span.good { background-color: #47DAB3; } 
.recentCheck_slick .inner span.care { background-color: #FFD15B; } 
.recentCheck_slick .inner span.warn { background-color: #FF9A50; } 
.recentCheck_slick .inner span.bad { background-color: #F9708B; } 
.recentCheck_slick .inner span.score { font-size: 18px; font-weight: 500; line-height: 130%; } 
.recentCheck_slick .inner span.day { position: absolute; right: 30px; color: #666; font-size: 16px; font-weight: 500; line-height: 130%; } 

.landing_quickBanner .banner_wrap { display: flex; margin-top: 4px; margin-bottom: 80px;} 
.landing_quickBanner .banner_wrap > div { position: relative; width: 576px; height: 226px; padding: 34px 0 0 34px; border-radius: 20px; } 
.landing_quickBanner .banner_wrap > div span { font-size: 18px; font-weight: 500; line-height: 130%; } 
.landing_quickBanner .banner_wrap > div strong { display: block; margin: 6px 0 12px; font-size: 32px; font-weight: 600; line-height: 130%; } 
.landing_quickBanner .banner_wrap > div a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 155px 0 0 34px; font-size: 20px; font-weight: 500; line-height: 130%; background: url(https://img.lifet.co.kr/icon/arrow_new.png) no-repeat 88px 157px; background-size: 20px; } 
.landing_quickBanner .banner_wrap .inner01 { background: url(https://img.lifet.co.kr/visual/check_img1_.png) no-repeat left; background-size: 100%; } 
.landing_quickBanner .banner_wrap .inner02 { margin-left: 18px; background: url(https://img.lifet.co.kr/visual/check_img2_.png) no-repeat left; background-size: 100%; } 

#container > .section-wrap.landing_customer { padding: 50px 0 0; } 
#container > .section-wrap.landing_quickBanner { padding: 50px 0 0; } 
.landing_customer .question_area .left { background-color: #F6F6F6; } 
.section-wrap.landing_customer .title h1 {font-size: 24px;}
.landing_content .title h1 { font-size: 28px; font-weight: 700; line-height: 130%;} 
.landing_customer .question_area { margin-top: 4px; } 
.landing_customer .left { display: flex; flex-direction: column-reverse; align-items: center; padding-top: 78px; } 
.landing_customer .left strong { margin: 0 0 12px; font-size: 28px; line-height: 1.3; } 
.landing_customer .left p {margin-bottom: 28px; font-size: 18px; } 
.cartegory_list li img, .communty_slide .slide_card img { width: 370px; } 
.communty_slide .slide_card.event img { width: 1170px; } 
#container .landing_content { padding: 0 0 80px; } 

/* 프로필 생성 초기 */
.shoot_guide { display: none; position: relative; max-width: 376px; margin: 0 auto; } 
.shoot_guide .step { max-width: 376px; margin: 0 auto 30px; text-align: center; } 
.shoot_guide.step01 .step { margin-bottom: 24px; } 
.shoot_guide.step02 .step { margin-bottom: -10px; } 
.shoot_guide .step strong { color: #68A5FE; font-size: 30px; font-weight: 700; line-height: 1.5; } 
.shoot_guide .step span { margin-left: 4px; color: #B3B3B3; font-weight: 600; } 
.shoot_guide .step h2 { margin: 7px 0 6px; font-size: 26px; font-weight: 600; line-height: 1.5; } 
.shoot_guide .step p { font-size: 18px; } 
.shoot_guide .inner { margin: 14px 0 0; box-shadow: 0px 0px 45.2418px 6.28358px rgba(174, 174, 174, 0.16); border-radius: 8px; } 
.guide_box { display: flex; flex-wrap: wrap; justify-content: center; padding: 23px 0 20px; } 
.guide_box ol { display: flex; width: 100%; list-style: none; } 
.guide_box ol li { width: 50%; text-align: center } 
.guide_box ol li .tit { margin-bottom: 10px; color: #4772C1; font-size: 15px; font-weight: 600; } 
.guide_box ol li p { margin-top: 17px; color: #545454; font-size: 18px; font-weight: 600; line-height: 1.4; } 
.shoot_guide .inner_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: -10px; } 
.shoot_guide .inner_wrap .inner { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex: 1 1 40%; height: 140px; margin-left: 10px; text-align: center; background-color: #fff; } 
.shoot_guide .inner_wrap .inner p { width: 100%; margin-top: 10px; color: #545454; font-size: 18px; line-height: 1.4; font-weight: 600; } 
.shoot_guide .inner_wrap .inner p:last-child { display: none; } 
.shoot_guide .caution-area li { padding-left: 24px; font-size: 16px; background-size: 16px; background-position: top 4px left; } 
.shoot_guide .tip { display: flex; align-items: center; max-width: 376px; margin: 0 auto 16px; padding: 16px 31px; border-radius: 12px; background-color: #E8F1FF; } 
.shoot_guide .tip strong { color: #4D91F4; font-weight: 600; font-size: 24px; line-height: 130%; } 
.shoot_guide .tip strong::after { content:''; display: inline-block; width: 1px; height: 22px; margin-left: 22px; vertical-align: -2px; background-color: #95C0FF; } 
.shoot_guide .tip p { margin-left: 22px; font-weight: 500; font-size: 15px; line-height: 130%; }
.modal-dialog .bottom_sheet .content-area.ai_check { max-width: 418px; padding: 0;}
.modal-dialog .bottom_sheet .content-area.ai_check .head div:first-child {z-index: 10; padding-left: 20px; border: 0;}
.modal-dialog .modal-content.bottom_sheet {align-items: flex-end; background-color: transparent;}
.modal-dialog .bottom_sheet .content-area {max-width: none; padding: 20px 0 0; border-radius: 20px 20px 0 0;}
.bottom_sheet .ai_check .contWrap.dislocation {overflow-y: auto;  max-height: calc(100vh - 93px);  padding: 66px 20px 50px; text-align: left; } 
.step03 .upload_area { text-align: center; } 
.step03 .guide { margin-top: 20px; text-align: center; } 
.step03 .guide .m_bullet { margin-bottom: 0; margin-left: 17px; font-size: 15px; } 
.step03 .guide button { padding: 16px; color: #6992DE; font-size: 16px; font-weight: 500; line-height: 150%; text-decoration-line: underline; text-align: center; cursor: pointer; border: 0; background-color: transparent; } 

.img_upload { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 374px; height: 504px; margin: 0 auto; border-radius: 10px; border: 2px dashed #D2D2D2; } 
.img_upload .inner { width: 147px; text-align: center; box-shadow: none; } 
.img_upload .inner img { width: 65px; } 
.img_upload .inner p { margin: 16px 0 22px; color: #545454; font-size: 16px; line-height: 130%; } 
.img_upload label, .img_upload button { display: inline-block; width: 107px; margin-top: 20px; padding: 7px 0; font-size: 16px; font-weight: 600; line-height: 24px; cursor: pointer; color: #fff; border-radius: 60px; background-color: #000; } 
.upload_pic { display: none; overflow: hidden; position: relative; /* display: flex; */flex-wrap: wrap; align-items: center; justify-content: center; max-width: 374px; height: 504px; text-align: center; border-radius: 12px; } 
.upload_pic .del { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 16px; text-indent: -9999px; } 
.upload_pic .del.hover { position: absolute; background-image: url(https://img.lifet.co.kr/patella/pic_del.svg); background-repeat: no-repeat; background-position: center; background-color: rgba(77, 77, 77, 0.37); } 
.upload_pic .del button { display: inline-block; position: absolute; top: 50%; left: 50%; height: 100px; width: 100px; border: 0; text-indent: -9999px; cursor: pointer; transform: translate(-50%, -50%); background: transparent; } 
.upload_pic img { position: absolute; left: 50%; transform: translate(-50%, 0); height: 504px; } 
.upload_pic a:hover { background-image: url(https://img.lifet.co.kr/patella/pic_del.svg); background-repeat: no-repeat; background-position: center; background-color: rgba(77, 77, 77, 0.37); border-radius: 16px; } 
.upload_pic a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; } 

#sample_pic .content-area { max-width: 738px; max-height: 820px; padding: 0; } 
.shoot_guide .m-profile .btn-area { max-width: 466px; margin: 38px auto 0; } 
.step01 .m-profile .btn-area { margin-top: 55px; } 
.step03 .m-profile .btn-area { margin-top: 0; } 
.shoot_guide.step03 { max-width: 376px; padding-bottom: 10px; } 
.sample_cont { display: flex; height: 580px; padding: 30px 50px; text-align: center; border-radius: 6px; box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.08); background-color: #fff; } 
.sample_cont .picture { position: relative; } 
.sample_cont .picture > img { display: block; border-radius: 4px; } 
.sample_cont .picture span { position: absolute; bottom: 0; right: 0; } 
.sample_cont .left { margin-right: 30px; } 
.sample_cont .left .tit { color: #68A5FE; } 
.sample_cont .rig .tit { color: #FF6281; } 
.sample_cont .left .picture > img { width: 248px; } 
.sample_cont .left .picture span img { width: 70px; } 
.sample_cont .rig .picture span img { display: block; width: 30px; } 
.sample_cont .rig .picture > img { width: 108px; } 
.sample_cont .left > p:last-child { margin-top: 12px; font-size: 14px; line-height: 1.3; } 
.sample_cont ul { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.sample_cont ul li { margin-bottom: 20px; font-size: 16px; line-height: 1.4; } 
.sample_cont ul li p { margin-top: 12px; line-height: 1.3; font-size: 13px; } 
.sample_cont ul li p:last-child { display: none; } 
.sample_cont .tit { font-size: 16px; font-weight: 700; line-height: 1.5; } 
.sample_cont .tit + p { margin: 2px 0 12px; font-size: 14px; font-weight: 500; line-height: 1.5; } 

.report .inner { height: 457px; padding: 52px 30px 0; text-align: center; box-shadow: none; } 
.report .inner p { margin: 30px 0; color: #494949; font-size: 22px; font-weight: 600; word-break: keep-all; line-height: 1.3; } 
.report .inner p span { color: #68A5FE; } 
.report .inner input[type="text"] { margin-bottom: 12px; border-radius: 7px; } 
.report .inner a { float: right; color:#828282; text-decoration: underline; } 

#modal-terms2 .content-area { max-width: 582px; max-height: auto; } 
#modal-terms2 .content-area .text_area { padding-top: 30px; } 
#modal-terms2 .content-area .text_area div { background-color: #E7ECF2; } 
#modal-terms2 .text_area > div.active { overflow: hidden; height: auto; padding: 30px; white-space: inherit; } 
#modal-terms2 ul li { position: relative; margin-bottom: 14px; padding-left: 15px; font-size: 20px; line-height: 1.5; } 
#modal-terms2 ul li:before { content:''; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #343434; } 

/* 프로필등록 new */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 
.animal_select .m-profile .btn-area .btn { height: 58px; line-height: 56px; font-size: 18px; } 
.animal_select { display: none; min-height: calc(100vh - 190px); margin-top: -20px; } 
.animal_area { display: flex; justify-content: center; margin-top: 116px; } 
.animal_select .inner { box-shadow: none; cursor: pointer; } 
.animal_select .inner:nth-child(2) { margin-left: 34px; } 
.animal_select .inner .img { position: relative; display: flex; justify-content: center; align-items: center; width: 196px; height: 196px; border-radius: 50%; background-color: #EDF4FF; } 
.animal_select .inner .img img { position: absolute; bottom: -1px; border-radius: 50%; } 
.animal_select .inner .check { z-index: 1; position: absolute; bottom: -1px; right: 8px; top:0; width: 44px; height: 44px; background: url(https://img.lifet.co.kr/icon/icon_check.svg) no-repeat left top; } 
.animal_select .inner > span { display: block; margin-top: 14px; font-weight: 600; font-size: 24px; line-height: 150%; text-align: center; } 
.animal_select .m-profile { width: 100%; max-width: 466px; margin-top: 197px; } 
.animal_select:nth-child(2) .m-profile { margin-top: 70px; } 
.animal_select:nth-child(3) .m-profile { margin-top: 123px; } 
.animal_area .inner.active .img::after { content: ''; position: absolute; width: 193px; height: 193px; border-radius: 50%; border: 3px solid #68A5FE; } 
.animal_area .inner.active .check { background-image:url(https://img.lifet.co.kr/icon/icon_check_on.svg); } 

.unable_join .top { margin: 40px 0 2px; text-align: center; } 
.unable_join .top img { width: 46px; } 
.unable_join .top p:first-of-type { margin-top: 18px; color: #000; font-size: 18px; font-weight: 500; line-height: 130%; } 
.unable_join .top p:nth-of-type(2) { margin-top: 5px; font-size: 16px; font-weight: 400; line-height: 150%; } 
.unable_join > p { margin-bottom: 14px; font-size: 16px; font-weight: 500; line-height: 130%; text-align: center; } 
.unable_join ul li a { display: flex; margin: 0 14px; padding: 20px 0 20px 20px; border-radius: 8px; border: 1px solid #E3E3E3; } 
.unable_join ul li + li { margin-top: 10px; } 
.unable_join ul li strong { display: block; margin-bottom: 2px; font-size: 16px; font-weight: 700; line-height: 150%; } 
.unable_join ul li p { margin-left: 13px; text-align: left; } 
.unable_join ul li span { line-height: 150%; } 

.unable_join ul.other_plan li a { align-items: center; justify-content: space-between; margin: 0; padding-right: 20px; } 
.other_plan .name { display: flex; align-items: center; margin-bottom: 2px; font-size: 18px; font-weight: 500; line-height: 130%; } 
.other_plan .name em { margin-left: 4px; padding: 2px 6px; color: #fff; font-size: 10px; font-weight: 600; line-height: 130%; border-radius: 60px; background-color: #68A5FE; } 
.other_plan .sub { line-height: 130%; } 
.other_plan .price { color:#666; font-size: 12px; line-height: 130%; } 
.unable_join .other_plan strong { display: flex; align-items: center; font-size: 20px; font-weight: 600; line-height: 130%; } 
.other_plan strong span { margin-right: 4px; font-size: 14px; font-weight: 400; line-height: 130%; } 

.ai_check [class*="grad_swiper"] .swiper-slide img { width: 302px; height: 460px; object-fit: cover;} 

@media (max-width:767px){

    .survey_home .examineTotal-area .title h1 {font-size: 20px;}
    #container.landing_new .landing_quickBanner .section-inner { padding: 0 20px; } 
    .survey_home .inner-1200 { padding: 0 20px; } 
    .instargram_slide, .landing_content .communty_slide { overflow: hidden; } 
    .communty_slide .slide_card img, .cartegory_list li img { display: block; width: 100%; } 
    .communty_slide .slide_card.event img { width: 100%; } 
    #container > .section-wrap.landing_customer{ padding: 40px 20px 40px; } 
    .landing_customer .title h1, .landing_content .title h1 { font-size: 20px; } 
    .survey_home .check_btns div + div {margin-left: 0;}
    .survey_home .check_btns > div {flex: none; width: auto;}
    .survey_home .check_btns div a {font-size: 13px;}
    .survey_home .check_btns {margin: 26px 0 39px; padding: 0;}
    .survey_home .check_btns a span {width: 54px; height: 54px;}
    #container.survey_home .landing_more {right: 0; padding-right: 18px; font-size: 16px; text-indent: 0;}
    #container .landing_more { top: 5px; /*padding-right: 16px;*/ font-size: 15px; background-size: 16px; } 
    #container .search_area .landing_more { top: 3px; } 
    #container .landing_content .landing_more { right: 20px; } 
    .landing_customer .question_area { margin-top: 0; }
    .landing_customer .left { position: relative; align-items: flex-start; justify-content: flex-end; height: auto; padding: 17px 0 14px 122px; border-radius: 10px; } 
    .landing_customer .left img { position: absolute; left: 23px; bottom: 0; width: 83px; } 
    .landing_customer .left strong { margin-bottom: 4px; font-size: 18px; } 
    .landing_customer .left p { display: none; } 
    .landing_customer .question_area .left {display: none;}
    #container > .landing_instargram { padding: 50px 0; } 
    #container > .landing_content { padding: 0; } 
    .landing_content .title { padding-left: 20px; } 

    .recentCheck_slick { height: 40px; } 
    .recentCheck_slick .inner { width: 100%; padding: 9px 16px; } 
    .recentCheck_slick .inner + .inner { margin-left: 0; } 
    .recentCheck_slick .slick-slide { display: block; } 
    .recentCheck_slick .inner .name, .recentCheck_slick .inner span.score { font-size: 14px; } 
    .recentCheck_slick .inner .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 17%; } 
    .recentCheck_slick .inner strong { margin: 0 4px 0 12px; font-size: 16px; } 
    .recentCheck_slick .inner span:nth-of-type(2) { padding: 2px 6px; font-size: 11px; } 
    .recentCheck_slick .inner span.day { top: 11px; right: 16px; font-size: 13px; } 

   #container > .section-wrap.landing_quickBanner { padding: 40px 20px 0; } 
    .landing_quickBanner .banner_wrap { flex-flow: column; margin-top: 16px; margin-bottom: 50px;} 
    #container .landing_quickBanner .banner_wrap > div { width: auto; height: 150px; padding: 20px 0 0 20px; border-radius: 12px; background-size: auto 100%; background-position: right -7px bottom;} 
    .landing_quickBanner .banner_wrap > div span, .landing_quickBanner .banner_wrap > div a { font-size: 14px; } 
    .landing_quickBanner .banner_wrap > div strong { margin: 4px 0 8px; font-size: 22px; } 
    .landing_quickBanner .banner_wrap > div a { padding: 108px 0 0 20px; background-position: 57px 110px; background-size: 14px; } 
    .landing_quickBanner .banner_wrap .inner02 { margin: 16px 0 0; } 

    .slick_card .web { display: none; } 
    .slick_card .m { display: inline-block !important; } 
    .slick_card .slick-arrow { display: none !important; } 
    .slick-counter { right: 20px; bottom: 16px; margin: 0; padding: 4px 6px 4px 10px; font-size: 14px; border-radius: 16px; } 
    .slick-counter .plus a { background-size: 14px; } 
    .slick_card { width: 100%; margin-top: 0; margin-bottom: 18px; } 
    .slick_card .slick-list { height: auto; padding: 20px 0 16px; } 
    .slick_card .card02 .left { display: none; } 
    .slick_card .card02 .rig { flex: inherit; text-align: center; } 
    .slick_card .card03 .left { display: flex; flex-wrap: wrap; align-items: flex-start; width: auto; padding: 16px 16px 22px; } 
    .slick_card .card03 .rig { align-items: inherit; flex: 1; margin: 0; padding: 0 0 16px 16px; } 
    .slick_card .card03 .rig .title { position: static; width: 100%; margin-bottom: 6px; font-size: 14px; text-align: left; font-weight: 500; } 
    .slick_card .card03 .rig .score { position: relative; width: 38%; padding-left: 7px; } 
    .slick_card .card03 .rig .score::after { content: ''; position: absolute; right: 0; top: 4px; width: 1px; height: 52px; background-color: #EFEFEF; } 
    .slick_card .card03 .rig .score .title { margin-bottom: 3px; font-size: 14px; font-weight: 500; } 
    .slick_card .card03 .rig .score .title span { display: none; } 
    .slick_card .card03 .rig .mobile-items { width: 100%; height: 34px; } 
    .slick_card .card03 .rig .mobile-items strong { color: #343434 !important; font-size: 30px; font-weight: 600; line-height: 130%; } 
    .slick_card .card03 .rig .mobile-items strong span { margin-left: 5px; font-size: 20px; font-weight: 500; line-height: 130%; } 
    .slick_card .card03 .rig .mobile-items > span { display: inline-block; margin-left: 4px; padding: 2px 6px; color: #fff !important; font-size: 12px; font-weight: 500; line-height: 130%; vertical-align: 3px; border-radius: 110px; } 
    .slick_card .card03 .rig .mobile-items > span.good { background-color: #47DAB3; } 
    .slick_card .card03 .rig .mobile-items > span.care { background-color: #FFD15B; } 
    .slick_card .card03 .rig .mobile-items > span.warn { background-color: #FF9A50; } 
    .slick_card .card03 .rig .mobile-items > span.bad { background-color: #F9708B; } 
    .slick_card .card03 .rig .text .tit { margin-top: -2px; font-size: 16px; font-weight: 500; } 
    .slick_card .card03 .rig .text { display: none; } 
    .slick_card .card03 .rig .text p { margin-top: 4px; font-size: 14px; } 
    .slick_card .card03 .rig .text p span { display: none; } 
    .slick_card .card03 .rig .text p br { display: none; } 
    .slick_card .card03 .rig .circleChart { display: flex; justify-content: center; margin: 0 auto; width: auto; } 
    .slick_card .card03 .rig .circleChart ul { width: 152px; justify-content: space-between; } 
    .slick_card .card03 .rig .circleChart ul li { width: auto; } 
    .slick_card .card03 .rig .circleChart .circle-chart { width: 38px; height: 38px; margin-bottom: 6px; } 
    .slick_card .card03 .rig .circleChart .circle-chart .img img { width: 23px; } 
    .slick_card .card03 .rig .circleChart .circle-chart_lable span { font-size: 12px; font-weight: 500; } 
    .slick_card .card03 .rig .circleChart .circle-chart_lable span:first-child { display: none; } 
    .slick_card .card03 .rig .circleChart .circle-chart_lable span:last-child { margin-left: 0; padding-right: 0; background: none; } 
    .slick_card .card03 .rig .detail_result { padding: 0; margin: -18px 0 0; } 
    .slick_card .pet_card { flex-flow: column; align-items: inherit; height: 170px; padding: 0; text-align: left; border-radius: 12px; } 
    .slick_card .pet_card.card02 { justify-content: center; align-items: center; } 
    .slick_card .pet_card .date { top: 16px; right: 16px; font-size: 12px; } 
    .pet_card p { margin: 0 0 20px; font-weight: 500; font-size: 18px; line-height: 140%; } 
    .slick_card .card02 p { margin-bottom: 20px; } 
    .pet_card .btn_default { padding: 10px 30px 10px 18px; font-size: 14px; background-size: 14px; background-position: right 16px center; } 
    .category_list2 { margin: 0 -3vw; justify-content: flex-start; } 
    .pet_card .left .img, .pet_card .left .img img { width: 46px; height: 46px; margin: 0; } 
    .pet_card .left span:first-of-type { left: 74px } 
    .pet_card .left span:last-of-type { left: 98px } 
    .pet_card .left p { width: 68%; margin-left: 12px; } 
    .pet_card .left span:last-child::before { background-color: #B3B3B3; } 
    .pet_card .left strong { overflow: hidden; margin-top: 0; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: 16px; line-height: normal; } 
    .pet_card .ai_result { width: 62%; height: auto; margin: 0; padding: 0; border: 0; } 
    .slick_card .card03 .rig .text a { position: absolute; right: 14px; top: 12px; margin-top: 0; padding: 4px 18px 4px 10px; font-size: 12px; background-position: right 8px center; background-size: 10px; } 
    .ai_result .step img { width: 76px; } 
    .ai_result .step .inner + .inner { margin-left: 6px; } 
    .ai_result .percent { display: none; } 
    .ai_result .percent strong { font-size: 34px; } 
    .ai_result .percent strong span { font-size: 22px; } 
    .pet_card .ai_result p { margin: 0 auto; padding: 0; font-size: 15px; text-align: left; border: 0; } 
    .ai_result .step span { font-size: 14px; } 
    .product_list .badge { left: 14px; width: 30px; padding-top: 6px; font-size: 16px; background-size: 30px; } 
    .best_area h2 { margin: 20px 0 30px; font-size: 24px; } 
    .best_area .banner { margin-top: -6px; margin-bottom: 31px; } 
    .lifet_only { margin-top: 30px; } 
    .lifet_only + .lifet_only { margin-top: 40px; } 
    .main_home .lifet_only:last-child { margin-top: 30px; } 
    .lifet_only > a { top: 4px; padding-right: 18px; font-size: 14px; background-size: 6px; } 
    .slick_card .card03 .rig .detail_result .score { display: none; } 
    .slick_card .card03 .rig .detail_result .disease_score { width: calc(100vw - 69px); height: auto; margin-right: 0; margin-left: 0; } 
    .slick_card .card03 .rig .detail_result .disease_score li { display: flex; align-items: center; width: auto; height: auto; width: calc(50% - 3px); margin: 6px 0 0; padding: 8px 10px !important; border: 1px solid #ECECEC; border-radius: 4px; } 
    .slick_card .card03 .rig .detail_result .disease_score li:nth-child(even) { margin-left: 5px; } 
    .slick_card .card03 .rig .detail_result .disease_score li > span:first-child { margin: 0; font-size: 14px !important; font-weight: 500; } 
    .slick_card .card03 .rig .detail_result .disease_score li.empty { height: 35px; border: 0; background-color: #F4F5F5; } 
    .slick_card .card03 .rig .detail_result .disease_score li strong { display: none; } 
    .slick_card .card03 .rig .detail_result .disease_score li > span:last-child { display: flex; justify-content: center; align-items: center; right: 9px !important; bottom: 6px !important; width: 32px; height: 23px; margin-left: 8px; padding: 0 !important; font-size: 12px !important; line-height: 1; border-radius: 30px; } 
    .slick_card .slick-dots { margin-top: 0; } 
    .slick_card .slick-dots li button:before { width: 8px; height: 8px; } 

    .animal_area { margin-top: 78px; min-height: 360px; } 
    .animal_area + .m-profile { position: fixed; bottom: 28px; width: 100%; margin: 0; padding: 0 20px; left: 0; } 
    .animal_area + .m-profile.active { position: static; padding: 0; margin: 0; } 
    .info_area + .m-profile { position: static; margin: 0; } 
    .animal_select .m-profile .btn-area .btn { height: 48px; line-height: 46px; font-size: 16px; } 
    .animal_select { min-height: auto; } 
    .animal_select:nth-of-type(2) .info_area, .animal_select:nth-of-type(3) .info_area { padding-bottom: 20px; } 
    .animal_select:nth-of-type(2) .info_area .birth { height: 40px; } 
    .membership .animal_select .info_area { padding-bottom: 0; } 
    .animal_select .inner .img, .animal_select .inner .img img { width: 150px; height: 150px; } 
    .animal_area .inner.active .img::after { width: 147px; height: 147px; } 
    .animal_select:nth-child(2) .m-profile { margin-top: 0; } 
    .animal_select:nth-child(3) .m-profile { margin-top: 0; } 
    .animal_select .inner:nth-child(2) { margin-left: 25px; } 
    .animal_select .inner .check { width: 34px; height: 34px; background-size: 34px; } 
    .animal_select .inner > span { margin-top: 12px; font-size: 18px; } 
    .animal_select .step { margin-bottom: 30px; } 
   
    .animal_select .checkBtn input + label { padding: 6px 20px; } 
    .dislocation_guide .tit { font-size: 18px; } 
    .dislocation_guide p { font-size: 16px; } 
    .dislocation_guide .img div { border-radius: 4px; } 
    .dislocation_guide .img.caution div span { font-size: 14px; } 
    .dislocation_guide .m_bullet {font-size: 16px;}
    .eye .step01 {height: calc(100svh - 108px); min-height: 420px;}
    .ai_check [class*="grad_swiper"] .swiper-slide img { width: 268px !important; height: 435px!important; border-radius: 10px; }
}


/* 개편 종합,ai건강체크 */
#container[class*="_cont"] .inner_wrap {width: auto; display: block;}
.total_cont .inner_wrap:nth-child(odd), .ai_cont .inner_wrap:nth-child(even) { background-color: #F4F5FA; } 
#container[class*="_cont"] .floting { z-index: 10; position: fixed; left: 0; bottom: 0; width: 100%; height: 84px; box-shadow: 0px 0px 48px 0px rgba(52, 52, 52, 0.20); background-color: #fff; } 
#container[class*="_cont"] .floting .inner { position: relative; max-width: 1170px; height: 84px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; padding: 0 145px 0 195px; } 
#container[class*="_cont"] .floting .m { display: none; } 
#container[class*="_cont"] .floting .balloon { position: absolute; top: -50px; right: 145px; height: 46px; padding: 12px 12px 12px 7px; color: #fff; font-size: 14px; line-height: 16px; letter-spacing: -0.14px; background: url(https://img.lifet.co.kr/icon/ballon2.png) no-repeat right top; background-size: 305px; } 
#container[class*="_cont"] .floting .balloon::before { content: ''; z-index: -1; position: absolute; left: -5px; top: 0; width: 50%; height: 46px; background: url(https://img.lifet.co.kr/icon/ballon2.png) no-repeat left top; background-size: 305px; } 
#container[class*="_cont"] .floting .balloon .money_icon {display: inline-block; margin-left: 4px; padding-left: 14px; font-size: 14px; font-weight: 400; background-size: 12px;}
#container[class*="_cont"] .floting span { font-size: 18px; font-weight: 600; line-height: 150%; } 
#container[class*="_cont"] .floting a { display: inline-block; padding: 12.5px 30px 12.5px 16px; color: #fff; font-size: 18px; font-weight: 600; line-height: 150%; border-radius: 8px; background:#6698FE url(https://img.lifet.co.kr/icon/arrow_white.svg) no-repeat right 15px center; background-size: 8px; } 
.total_cont [class*="style0"] { display: flex; } 
.total_cont .style01 .text_area {width: auto; margin: 233px 196px 0 100px; padding: 0;  border: 0; background: transparent; } 
#container[class*="_cont"] [class*="style0"] .text_area .subtxt { margin-bottom: 12px; color: #6698FE; font-size: 24px; font-weight: 600; line-height: 150%; } 
.total_cont [class*="style0"] .text_area .title, .ai_cont [class*="style0"] .text_area .title { font-size: 40px; font-weight: 700; line-height: 140%; } 
.total_cont [class*="style0"] .text_area .title span, .ai_cont [class*="style0"] .text_area .title span { color: #5FA0FF; } 
.total_cont .style01 img { display: inline-block; width: 392px; margin-top: 100px; } 
#container[class*="_cont"] .how { background-color: #E2EEFF; } 
#container[class*="_cont"] .how .inner { display: flex; align-items: center; justify-content: space-between; max-width: 1170px; width: auto; margin: 0 auto; padding: 14px 257px; border: 0; } 
#container[class*="_cont"] .how p { font-size: 18px; font-weight: 500; line-height: 140%; } 
#container[class*="_cont"] .how button { padding: 3px 12px; color: #343434; font-size: 15px; font-weight: 600; line-height: 140%; border-radius: 30px; border: 1px solid #343434; } 
.total_cont .style02 .text_area, .ai_cont .style02 .text_area {padding: 0; width: auto; border-radius: 0; margin: 190px 276px 0 100px; border: 0; background: transparent; } 
.total_cont .style02 img { display: inline-block; width: 474px; margin-top: 33px; margin-bottom: 38px; } 
.total_cont .style03 .text_area {width: auto; margin: 190px 0 0 226px; padding: 0;  border: 0; background: transparent; } 
.total_cont .style03 img { display: inline-block; width: 382px; margin: 70px 0 0 92px; } 
.total_cont .style04 { flex-wrap: wrap; padding: 80px 0; } 
.total_cont .style04 h2, #container[class*="_cont"] .style05 h2 { width: 100%; font-size: 36px; font-weight: 700; line-height: 140%; text-align: center; } 
.total_cont .style04 .banner { position: relative; width: 568px; height: 230px; margin-top: 30px; padding: 30px; border-radius: 12px; background: #F4F4F4; background-repeat: no-repeat; background-position: right 30px center; background-size: 170px; } 
.total_cont .style04 .banner + .banner { margin-left: 18px; } 
.total_cont .style04 .banner:nth-of-type(1) { background-image: url(https://img.lifet.co.kr/icon/use_guide_icon02.png); } 
.total_cont .style04 .banner:nth-of-type(2) { background-image: url(https://img.lifet.co.kr/icon/use_guide_icon05.png); } 
.total_cont .style04 .banner strong { font-size: 32px; font-weight: 600; line-height: 130%; } 
.total_cont .style04 .banner button { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
.total_cont .style04 .banner button::after { content: ''; position: absolute; left: 30px; bottom: 54px; width: 40px; height: 40px; border-radius: 50%; border: 1.7px solid #343434; background: url(https://img.lifet.co.kr/icon/icon_plus2.png) no-repeat center; background-size: 31px; } 
#container[class*="_cont"] .style05 { display: flex; flex-flow: column; padding: 80px 0; } 
#container[class*="_cont"] .style05 ul { display: flex; margin: 30px 0 0; } 
#container[class*="_cont"] .style05 ul li { overflow: hidden; width: 375px; padding-bottom: 30px; border-radius: 16px; background-color: #fff; box-shadow: 0px 0px 40.404px 5.612px rgba(174, 174, 174, 0.16); } 
#container[class*="_cont"] .style05 ul li + li { margin-left: 22px; } 
#container[class*="_cont"] .style05 ul li img { width: 375px; height: 180px; object-fit: cover; } 
#container[class*="_cont"] .style05 ul li strong { display: block; margin: 20px 0 4px 24px; font-size: 20px; font-weight: 700; line-height: 1.5; } 
#container[class*="_cont"] .style05 ul li p { margin-left: 24px; font-size: 16px; line-height: 150%; } 
#container[class*="_cont"] .style05 ul li p::before { content: ''; display: inline-block; width: 3px; height: 3px; margin: 0 8px; border-radius: 50%; vertical-align: 4px; background-color: #343434; } 
#container[class*="_cont"] .style05 br { display: none; } 

.check_how { display: flex; padding: 50px 77px 30px; background-color: #F4F5FA; } 
.check_how li { list-style: none; text-align: center;} 
.check_how li + li { margin-left: 24px; } 
.check_how li span { color: #68A5FE; font-size: 16px; font-weight: 600; line-height: 140%; } 
.check_how li strong { display: block; margin: 10px 0 6px; font-size: 18px; font-weight: 600; line-height: 140%; } 
.check_how li p { font-size: 14px; font-weight: 400; line-height: 140%; } 
.check_how li img { width: 220px; } 

.preveiw_area { position: relative; background-color: #F3F3F3; } 
.preveiw_area p { overflow-y: scroll; overflow-x: hidden; max-width: 530px; max-height: 643px; padding: 0 86px 97px; } 
.preveiw_area img { width: 357px; } 
.preveiw_area p::-webkit-scrollbar { width: 26px; background-color: transparent; } 
.preveiw_area p::-webkit-scrollbar-thumb { background-color: #EBEBEB; border: 10px solid #F3F3F3; border-radius: 15px; cursor: pointer; } 
.preveiw_area p::-webkit-scrollbar-track { background-color: transparent; } 
.preveiw_area div { position: absolute; bottom: 0; width: 100%; padding: 20px; box-shadow: 0px 0px 20px 0px rgba(52, 52, 52, 0.20); background-color: #FFF; } 
.preveiw_area button { display: block; width: 100%; padding:16px 0; color: #fff; font-size: 18px; font-weight: 600; line-height: 150%; border-radius: 10px; background-color: #6698FE; } 
.preveiw_area button::after { content: ''; display: inline-block; width: 13px; height: 22px; margin-left: 7px; vertical-align: -4px; background: #6698FE url(https://img.lifet.co.kr/icon/arrow_white.svg) no-repeat center; background-size: 8px; } 

.swiper_ai { overflow: hidden; position: relative; height: 620px; background-color: #96C2FF; } 
.swiper_ai .swiper-slide { display: flex; justify-content: center; align-items: flex-end; } 
.swiper_ai .swiper-slide div { margin: 0 229px 232px 100px; color: #fff; font-size: 40px; font-weight: 600; line-height: 140%; } 
.swiper_ai .swiper-slide div span { display:block; margin-bottom: 8px; line-height: 150%; font-size: 24px; } 
.swiper_ai img { width: 411px; margin-right: 100px; } 
.swiper_ai .swiper-pagination-fraction { position: absolute; left: auto; right: 50%; bottom: 50px; width: 50px; height: 25px; margin-right: -541px; padding: 2px 0; color: #fff; font-size: 16px; line-height: 130%; border-radius: 16px; background-color: #6F6F6F; } 
.swiper_ai .swiper-pagination-fraction .swiper-pagination-current { font-weight: 600; } 

.ai_cont .style01 { height: 545px; background: url(https://img.lifet.co.kr/visual/new_aiCheck_bg.png) no-repeat center; background-size: cover; } 
.ai_cont .style01 .inner-1200 { padding: 90px 0 90px 100px; } 
.ai_cont .style01 h2 { font-size: 40px; font-weight: 700; line-height: 140%; } 
.ai_cont .style01 h2 span { color: #6698FE; } 
.ai_cont .style01 ul { display: flex; flex-wrap: wrap; margin-top: 25px; } 
.ai_cont .style01 ul li { width: 368px; margin: 18px 0; } 
.ai_cont .style01 ul li > span { display: block; margin-bottom: 6px; color: #666; font-size: 18px; font-weight: 500; line-height: 150%; } 
.ai_cont .style01 ul li strong { font-size: 36px; font-weight: 700; line-height: 150%; } 
.ai_cont .style01 ul li p > span { margin-left: 20px; font-size: 22px; font-weight: 600; line-height: 150%; } 
.ai_cont .style01 ul li:nth-child(even) { margin-left: 120px; } 
.ai_cont .style02 { display: flex; } 
.ai_cont .style02 img { display: inline-block; width: 443px; margin-top: 54px; margin-bottom: 20px; } 
.ai_cont .style03 { display: flex; align-items: center; padding: 151px 0; } 
.ai_cont .style03 img { width: 673px; } 
.ai_cont .style03 .text_area {width: auto; margin-left: 100px; margin-right: 101px;  border: 0; background: transparent; } 
.ai_cont .style04 { position: relative; display: flex; flex-direction: row-reverse; align-items: center; max-width: 830px; margin: 0 auto; height: 679px; padding: 80px 0; } 
.ai_cont .style04 .rig { width: 366px; height: 399px; } 
.ai_cont .style04 h2 { margin-bottom: 36px; font-size: 36px; font-weight: 700; line-height: 140%; } 
.ai_cont .style04 ul { display: flex; } 
.ai_cont .style04 ul li button { padding: 10px 14px; color: #343434; font-size: 20px; font-weight: 500; line-height: 130%; border-radius: 50px; border: 1px solid #ccc; } 
.ai_cont .style04 ul li.active button { color: #fff; font-weight: 600; background-color: #68A5FE; border-color: currentColor; } 
.ai_cont .style04 ul li + li { margin-left: 8px; } 
.ai_cont .style04 ul li .gradPop { display: none; flex-flow: column; justify-content: center; position: absolute; left: 464px; margin-top: 30px; width: 336px; height: 237px; padding: 0 40px; border-radius: 12px; background-color: #F6F6F6; } 
.ai_cont .style04 ul li.active .gradPop { display: flex; } 
.ai_cont .style04 ul li .gradPop dl dt { margin-bottom: 13px; font-size: 18px; font-weight: 600; line-height: 130%; } 
.ai_cont .style04 ul li .gradPop dl dd { font-size: 16px; line-height: 150%; } 
.ai_cont .style04 ul li .gradPop dl dd p + p { margin-top: 8px; } 
.ai_cont .style04 ul li .gradPop .gradient { margin-top: 20px; } 
.ai_cont .style04 ul li .gradPop .gradient .graph { position: static; margin: 0 8px; } 
.ai_cont .style04 ul li .gradPop .color_classification { margin-top: 12px; } 
.ai_cont .style04 ul li .img-comp-container { overflow: hidden; position: absolute; left: 0; top: 80px; width: 333px; height: 0; border-radius: 10px; } 
.ai_cont .style04 ul li.active .img-comp-container { height: 519px; } 
.img-comp-container img { width: 333px; height: 519px; } 
.img-comp-img { overflow:hidden; position: absolute; width: 100%; height: auto; border-radius: 10px 0 0 10px; } 
.img-comp-img img { display:block; } 
.img-comp-slider { position: absolute; z-index:9; cursor: ew-resize; width: 4px; height: 519px; background-color: #fff; } 
.img-comp-slider::after { content: ''; display: inline-block; position: absolute; top: 50%; width: 30px; height: 30px; margin-left: -13px; background: #fff url(https://img.lifet.co.kr/icon/btn_Compare.png) no-repeat; background-size: 30px; border-radius: 50%; } 

[class*="_cont"] ~ .modal-dialog .modal-content.bottom_sheet { align-items: center; } 
[class*="_cont"] ~ .modal-dialog .bottom_sheet .content-area { border-radius: 16px; } 

@media (max-width:767px) {
    .detail_popup { position: absolute; }
    /*.consult__list .detail__ .subject .mobile__ .point_color { color: #58B2C6; } */
    .shoot_guide .step { margin-bottom: 20px; margin-top: -20px; } 
    .guide_box ol li p { margin-top: 11px; font-size: 15px; } 
    .shoot_guide { margin-top: -6px; } 
    .shoot_guide .step strong { font-size: 20px; } 
    .shoot_guide .step span { margin-left: 4px; font-size: 12px; } 
    .shoot_guide .step h2 { margin: 0; font-size: 20px; } 
    .shoot_guide.step01 .step h2 { font-size: 20px; } 
    .shoot_guide .step p { color: #737373; font-size: 15px; letter-spacing: -0.5px; } 
    .guide_box img { height: 66px; } 
    .shoot_guide .caution-area { display: none; } 
    .shoot_guide .caution-area li { padding-left: 20px; font-size: 14px; background-size: 14px; } 
    .shoot_guide .inner_wrap .inner { height: 101px; } 
    .shoot_guide .inner_wrap.teeth .inner { height: 114px; } 
    .shoot_guide .inner_wrap .inner p:first-of-type { display: none; font-size: 15px; } 
    .shoot_guide .inner_wrap .inner p:last-child { display: block; margin-top: 6px; color: #545454; font-weight: 500; font-size: 15px; } 
    .shoot_guide .inner_wrap .inner img { height: 40px; } 
    .shoot_guide .inner_wrap .inner:first-child img { height: 31px; } 
    .shoot_guide .tip { margin-bottom: 14px; padding: 14px 0 14px 25px; } 
    .shoot_guide .tip strong { font-size: 20px; } 
    .shoot_guide .tip strong::after { height: 20px; margin-left: 15px; vertical-align: -3px; } 
    .shoot_guide .tip p { margin-left: 15px; font-size: 14px; } 
    .shoot_guide .m-profile .btn-area { margin-top: 50px; } 
    .shoot_guide.step01 .m-profile.gradient { z-index: 10; position: fixed; bottom: 0; left: 0; max-width: none; width: 100%; padding: 0 20px 20px; } 
    .shoot_guide.step01 .m-profile.gradient::before { content: ''; z-index: -1; position: absolute; left: 0; bottom: 0; width: 100%; height: 132px; background: linear-gradient(0deg, #FFF 66.67%, rgba(255, 255, 255, 0.00) 100%); } 
    .shoot_guide.step01 .m-profile.active { position: relative; margin-bottom: -20px; padding: 0; } 
    .shoot_guide.step01 .m-profile.active.gradient::before { display: none; } 
    .img_upload { height: 440px; border-radius: 10px; } 
    .img_upload .inner { width: 130px; } 
    .img_upload .inner img { width: 74px; } 
    .img_upload .inner p { margin: 12px 0 0; font-size: 14px; } 
    .upload_pic { max-height: 440px; } 
    .upload_pic img { height: 100%; } 
    .sample_cont .left { margin-right: 0; } 
    .sample_cont .left .picture { width: 226px; margin: 0 auto; } 
    .sample_cont .left .picture img { width: 100%; } 
    .sample_cont .left .picture span img { width: 47px; } 
    .sample_cont .rig .picture > img { width: 146px; } 
    .sample_cont { display: block; height: auto; padding: 30px 0 20px; } 
    .sample_cont .rig { margin-top: 40px; } 
    .sample_cont ul { width: 302px; margin: 0 auto; } 
    .sample_cont .tit { font-size: 18px; } 
    .sample_cont .tit + p { font-size: 16px; } 
    .sample_cont ul li p:first-of-type { display: none; } 
    .sample_cont ul li p:last-child { display: block; font-weight: 500; font-size: 16px; line-height: 140%; } 
    .sample_cont ul li .picture > img { max-width: 146px; } 
    .sample_cont ul li .picture span img { width: 34px; } 
    .sample_pop { position: absolute; } 
    #sample_pic .content-area { max-height: none; border-radius: 0; } 
    .report .inner { height: 367px; padding: 52px 20px 0; } 
    .report .inner p { margin: 24px 0; font-size: 16px; line-height: 1.3; } 
    .report .inner p span { display:inline; } 
    .img_upload label { width: 108px; margin-top: 12px; padding: 10px 16px; font-size: 14px; line-height: 130%; } 
    #modal-terms2 .content-area { max-height: 397px; } 
    #modal-terms2 ul li { margin-bottom: 10px; font-size: 14px; } 
    #modal-terms.modal-terms_s .content-area .text_area { padding-top: 20px; } 
    #modal-terms.modal-terms_s .text_area > div.active { padding: 10px; } 
    #modal-terms.modal-terms_s .content-area { height: auto; } 
    #modal-terms2 ul li:before { left: 3px; top: 8px; width: 3px; height: 3px; } 
    #modal-terms2 .content-area .text_area { padding: 20px; } 
    #modal-terms2 .text_area > div.active { padding: 10px 10px 0; } 
    .shoot_guide.step05 .animation { font-size: 22px; } 
    .shoot_guide.step05 .inner p { font-size: 16px; } 
    .loading-wrap p {margin: 6px 0 0;  font-size: 16px;} 
    .shoot_guide.step05 .img img { width: 263px; } .loading-wrap .img img { width: 150px; } 
    .shoot_guide.step05 .animation span, .loading-wrap h1 span { width: 3px; height: 3px; } 
    .teeth_guide { display: none; } 
    .step03 .guide .m_bullet { font-size: 14px; } 
    .step03 .guide button { padding: 12px; font-size: 14px; } 

    .swiper_ai { height: 491px; } 
    .swiper_ai img { width: 260px; margin: 0; } 
    .swiper_ai .swiper-slide { flex-flow: column; align-items: center; justify-content: flex-end; } 
    .swiper_ai .swiper-slide div { width: 100%; margin: 0; padding: 0 0 10px 40px; font-size: 30px; } 
    .swiper_ai .swiper-slide div span { margin-bottom: 5px; font-size: 18px; } 
    .swiper_ai .swiper-pagination-fraction { right: 20px; bottom: 30px; width: 42px; height: 22px; margin: 0; font-size: 14px; } 
    #container[class*="_cont"] [class*="style0"] { flex-flow: column; align-items: center; padding: 40px 20px; } 
    #container[class*="_cont"] .style05 ul { flex-flow: column; align-items: center; margin-top: 20px; } 
    #container[class*="_cont"] [class*="style0"] .text_area, #container[class*="_cont"] [class*="style0"] img { margin: 0; } 
    #container[class*="_cont"] [class*="style0"] .text_area { width: 100%; height: auto; padding-left: 20px; } 
    #container[class*="_cont"] [class*="style0"] .text_area .subtxt { margin-bottom: 5px; font-size: 18px; } 
    #container.ai_cont [class*="style0"] .text_area .subtxt { margin-bottom: 5px; color: #545454; } 
    #container[class*="_cont"] [class*="style0"] .text_area .title { font-size: 28px; } 
    .total_cont .style04 .banner, .total_cont .style05 ul li, .total_cont .style05 ul li img { width: 100%; } 
    #container.ai_cont .style01 { height: auto; padding: 60px 40px; background-image: url(https://img.lifet.co.kr/visual/new_aiCheck_bg_m.png); } 
    #container.total_cont .style01, #container.total_cont .style03 { padding-bottom: 0; } 
    #container.total_cont .style01 { padding-top: 30px; } 
    #container.total_cont .style02 { padding-top: 60px; padding-bottom: 10px; } 
    #container.total_cont .style01 .text_area .title { font-size: 30px; } 
    #container.total_cont .style01 img { width: 260px; margin-top: 10px; } 
    .total_cont .style02 img { width: 356px; } 
    .total_cont .style03 img { width: 288px; } 
    .total_cont .style04 { padding: 50px 20px; } 
    .total_cont .style04 h2 { margin-bottom: 10px; } 
    .total_cont .style04 .banner { height: 136px; margin-top: 10px; padding: 18px 22px; background-size: 100px; background-position: right 18px center; } 
    .total_cont .style04 .banner + .banner { margin-left: 0; } 
    .total_cont .style04 .banner button::after { left: 22px; bottom: 34px; width: 24px; height: 24px; background-size: 18px; } 
    .total_cont .style04 h2, .total_cont .style05 h2 { font-size: 24px; } 
    .total_cont .style04 .banner strong { font-size: 20px; } 
    #container[class*="_cont"] .how .inner { width: 100%; margin: 0; padding: 14px 20px; } 
    #container[class*="_cont"] .floting { z-index: 100; height: auto; padding: 12px 0; border-radius: 20px 20px 0 0 } 
    #container[class*="_cont"] .floting .web { display: none; } 
    #container[class*="_cont"] .floting .m { display: block; } 
    #container[class*="_cont"] .floting .inner { width: 100%; height: auto; margin: 0; padding: 0 20px; } 
    #container[class*="_cont"] .floting a { padding: 14px 32px 14px 19px; } 
    #container[class*="_cont"] .floting .balloon { right: 20px; top: -48px; } 
    #container.total_cont .style03 { flex-direction: column-reverse; padding-top: 60px; } 
    #container[class*="_cont"] .style05 ul li + li { margin-left: 0; margin-top: 16px; } 
    #container[class*="_cont"] .style05 ul li { width: 100%; padding-bottom: 22px; } 
    #container[class*="_cont"] .style05 h2 { text-align: left; font-size: 24px; } 
    #container[class*="_cont"] .style05 br { display: block; } 
    #container[class*="_cont"] .style05 ul li p { font-size: 15px; } 
    #container[class*="_cont"] .style05 ul li img { width: 100%; height: 161px; } 
    #container[class*="_cont"] .style05 ul li strong { margin: 15px 0 4px 20px; } 
    .ai_cont .style01 .inner-1200 { padding: 0; } 
    .ai_cont .style01 h2 { font-size: 28px; } 
    .ai_cont .style01 ul { flex-flow: column; } 
    .ai_cont .style01 ul li { width: 100%; margin: 0; } 
    .ai_cont .style01 ul li:nth-child(even), .ai_cont .style01 ul li + li { margin: 29px 0 0; } 
    .ai_cont .style01 ul li > span { margin-bottom: 4px; font-size: 15px; } 
    .ai_cont .style01 ul li strong { font-size: 28px; } 
    .ai_cont .style01 ul li p > span { margin-left: 12px; font-size: 16px; } 
    .ai_cont .style02 img { width: 358px; } 
    #container.ai_cont .style03 { overflow: hidden; align-items: flex-start; padding-right: 0; } 
    .ai_cont .style03 .scroll.ani { width: 874px; margin-top: 29px; padding-right: 20px; position: relative; animation-name: ani; animation-duration: 5s; animation-iteration-count: infinite; /*animation-direction: alternate; */ } 
    @keyframes ani {0% { left: 0; } 
    100% { left:-560px; } 
    }
    .ai_cont .style03 img { width: 874px; } 
    .ai_cont .style03 .scroll.ani img { animation: 3s ease-in 1s infinite reverse both running slidein; } 
    #container.ai_cont .style04 { height: 642px; padding: 50px 20px; } 
    #container.ai_cont .style04 ul li .gradPop { display: none; } 
    .ai_cont .style04 h2 { margin-bottom: 20px; font-size: 24px; text-align: center; } 
    .ai_cont .style04 ul li + li { margin-left: 6px; } 
    .ai_cont .style04 ul li button { padding: 8px 12px; font-size: 16px; } 
    .ai_cont .style04 .rig { width: auto; height: auto; } 
    .ai_cont .style04 ul li .img-comp-container { left: 50%; top: 154px; width: 281px; height: 0; margin-left: -140px; } 
    .img-comp-container img { width: 281px; height: 438px; margin-right: 0; } 
    .img-comp-slider { width: 2px; } 
    .img-comp-slider::after { width: 24px; height: 24px; margin-left: -11px; background-size: 24px; } 
    .img-comp-slider, .ai_cont .style04 ul li.active .img-comp-container { height: 438px; } 

    .check_how { overflow-y: scroll; flex-flow: column; height: calc(100vh - 103px); padding: 105px 15px 58px; } 
    .check_how li { display: flex; justify-content: flex-end; flex-direction: row-reverse; align-items: center; text-align: left; } 
    .check_how li + li { margin-top: 38px; margin-left: 0; } 
    .check_how li img { width: 133px; margin-right: 14px; } 
    .check_how li p { font-size: 15px; } 
    .check_how li strong { font-size: 20px; } 

    .preveiw_area { overflow-y: scroll; height: 100vh; background-color: transparent; } 
    .preveiw_area p { overflow: hidden; max-width: none; max-height: none; padding: 60px 0 97px; } 
    .preveiw_area img { width: 100%; } 
    .preveiw_area div { position: fixed; } 

    #container[class*="_cont"] ~ .modal-dialog .bottom_sheet { align-items: flex-end; background-color: transparent; } 
    #container[class*="_cont"] ~ .modal-dialog .bottom_sheet .content-area { max-width: none; width: 100%; padding: 55px 0 0; border-radius: 20px 20px 0 0; } 
    #container[class*="_cont"] ~ .modal-dialog .bottom_sheet .content-area .head div:first-child { padding-left: 0; text-align: center; border:0; } 
    #container[class*="_cont"] ~ .modal-dialog .full_area { align-items: flex-start; } 
    #container[class*="_cont"] ~ .modal-dialog .full_area .content-area { max-width: none; width: 100%; padding:0; border-radius: 0; } 
    #container[class*="_cont"] ~ .modal-dialog .full_area .head div:first-child { border: 0; } 

 }


/* 슬개골탈구 결과팝업 */
#detail_pop .detail_result::-webkit-scrollbar { position: absolute; width: 13px; height: 13px; background: #fff; border-color: #fff; } 
#detail_pop .detail_result::-webkit-scrollbar-thumb { border: 4px solid #fff; border-radius: 10px; background-color: #BDBDBD; } 
#detail_pop .detail_result::-webkit-scrollbar-track { padding: 0; border-color: #fff; } 
#detail_pop .content-area { max-width: 1166px; height: 760px; padding: 0; text-align: left; padding-right: 7px; } 
#detail_pop .detail_result { overflow-y: auto; height: 676px; padding: 0 40px; } 
#detail_pop .head { height: 69px; margin-right: -7px; padding-bottom: 20px; padding-top:20px; padding-left: 40px; font-size: 22px; font-weight: 600; border-bottom: 2px solid #F2F2F2; } 
#detail_pop .content-area .closer { top: 5px; right: 10px; } 
.detail_result .top { display: flex; align-items: center; justify-content: center; padding: 80px 0 0; } 
.detail_result .top dl { width: 510px; margin-left: 60px; } 
.detail_result .top dl dt { margin-bottom: 11px; font-size: 24px; font-weight: 700; } 
.detail_result .top dl dd { line-height: 1.5; font-size: 18px; word-break: keep-all; } 
#detail_pop h1 { margin-top: 80px; margin-bottom: 10px; font-size: 26px; } 
#detail_pop .guideLis { padding-left: 42px; } 
#detail_pop .chart-inner { margin-bottom: 26px; padding: 62px 40px; } 
#detail_pop .lifet-chart { width: 495px; } 
#detail_pop .caution-area li { font-size: 16px; line-height: 1.8; } 
#detail_pop .average-area { padding-bottom: 80px; } 
#detail_pop .induce-area { margin: 0 -40px; padding: 80px 40px; } 

/* 재진 */
#detail_pop .induce-area.induce-area2 { min-height: auto; padding-top: 0; background-color: #fff !important; } 

@media (max-width:767px) {
    #detail_pop { align-items: flex-start; position: fixed; height: 100%; overflow-y: scroll; } 
    #detail_pop .content-area { max-width: none; height: auto; padding-right: 0; border-radius: 0; } 
    #detail_pop .head { position: fixed; z-index: 100; width: 100%; height: auto; margin: 0; padding: 20px 0 20px 20px; font-size: 16px; background-color: #fff; } 
    #detail_pop .content-area .closer { top: 10px; } 
    #detail_pop .chart-inner { margin-bottom: 20px; padding: 25px 20px; } 
    #detail_pop .caution-area li { font-size: 11px; line-height: 1.5; } 
    .detail_result .top dl dt { font-size: 20px; } 
    #detail_pop .detail_result { height: auto; margin-top: 48px; padding: 0 20px; } 
    .detail_popup .score_box2 p span { display: none; } 
    .detail_popup .score_box2.box_shadow { height: 114px; padding: 26px 15px; margin-top: 48px; } 
    .detail_result .top dl dd { font-size: 14px; line-height: 1.6; } 
    .detail_result .top dl { margin-left: 0; } 
    .detail_result .top img, #detail_pop .examineTotal-area .title { display: none; } 
    #detail_pop .lifet-chart { width: 100%; } 
    #detail_pop .induce-area { padding: 48px 40px; } 
    .detail_result .top { padding-top: 48px; } 
}

/*종합*/
#container > .examineTotal-area { padding: 100px 0; } 
.examineTotal-area .dietTip { margin-bottom: 50px; } 
.examineTotal-area .dietTip > article:last-child { display: flex; justify-content: flex-start; align-items: center; padding: 28px 48px; padding-right: 0; } 
.examineTotal-area .dietTip .point { font-size: 40px; font-weight: 600; padding-right: 40px; line-height: 1.3em; color: #343434; display: flex; justify-content: flex-start; align-items: flex-end; } 
.examineTotal-area .dietTip .point span { font-size: 64px; font-weight: 700; line-height: 1em; } 
.examineTotal-area .dietTip .point + div { padding-left: 36px; border-left: 1px solid rgba(132,132,132,0.5); } 
.examineTotal-area .dietTip .point.lv_01 { color: #47dab3; } 
.examineTotal-area .dietTip .point.lv_02 { color: #ffce50; } 
.examineTotal-area .dietTip .point.lv_03 { color: #f9708b; } 
.examineTotal-area h5 { font-size: 30px; font-weight: 500; margin-bottom: 10px; } 
.examineTotal-area .title, .details_examine2 .title { font-size: 18px; font-weight: 400; line-height: 1.5em; } 
.examineTotal-area .title h1 { display: inline-block; font-size: 22px; margin-bottom: 16px; line-height: 1.3em; font-weight: 700;} 
.ai_check .title h1 { display: flex; justify-content: space-between; align-items: center;} 
.examineTotal-area .title .point { font-size: 55px; font-weight: 600; line-height: 1.4em; margin-right: 40px; } 
.examineTotal-area .title .point span { font-size: 70px; font-weight: 700; } 


/*진단*/
#container.details_examine .section-wrap.total_banner { padding: 0; background-color: #A89AF5; } 
.total_banner .section-inner { padding: 35px 0 34px 203px; background:#A89AF5 url(https://img.lifet.co.kr/landing/visual/customer_img.png) no-repeat 732px 8px; background-size: 155px; } 
#container.ai_check .total_banner .section-inner { max-width: 375px; padding: 25px 0 25px 19.5px; background-position: 209px -3px; background-size: 150px; } 
.total_banner p { margin-bottom: 5px; color: #fff; font-size: 30px; line-height: 130%; } 
.total_banner p span { font-weight: 600; } 
.total_banner a { padding-right: 20px; color:#fff; font-size: 20px; font-weight: 600; line-height: 130%; background: url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat right center; background-size: 20px; } 
.ai_check .total_banner p { margin-bottom: 8px; font-size: 20px; } 
.ai_check .total_banner a { padding-right: 16px; font-size: 16px; background-size: 14px; } 

.title2 h5 { display: flex; align-items: center; } 
.title2 h5 button { width: 32px; height: 32px; margin-left: 8px; text-indent: -9999px; border: 0; cursor:pointer; background: url(https://img.lifet.co.kr/icon/infor.svg) no-repeat; } 

.average-area .detailBtn,
.BCS-area .detailBtn,
.examineTotal-area .detailBtn,
.consult__wrapper .detailBtn { position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; height: 44px; padding-left: 30px; padding-right: 42px; background-color: #68A5FE; color: #fff; border-radius: 30px; cursor: pointer; font-size: 16px; font-weight: 600; background-image: url(https://img.lifet.co.kr/icon/arrow_right_w.svg); background-repeat: no-repeat; background-position: right 20px center; } 
.ai_check .detailBtn, .counsel_list .detailBtn { position: static; width: 100% !important; height: 50px; margin-top: 30px !important; padding: 0; font-size: 18px; background: #68A5FE; } 
.ai_check .detailBtn::after, .counsel_list .detailBtn::after { content: ''; display: inline-block; width: 16px; height: 16px; margin-left: 2px; background: url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat; background-size: 16px; } 
.consult__wrapper .detailBtn { background-color: #fff; color: #7BB0FE; border: 1px solid #7BB0FE; 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); background-image: url(https://img.lifet.co.kr/icon/arrow_right_b.svg); } 

.examineTotal-area .wrap { position: relative; } 
.examine-container .examineTotal-area .wrap {max-width: 375px; margin: 0 auto;} 

.tool__ .more__btn { display: flex; justify-content: space-between; align-items: center; width: 150px; margin: 0 auto; opacity: 0.5; } 
.tool__ .more__btn:after { content: ""; width: 12px; height: 10px; background-image: url(https://img.lifet.co.kr/icon/more.svg); background-repeat: no-repeat; background-position: center; background-size: 24px; } 
.tool__ .more__btn:before { content: "자세히 보기"; } 
.tool__ .more__btn.active { /*display: none; */ } 
.tool__ .more__btn.active:after { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } 
.tool__ .more__btn.active:before { content: "간략히 보기"; } 


.breed01-area .section-inner { display: flex; justify-content: space-between; align-items: center; } 
.breed01-area .section-inner > article { flex: 1 1 50%; } 
.breed01-area .section-inner > article:first-child { margin-left: 48px; } 
.breed01-area .section-inner > article:last-child { margin-right: 48px; } 
.breed01-area .section-inner > article:nth-child(2) { text-align: right; } 
.breed01-area { color: #343434; font-size: 18px; font-weight: 400; line-height: 1.5em; } 
.breed01-area h5 { font-size: 24px; font-weight: 600; margin-bottom: 10px; } 
.breed01-area article img { height: 410px; } 
.breed01-area .info { font-size: 32px; font-weight: 700; line-height: 1.3em; margin-bottom: 26px; } 
.breed01-area .info em { color: #ba4241; } 

.breedList { display: flex; flex-flow: column;  width: 100%; margin-top: -8px;} 
.breedList li { padding: 16px 12px;} 
.breedList li:nth-child(2n) { margin-right: 0; } 
.btn-more { position: absolute; right: 0; top: 57px; background-image: url(https://img.lifet.co.kr/icon/carbon_document.png); background-repeat: no-repeat; background-position: left 42px center; padding-left: 36px; width: 200px; height: 45px; line-height: 41px; text-align: center; } 
.btn-more:hover { background-image: url(https://img.lifet.co.kr/icon/carbon_document_w.png); background-color: #68A5FE; border-color: #68A5FE; } 

.parts-area { display: flex; justify-content: flex-start; align-items: center; } 
.parts-area .imgBox { width: 44px; height: 44px; padding: 2px; text-align: center; margin-right: 12px; } 
.parts-area .imgBox img { max-width: 100%; vertical-align: top; } 
.parts-area .txtBox { font-size: 18px; font-weight: 600; line-height: 1.3em; word-break: keep-all; } 
.parts-area .txtBox em { font-weight: 500; } 
.parts-area .txtBox h5 { font-size: 15px; line-height: 1.3em; font-weight: 400; margin-bottom: 2px; } 

/* 맞춤 식이 */
.diet-area { background-color: #F4F5FA; } 
.dietTip { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; } 
.dietTip > article { word-break: keep-all; font-size: 18px; line-height: 1.5em; } 
.dietTip > article h5 { font-size: 24px; font-weight: 600; line-height: 1.5em; margin-bottom: 5px; color: #343434; } 
.dietTip > article img { vertical-align: top; } 
.dietTip > article:first-child { width: 258px; text-align: center; flex-shrink: 0; } 
.dietTip > article:last-child { flex-grow: 1; padding: 30px 55px; background-color: #fff; background: #FFFFFF; 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); border-radius: 15px; } 
.dietTip > article:last-child div { color: #737373; font-weight: 500; } 

/*감량*/
.diet-area .section-inner > section { background-color: #fff; padding: 60px 64px; } 
.diet-area .section-inner > section + section { margin-top: 20px; } 
.diet-area .section-inner > section h5 { font-size: 32px; line-height: 1.3em; font-weight: 700; color: #343434; margin-bottom: 10px; } 

.diet-step { margin-bottom: 24px; margin-top: 24px; } 
.diet-step ul.lv_list { display: flex; justify-content: flex-start; align-items: center; } 
.diet-step ul.lv_list li { flex: 1 1 20%; margin-right: 10px; } 
.diet-step ul.lv_list li .imgBox { padding-bottom: 100%; background-repeat: no-repeat; background-position: center; background-size: 80%; border: 3px solid #CFCFCF; border-radius: 7px; margin-bottom: 7PX; } 
.diet-step ul.lv_list li:last-child { margin-right: 0; } 
.diet-step ul.lv_list li .level { display: flex; justify-content: center; align-items: center; height: 42px; font-size: 20px; font-weight: 500; border-radius: 8px; background-color: #F4F4F4; } 

.diet-step ul.lv_list li:nth-child(1).active .imgBox,
.diet-step ul.lv_list li:nth-child(5).active .imgBox,
.diet-step ul.lv_list li:nth-child(1).active .level,
.diet-step ul.lv_list li:nth-child(5).active .level { color: #fff; background-color: #F9708B; border-color: #F9708B; } 

.diet-step ul.lv_list li:nth-child(2).active .imgBox,
.diet-step ul.lv_list li:nth-child(4).active .imgBox,
.diet-step ul.lv_list li:nth-child(2).active .level,
.diet-step ul.lv_list li:nth-child(4).active .level { color: #fff; background-color: #FFCE50; border-color: #FFCE50; } 

.diet-step ul.lv_list li:nth-child(3).active .imgBox,
.diet-step ul.lv_list li:nth-child(3).active .level { color: #fff; background-color: #47DAB3; border-color: #47DAB3; } 

.diet-step .lv_text { margin: 16px 0; display: flex; justify-content: center; align-items: center; height: 65px; color: #fff;font-size: 20px; 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); border-radius: 9px; } 

.diet-step .lv_text b { font-size: 30px; font-weight: 700; padding-left: 10px; } 
.diet-step .level01, .diet-step .level05 { background-color: #F9708B; } 
.diet-step .level02, .diet-step .level04 { background-color: #FFCE50; } 
.diet-step .level03 { background-color: #47DAB3; } 
.lv_alert { padding: 30px; border: 2px solid #EBEBEB; border-radius: 8px; } 
.lv_alert .tit { font-size: 22px; font-weight: 700; text-align: center; } 

.lv_alert ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } 
.lv_alert ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } 
.lv_alert ul li { margin-right: 16px; margin-top: 16px; padding: 10px 18px; font-size: 20px; line-height: 1.5em; background-color: #F4F4F4; border-radius: 45px; } 

.recommend-area { display: flex; justify-content: space-between; align-items: center; margin-bottom: 36px; } 
.recommend-area article { display: flex; justify-content: flex-start; align-items: center; flex-grow: 1;padding: 31.5px 30px; /*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); */
border: 2px solid #EBEBEB; border-radius: 15px; } 
.recommend-area article + article { margin-top: 14px; } 
.recommend-area article > div { flex-grow: 1; } 
.recommend-area .gauge p { font-size: 24px; font-weight: 600; line-height: 1.5em; } 
.recommend-area .gauge p:first-child { font-size: 30px; } 
.recommend-area .amount { display: flex; justify-content: flex-end; align-items: center; font-size: 64px; font-weight: 700; } 
.recommend-area .amount > div { text-align: right; } 
.recommend-area .amount img { vertical-align: top; height: 89px; margin-right: 28px; } 
.recommend-area > div { flex: 1; } 
.recommend-area .management { display: flex; justify-content: center; align-items: flex-start; flex-flow: column; margin-left: 14px; width: 100%; height: 326px; padding: 20px 46px; border: 2px solid #EBEBEB; border-radius: 16px; } 
.recommend-area .management h1 { font-size: 30px; line-height: 1.3em; margin-bottom: 13px; padding-left: 1em; } 
.recommend-area .management ul li { font-size: 20px; line-height: 1.96em; } 
.recommend-area .management ul li em { color: #68A5FE; font-weight: 700; } 

/* 건강가이드 */
.guide-area .section-inner > section { display: block; position: relative; padding: 60px 64px; background-color: #fff; } 
.guide-area .section-inner > section + section { display: block; margin-top: 20px; } 
.guide-area .content-area { display: flex; flex-flow: column; position: relative; font-size: 18px; line-height: 1.5em; word-break: keep-all; } 
#overview { display: block; } 
#overview .title { font-size: 24px; } 
#overview .desc { width: 600px; } 
.guide-area .content-area.wide { display: block; padding-right: 0; } 
.guide-area .content-area > h5 { font-size: 24px; line-height: 130%; font-weight: 700; margin-bottom: 20px; } 
.guide-area .content-area.wide > h5 { margin-bottom: 8px; } 
.guide-area .content-area > h5 + p { font-size: 18px; font-weight: 400; line-height: 1.5em; } 
.guide-area .content-area > h5 br { /*display: none; */ } 
.guide-area .content-area .title { font-size: 32px; font-weight: 700; line-height: 1.3em; margin-bottom: 10px; } 
.guide-area .content-area .desc { font-weight: 400; } 
.guide-area .content-area .desc + .title { margin-top: 60px; } 
.guide-area .content-area .img-area { display: flex; justify-content: center; position: absolute; right: 0; top: 0; padding-top: 37px; background-color: #fff; width: 400px; height: 100%; } 
.guide-area .content-area .img-area > div { width: 266px; margin: 0 auto; } 
.guide-area .content-area .img-area .circle { width: 245px; height: 245px; margin: 0 auto; display: flex; justify-content: center; align-content: center; text-align: center; flex-flow: column; border-radius: 125px; 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); } 

.guide-area .content-area .img-area img { vertical-align: top; max-width: 120px; max-height: 120px; } 
.guide-area .content-area .img-area p { font-size: 30px; line-height: 1.5em; font-weight: 700; } 

.guide-area .guide-content { display: flex; justify-content: flex-start; align-items: center; } 
.guide-area .guide-content .imgBox { margin-right: 60px; margin-left: 35px; } 
.guide-area .guideList h5 { font-size: 32px; font-weight: 700; margin-bottom: 10px; padding-left: 27px; } 
.guide-area .guideList > p { padding: 0 0 20px 27px; font-size: 18px; } 
.guide-area .guideList li { display: flex; justify-content: flex-start; align-items: flex-start; font-size: 16px; line-height: 1.6em; } 
.guide-area .guideList li + li { margin-top: 12px; } 
.guide-area .guideList li:before { content: "✓"; width: 27px; font-size: 18px; font-weight: 700; line-height: 1.6em; text-align: center; color: #68A5FE; } 
.guide-area .guideList li p:first-child { font-size: 18px; font-weight: 700; line-height: 1.5em; } 
.guide-area .section-inner > section .go_direct { position: absolute; right: 70px; top: 94px; background-color: #68A5FE; color: #fff; width: 211px; height: 44px; border: none; border-radius: 30px;font-size: 16px; font-weight: 600; padding-right: 18px; background-image: url(https://img.lifet.co.kr/icon/slide_next_w.svg); background-repeat: no-repeat; background-size: 20px; background-position: center right 26px; cursor: pointer; } 
.guide-area .section-inner > section .go_direct:hover { opacity: 0.8; } 

.imgTitle-area { margin-top: 16px; font-size: 18px; line-height: 1.5em; } 
.imgTitle-area li { display: flex; justify-content: flex-start; align-items: center; padding: 30px 24px; border: 2px solid #EBEBEB; border-radius: 15px; word-break: keep-all; } 
.imgTitle-area li + li { margin-top: 18px; } 
.imgTitle-area h5 { font-size: 24px; font-weight: 700; line-height: 1.5 } 
.imgTitle-area .imgBox { width: 362px; height: 180px; border-radius: 10px; margin-right: 28px; flex-shrink: 0; } 
.imgTitle-area .imgBox img { max-width: 100%; } 
.imgTitle-area p { color: #343434; } 
.imgTitle-area .more { display: inline-block; color: #68A5FE; font-weight: 700; border-bottom: 2px solid currentColor; line-height: 1.2em; margin-top: 30px; } 
.imgTitle-area + .caution-area { margin-top: 30px; } 

.selectBox .list { display: flex; justify-content: flex-start; align-items: center; } 
.selectBox .select,
.selectBox .list li { position: relative; display: flex; justify-content: center; align-items: center; flex-flow: column; flex: 1 1 10%; cursor: pointer; height: 132px; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0.5; } 

.selectBox .select { display: none !important; transition: none; -webkit-transition: none; } 
.selectBox .select .img,
.selectBox .list li .img { width: 70px; height: 70px; } 
.selectBox .select .img img,
.selectBox .list li .img img { max-width: 100%; max-height: 100%; vertical-align: top; } 
.selectBox .select .text,
.selectBox .list li .text { color: #343434; font-size: 16px; margin-top: 16px; } 
.selectBox .list li.selected { background-color: #fff; opacity: 1; } 
.selectBox .list li.selected:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background-color: currentColor; z-index: 1; } 
.selectBox .list li[data-viscera="stomach"] { color: #FF9153; } 
.selectBox .list li[data-viscera="action"] { color: #C4B1F3; } 
.selectBox .list li[data-viscera="skin"] { color: #FEC465; } 
.selectBox .list li[data-viscera="kidney"] { color: #FEDC65; } 
.selectBox .list li[data-viscera="eye"] { color: #5473C4; } 
.selectBox .list li[data-viscera="liver"] { color: #F9708B; } 
.selectBox .list li[data-viscera="immunity"] { color: #B0DC65; } 
.selectBox .list li[data-viscera="teeth"] { color: #86E3CE; } 
.selectBox .list li[data-viscera="heart"] { color: #FD9A98; } 
.selectBox .list li[data-viscera="bone"] { color: #60BED3; } 

.list01-area { display: flex; justify-content: space-between; align-items: stretch; flex-flow: wrap; margin-top: 12px; } 
.list01-area > li { width: 512px; background-color: #EDF4FF; border-radius: 15px; padding: 32px 24px; /*box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1); */
padding: 30px; font-weight: 500; margin-top: 12px; margin-bottom: 0; } 

.list01-area h5 { font-size: 28px; line-height: 1.3em; margin-bottom: 8px; } 
.list01-area p { font-size: 18px; line-height: 1.3em; margin-bottom: 4px; white-space: nowrap; } 
.list01-area .desc { font-size: 16px; line-height: 1.5em; margin-bottom: 7px; opacity: 0.6; } 
.list01-area .tag-area { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } 
.list01-area .tag-area li { display: inline-block; font-size: 16px; font-weight: 500; line-height: 1.5em; background-color: #fff; border: 2px solid currentColor; border-radius: 30px; padding: 5px 20px; margin-right: 8px; margin-top: 10px; } 
.priceTag { display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start;  margin-top: 14px; } 
.priceTag li {position: relative; width: 100%; padding: 22px; border: 1.5px solid #EBEBEB; border-radius: 12px; } 
.priceTag li + li {margin-top: 8px;}
.priceTag li > div:first-child div span {margin-left: 9px; padding: 4px 9px; color: #fff; font-size: 13px; font-weight: 600; line-height: 130%;  border-radius: 60px; background-color: #92BEFF;}
.priceTag li div {position: relative; font-size: 16px; line-height: 1.5em; letter-spacing: -0.5px; } 
.priceTag li > div:first-child div {display: flex; align-items: center; padding: 0; font-size: 20px; font-weight: 600; line-height: 130%; border: 0; cursor: pointer;}
.priceTag li > div:first-child div::after {content: ''; display: inline-block; position:absolute; right: 0; top: 0; width: 26px; height: 26px;  background: url(http://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat left center; background-size: 26px;} 
.priceTag li.on > div:first-child div::after {transform: rotate(180deg);}
.priceTag.eye li > div:first-child div::after {display: none;}
.priceTag.eye li .Tag {cursor: default;}
.priceTag li .down {display: none; margin-top: 14px;}
.priceTag li div .desc { font-weight: 400; } 
.priceTag li .tit + .desc {margin-bottom: 24px;}
.priceTag .tit {margin-top: 16px; font-size: 16px; font-weight: 600; line-height: 150%; }
.priceTag .tit2 {margin-top: 35px; font-size: 15px; font-weight: 600; line-height: 150%; }
.priceTag .price { display: flex; justify-content: flex-start; align-items: center; width: 100%; margin-top: 15px; } 
.priceTag .price > p { display: flex; justify-content: flex-start; align-items: center; flex-grow: 1; font-size: 15px; font-weight: 600; } 
.priceTag .price > p img { vertical-align: top; margin-right: 8px; } 
.priceTag .price > p + p { margin-left: 27px; } 
.priceTag .price > p img { width: 26px; } 

.Tag { font-size: 16px; font-weight: 500; line-height: 1.5em; padding: 5px 20px; border: 2px solid currentColor; display: inline-block; border-radius: 18px; } 
.Tagtype01 { color: #FF6987; } 
.Tagtype02 { color: #FFA030; } 
.Tagtype03 { color: #8FC631; } 
.Tagtype04 { color: #596E8B; } 
.Tagtype05 { color: #C66FEF; } 
.Tagtype06 { color: #6573F6; } 
.Tagtype07 { color: #45D4B4; } 
.Tagtype08 { color: #47AECF; } 

#container .detail-area { padding-bottom: 28px; } 
#container .detail-area:nth-child(2) { padding-top: 0px; } 
#container .detail-area:nth-child(3) { padding-top: 0px; padding-bottom: 70px; } 

@media(max-width: 767px) {
    /*품종 정보*/
    .breed01-area .section-inner { flex-flow: column; justify-content: flex-start; } 
    .breed01-area .section-inner > article { flex-grow: 1; flex-shrink: 1; flex: inherit; width: 100%; } 
    .breed01-area .section-inner > article:first-child { margin-left: 0; } 
    .breed01-area .section-inner > article:last-child { margin-right: 0; text-align: center; } 
    .breed01-area { font-size: 14px; } 
    .breed01-area h5 { font-size: 16px; font-weight: 700; margin-bottom: 6px; } 
    .breed01-area .info { font-size: 20px; margin-bottom: 18px; } 
    .breed01-area article img { height: 288px; } 
    .breed01-area article + article { margin-top: 29px; } 

    .breedList li { display: flex; align-items: center; padding: 14px 8px;}
    .breedList li + li {margin-top: 4px;}
    .parts-area .imgBox { width: 40px; height: 40px; margin-right: 10px; } 
    .parts-area .txtBox { font-size: 16px; } 
    .parts-area .txtBox h5 { font-size: 14px; margin-bottom: 2px; } 


    /* 맞춤식이*/
    .dietTip { display: none; } 
    .diet-area .section-inner > section { padding: 20px 14px; box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.06); } 
    .diet-area .section-inner > section h5 { font-size: 20px; font-weight: 700; } 
    .diet-step { margin-bottom: 18px; } 
    .diet-step ul.lv_list li { display: none; width: 160px; height: 160px; margin: 0 auto; } 
    .diet-step ul.lv_list li.active { flex: inherit; display: block; text-align: center; padding: 0; } 
    .diet-step ul.lv_list li:last-child { margin: 0 auto; } 
    .diet-step ul.lv_list li .imgBox { border: none; border-radius: 6px; background-size: 74%; margin-bottom: 0; } 
    .diet-step ul.lv_list li .level { display: none; } 
    .diet-step .lv_text { height: 47px; margin-top: 26px; margin-bottom: 8px; border-radius: 8px;font-size: 18px; font-weight: 500;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); } 
    .diet-step .lv_text b { font-size: 20px; } 

    .lv_alert { padding: 16px 8px; border-radius: 8px; border-width: 1.5px; } 
    .lv_alert .tit { font-size: 14px; margin-bottom: 4px; } 
    .lv_alert ul li { font-size: 15px; padding: 6px 12px; margin-right: 10px; margin-top: 6px; } 

    .diet-area .section-inner > section + section h5 { margin-bottom: 18px; } 
    .recommend-area { display: block; margin-bottom: 22px; } 
    .recommend-area article { padding: 14px 24px; width: 100%; box-shadow: none; border: 1.5px solid #EBEBEB; border-radius: 8px; margin-bottom: 6px; } 
    .recommend-area article + article { margin-top: 0; } 
    .recommend-area .gauge { width: 130px; } 
    .recommend-area .gauge p { font-size: 20px; } 
    .recommend-area .gauge p:first-child { font-size: 18px; } 
    .recommend-area .amount { font-size: 34px; justify-content: flex-end; } 
    .recommend-area .amount > div { flex-grow: 0; } 
    .recommend-area .amount img { height: 50px; margin-right: 21px; vertical-align: top; } 
    .recommend-area .management { margin-left: 0; border-width: 1px; border-radius: 8px; padding: 16px 21px; height: auto; } 
    .recommend-area .management h1 { font-size: 16px; font-weight: 600; margin-bottom: 4px; } 
    .recommend-area .management ul li { font-size: 14px; line-height: 1.7em; display: flex; justify-content: flex-start; align-items: flex-start; } 
    .recommend-area .management ul li em { flex-shrink: 0; margin-right: 5px; } 

    /* 맞춤 가이드 */
    #container .guide-area { padding: 0px; padding-bottom: 48px; } 
    #container.ai_check .guide-area {margin: 0 !important; padding-bottom:0; } 
    #container .diet-area { padding:20px 0 40px; } 
    .guide-area .content-area { padding-right: 0; font-size: 14px; } 
    #container .detail-area:nth-child(3) { padding-bottom: 0; } 
    .guide-area .section-inner > section { padding: 20px 14px; background-color: #fff; margin: 20px; margin-bottom: 0; } 
    .guide-area .caution-area li { margin: 8px 0; } 
    .guide-area .caution-area { padding: 0; } 
    .guide-area .content-area .img-area { position: relative; width: 100%; margin-bottom: 36px; padding-top: 0; } 
    .guide-area .content-area .img-area > div { width: 160px; } 
    .guide-area .content-area .img-area .circle { width: 200px; height: 200px; } 
    .guide-area .content-area .img-area .circle img { width: 110px; } 
    .guide-area .content-area .img-area p { font-size: 25px; } 
    .guide-area .content-area h5 { font-size: 20px; margin-bottom: 36px; } 
    .list01-area h5 { margin-bottom: 6px !important; } 
    .guide-area .content-area .title { font-size: 16px !important; margin-bottom: 6px; } 
    .guide-area .content-area .desc + .title { margin-top: 26px; } 
    #overview .desc { width: auto; } 
    .guide-area .section-inner > section + section .title { font-size: 18px !important; } 
    .guide-area .section-inner > section + section .desc { font-size: 14px; } 

    .guide-area .guide-content { flex-flow: column; align-items: flex-start; } 
    .guide-area .guide-content .imgBox { margin-right: 0; margin-left: 0; margin-bottom: 28px; width: 100%; text-align: center; } 
    .guide-area .guide-content .imgBox img { max-width: 278px; } 
    .guide-area .guideList h5 { font-size: 18px; margin-bottom: 12px; padding-left: 18px; } 
    .guide-area .guideList > p { padding: 0 0 20px 1.4em; font-size: 14px; } 
    .guide-area .guideList li { font-size: 14px; } 
    .guide-area .guideList li + li { margin-bottom: 10px; } 
    .guide-area .guideList li:before { width: 1.4em; font-size: 14px; line-height: 1.6em; text-align: left; } 
    .guide-area .guideList li p:first-child { font-size: 14px; font-weight: 600; } 
    .guide-area .section-inner > section .go_direct { position: relative; top: 0; right: 0; margin: 0 auto; margin-top: 26px; margin-bottom: 12px; width: 172px; height: 38px; display: block; font-size: 14px; background-size: 14px; background-position: center right 16px; padding-right: 12px; } 
    .guide-area .section-inner > section .go_direct:hover { opacity: 0.8; } 
    .guide-area .section-inner > section + .caution-area { margin-top: 14px; padding: 0 8px; } 
    .guide-area .section-inner > section + .caution-area li { margin: 20px; } 

    .imgTitle-area li { flex-flow: column; box-shadow: none; border: none; padding: 0px; } 
    .imgTitle-area .imgBox { position: relative; width: 100%; height: 112px; overflow: hidden; margin-right: 0; margin-bottom: 10px; } 
    .imgTitle-area .imgBox img { position: absolute; width: 100%; left: 0; top: 50%; transform: translate(0%, -50%); } 

    .imgTitle-area { font-size: 14px; } 
    .imgTitle-area li + li { margin-top: 29px; } 
    .imgTitle-area h5 { font-size: 16px; margin-bottom: 4px; } 
    .imgTitle-area br { display: none; } 
    .imgTitle-area .more { margin-top: 18px; font-weight: 600; border-width: 1px; } 

    .select-wrap { margin-bottom: 10px; } 
    .selectBox .select, 
    .selectBox .list li,
    .selectBox .list { display: flex; flex-flow: wrap; width: 100%; flex: 1 1 100%; opacity: 1; background-color: #fff; border-radius: 7px; padding: 0; } 
    .selectBox .list { padding: 15px; } 
    .selectBox .list li { flex: 1 1 48%; margin-top: 6px; padding-left: 7%; padding-right: 0; } 
    .selectBox .list li:nth-child(1),
    .selectBox .list li:nth-child(2) { margin-top: 0; } 
    .selectBox .list li:nth-child(2n) { margin-left: 6px; } 
    .selectBox .select { display: flex !important; background-image: url(https://img.lifet.co.kr/icon/arrow_down.svg); background-repeat: no-repeat; background-position: right 24px center; box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.06); } 
    .selectBox.on .select { box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.06); } 
    .selectBox .select { height: 56px; padding-left: 45px; justify-content: flex-start; } 
    .selectBox .list li { height: 56px; padding-left: 18px; justify-content: flex-start; margin-top: 4px; } 
    .selectBox .select .img, 
    .selectBox .list li .img { width: 40px; height: 40px; } 
    .selectBox .select .img img, 
    .selectBox .list li .img img { } 
    .selectBox .select .text, 
    .selectBox .list li .text { margin-top: 0; margin-left: 20px; font-size: 16px; } 
    .selectBox .list { display: none; position: absolute; overflow: hidden; z-index: 100; border-radius: 0px 0px 7px 7px; box-shadow: 0px 18px 18px rgb(0 0 0 / 6%); -webkit-box-shadow: 0px 18px 18px rgb(0 0 0 / 6%); } 

    .selectBox.on .list { display: flex; padding: 16px 29px; } 
    .selectBox.on .select { background-image: url(https://img.lifet.co.kr/icon/arrow_up.svg); border-radius: 7px 7px 0 0; } 
    .selectBox.on .select:before { content: ""; position: absolute; left: 5%; bottom: 0; width: 90%; height: 2px; background-color: #eee; } 
    .selectBox .list li.selected:before { display: none; } 
    .selectBox .list li.selected,
    .selectBox .list li:hover { background-color: rgba(164, 201, 254, 0.4); } 

    .fixed_select { height: 56px; } 
    .fixed_select .selectBox { transition: all 0.3s; -webkit-transition: all 0.3s; } 
    .fixed_select .selectBox .select { background-color: #fff; } 
    .fixed_select.active { } 
    .fixed_select.fixed .selectBox { position: fixed; top: 110px; left: 20px;; width: calc(100% - 40px); z-index: 8000; } 
    .fixed_select.active .selectBox { position: fixed; /*top: 60px; */ } 
    .list01-area { margin-top: 6px; } 
    .list01-area > li { height: auto; width: 100%; padding: 18px 20px; border-radius: 12px; margin-top: 8px; } 
    .list01-area h5 { font-size: 18px !important; } 
    .list01-area p { font-size: 14px; white-space: normal; word-break: keep-all; opacity: 0.7; } 
    .list01-area .desc { font-size: 14px; margin-bottom: 5px; } 
    .list01-area .tag-area br { display: none; } 
    .list01-area .tag-area li { font-size: 14px; font-weight: 500; margin-right: 7px; margin-top: 7px; padding: 2px 12px; border-width: 1.5px; } 
    .list01-area .tag-area li + li { margin-left: 0; } 
    .list01-area .tag-area li.active { display: inline-block; } 

    .Tag { font-size: 14px; } 
    .priceTag { margin-top: 20px; } 
    .priceTag li { flex: inherit; flex-flow: column; height: auto; padding: 20px;width: 100%; max-width: 100%; border-radius: 10px; } 
    .priceTag li .Tag { font-size: 14px; padding: 3px 18px; border-width: 1.5px; } 
    .priceTag li > div:nth-child(2) { font-size: 14px; } 
    .priceTag li > div:nth-child(2) br { display: none; } 
    .priceTag .price { font-size: 14px; margin-top: 9px; } 
    .priceTag .price > p { font-size: 14px; line-height: 20px; } 
    .priceTag .price > p + p { margin-left: 25px; } 
    .priceTag .price > p img { margin-right: 10px; } 
    .priceTag .price > p:first-child img { width: 17.5px; } 
    .priceTag .price > p:last-child img { width: 20px; } 
    .priceTag li > div:first-child div {font-size: 18px;}

    #container .detail-area { padding-bottom: 20px; } 
    #container .detail-area:nth-child(2) { padding: 0px; } 
    .guide-area .content-area > h5 + p { font-size: 14px; } 
    #container .detail-area:nth-child(2) section article { padding: 20px 14px; background-color: #fff; } 
    #container .detail-area + .detail-area .section-inner > section { padding: 0 20px; padding-bottom: 48px; background-color: transparent; margin: 0; }
    .examine-container .examineTotal-area .wrap {max-width: 100%;}
}

/* 05.02 */
.product-container .section-wrap:nth-child(odd) { background-color: #F4F5FA; } 


/* 세부문진 */
#container.details_examine > .section-wrap, .mobile_pop > .section-wrap { padding: 80px 0; }
.mobile_pop > .section-wrap.details_examine_new {padding: 48px 0 22px;}
.mobile_pop > .section-wrap.nutrition_guide {padding-bottom: 0;}
.ai_check .mobile_pop > .section-wrap {margin: 50px auto; padding: 0; } 
.ai_check .mobile_pop > .section-wrap.guide-area {margin-top: 48px;}
#container.details_examine > .section-wrap.profile-area { padding: 60px 0; } 
#container #examine, #container.details_examine > .log-area + .section-wrap { padding: 64px 0 0; } 
#container.details_examine > .section-wrap.guide-area.teeth { padding: 80px 0 0; } 
.detail_check .quiz-area article { margin-top: 50px; } 
.detail_check .quiz-area article:first-child { margin-top: 50px; } 
.detail_check ul[class^='check-col-'] li { margin-bottom: 8px; } 
.detail_check ul[class^='check-col-'].check-body li { text-align: left; } 
.detail_check .check-col-06 li + li, .detail_check .check-col-03 li + li { margin-left: 8px; } 
.detail_check .check-col-06 li:nth-child(2n+1) { margin-left: 0; } 
.detail_check .check_radio input[type="radio"] { position: absolute; left: 50%; top:0; width: 44px; height: 44px; z-index: 1; opacity: 0; cursor: pointer; transform: translateX(-50%); } 
.detail_check .check_radio { position: relative; display: flex; justify-content: space-between; margin-top: 40px; } 
.detail_check .check_radio::before { content:''; position: absolute; left: 23px; top: 27px; width: 90%; height: 3px; background-color: #E1E1E1; } 
.detail_check .check_radio li { position: relative; text-align: center; } 
.detail_check .check_radio input[type="radio"] + label { display: block; width: 84px; padding-top: 88px; word-break: keep-all; color: #7D7D7D; font-weight: 500; font-size: 24px; line-height: 130%; text-align: center; } 
.detail_check .check_radio input[type="radio"] + label::before { content: ""; position: absolute; left: 50%; top: 0; width: 44px; height: 44px; border: 3px solid #ccc; border-radius: 50%; transform: translateX(-50%); background-color: #fff; } 
.detail_check .check_radio input[type="radio"]:checked + label { color: #343434; } 
.detail_check .check_radio input[type="radio"]:checked + label::before { width: 26px; height: 26px; border-width: 12px; border-color: #68A5FE; } 
.loading-wrap.detail_loading { padding-bottom: 58px; } 
.loading-wrap.detail_loading ul li { margin-bottom: 28px; } 
.loading-wrap.detail_loading .alert h1 { margin-bottom: 30px; } 

.disease_score { display: flex; position: relative; } 
.disease_score li { position: relative; width: 106px; height: 81px; margin-right: 6px; padding: 14px 0 0 9px; cursor: pointer; border: 1px solid #D9D9D9; border-radius: 8px; background-color: #fff; } 
.disease_score li.empty, .disease_score2 li.empty { border-color: #F4F5F5; background-color: #F4F5F5; box-shadow: none !important; } 
.disease_score li > span:last-child { position: absolute; right: 9px; bottom: 19px; } 
.disease_score li > span:first-child { display: block; margin-bottom: 4px; font-weight: 600; font-size: 14px; line-height: 130%; } 
.details_examine .disease_score  {flex-wrap: wrap; margin-left: -7px;}
.details_examine .disease_score li {width: calc(100% / 2 - 7px); height: 100px; margin: 0 0 8px 7px; padding: 15px 20px; border-radius: 12px;}
.details_examine .disease_score li > span:first-child {margin-right: -10px; font-size: 20px; font-weight: 600; line-height: 130%;}
.details_examine .disease_score li strong {font-size: 32px; font-weight: 600; line-height: 130%; }
.details_examine .disease_score li strong span {margin-left: 4px; font-size: 20px; font-weight: 600; line-height: 210%; }
.details_examine .disease_score li > span:last-child {right: 15px; bottom: 15px; padding: 4px 10px; font-size: 16px;}

.details_examine .profile-detail .checkup-his {margin: 30px auto 30px; } 
.details_examine .checkup-his-list li a { padding: 14px 9px; box-shadow: none; border: 1px solid #D9D9D9; } 
.details_examine .profile-detail .checkup-his .icon_score {display: flex; width: 327px; height: 112px; color: #343434; border: 1px solid #D9D9D9; border-radius: 12px; box-shadow: none;}
.profile-detail .checkup-his .icon_score div {display: flex; align-items: center; justify-content: center;}
.details_examine .profile-detail .checkup-his .icon_score > div:first-child {width: 43%; text-align: center;}
.details_examine .profile-detail .checkup-his .icon_score > div:nth-child(2) {display: block; width: 57%; padding-top: 18px;}
.details_examine .icon_score p.m_block { display: block; margin-bottom: 2px; font-weight: 600; font-size: 18px; line-height: 22px;}
.details_examine .icon_score .point {display: inline-block; font-size: 24px; font-weight: 600; line-height: 227%;}
.details_examine .icon_score .point span {display: inline-block; margin-right: 4px; font-size: 36px; font-weight: 700; line-height: 130%; vertical-align: -2px;}
.details_examine .icon_score > div:nth-child(2) > span {margin-left: 7px; color: #fff; padding: 2px 8px; font-size: 16px; font-weight: 500; border-radius: 90px; vertical-align: 3px;}
.disease_score li strong { font-weight: 600; font-size: 23px; letter-spacing: -1px; } 
.disease_score li strong span { margin-left: 2px; font-size: 16px; line-height: 210%; } 
.disease_score li > span:last-child { margin-left: 2px; padding: 2px 7px; color: #fff !important; font-size: 10px; font-weight: 600; line-height: 130%; vertical-align: 3px; border-radius: 23px; } 

.details_examine .examineTotal-area .dietTip, .total_examine .examineTotal-area .dietTip { display: block; position: relative; max-width: 983px; margin: 0 auto; padding-bottom: 64px; padding-left: 313px; } 
.details_examine .examineTotal-area .dietTip > article:last-child, .total_examine .examineTotal-area .dietTip > article:last-child { max-width: 670px; flex-grow: 0; } 
.details_examine .dietTip > article:first-child, .total_examine .dietTip > article:first-child { position: absolute; left: 0; bottom: 0; width: 240px; } 
.details_examine .examineTotal-area .dietTip .point { color: #343434; font-size: 48px; } 

.lifet-chart .legend__ li { margin: 0 6px; white-space: nowrap;} 
.details_examine .lifet-chart .legend__ li:nth-child(1) span:first-child { background-color: #F9708B; } 
.details_examine .lifet-chart .legend__ li:nth-child(2) span:first-child { background-color: #FF9A50; } 
.details_examine .lifet-chart .legend__ li:nth-child(3) span:first-child { background-color: #FFD15B; } 
.details_examine .lifet-chart .legend__.total li:nth-child(3) span:first-child { background-color: #47DAB3; } 
.details_examine .lifet-chart .legend__.total li:nth-child(2) span:first-child { background-color: #FFCE50; } 
.details_examine .lifet-chart .legend__ li:nth-child(4) span:first-child { background-color: #47DAB3; } 
.details_examine .lifet-chart .legend__ span:last-child br { display: none; } 
.details_examine .examineTotal-area .lifet-chart .scales__ { bottom: 10px; left: -16px; padding-top: 107px; } 
.details_examine .examineTotal-area .lifet-chart .canvas__ .value__ .bar__.good > div { background: linear-gradient(to top,#47DAB3, #FFFFFF 203.18%); } 
.details_examine .examineTotal-area .lifet-chart .canvas__ .value__ .bar__.care > div { background: linear-gradient(to top,#FFCE50, #FFFFFF 203.18%); } 
.details_examine .examineTotal-area .lifet-chart .canvas__ .value__ .bar__.warn > div { background: linear-gradient(to top,#FF9A50, #FFFFFF 203.18%); } 
.details_examine .examineTotal-area .lifet-chart .canvas__ .value__ .bar__.bad > div { background: linear-gradient(to top,#F9708B, #FFFFFF 203.18%); } 

.diff_value { display: flex; position: absolute; bottom: -22px; flex-shrink: 0; width: 100%; margin-top: -20px; padding: 0 30px; text-align: center; } 
.details_examine .examineTotal-area .title { width: 100%; margin-bottom: 0;} 
.details_examine .examineTotal-area .chart-inner2 { align-items: center; width: 695px; height: 423px; padding: 0 44px; } 
.details_examine .examineTotal-area .chart-inner3 { width: 457px; height: 423px; padding: 40px 0 0 48px; } 

.mobile_icon span {display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 50%; background-color: #F6F6F6;}
.mobile_icon span img {width: 55px;}
.detail_check .checkup-wrap .btn-area { max-width: 374px; } 
.detail_check .checkup-wrap .btn-area .btn { height: 58px; font-size: 18px; } 
.detail_check .checkup-wrap .btn-area .btn-prev { color: #808080; font-weight: 500; } 
.detail_check .checkup-wrap .btn-area .btn-next { font-weight: 700; } 

.details_examine2 > .section-wrap:nth-child(odd) { background-color: #F4F5FA; } 
.details_result { overflow: hidden; padding: 60px 100px; border-radius: 15px; background: #FFFFFF; } 
.details_result h2 { font-weight: 700; font-size: 30px; line-height: 130%; } 
.details_result h2 .bad, .myscore .bad, .ai_left .percent strong span.bad, .my_score .right strong.bad { color: #BA4241; } 
.details_result h2 .warn, .myscore .warn, .ai_left .percent strong span.warn, .my_score .right strong.warn { color: #FFB800; } 
.details_result h2 .good, .myscore .good, .ai_left .percent strong span.good, .my_score .right strong.good { color: #00A77B; } 
.details_result h2 br { display: none; } 
.details_result .result_inner { display: flex; justify-content: center; align-items: center; margin: 30px 0 40px; padding: 30px 0; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); border-radius: 15px; background-color: #fff; } 
.details_result .result_inner div { margin: 0 45px; font-weight: 600; font-size: 20px; line-height: 130%; } 
.details_result .result_inner div span { display: inline-block; margin-left: 8px; padding: 3px 10px; color: #fff; font-weight: 600; font-size: 13px; line-height: 130%; vertical-align: 2px; border-radius: 30px; } 
.details_result .cont { float: left; width: 440px; } 
.details_result .cont + .cont { margin-left: 90px; } 
.details_result .cont h3 { font-weight: 700; font-size: 26px; line-height: 130%; } 
.details_result .cont p { margin-top: 17px; font-size: 18px; line-height: 150%; word-break: keep-all; } 
.details_examine2 .wrap .title { font-weight: 700; font-size: 32px; line-height: 130%; } 
.ai_check .title h1 + div {margin: -12px 0 16px; font-weight: 400;  font-size: 16px; line-height: 150%; } 
.details_examine2 .list01-area > li { width: 570px; padding: 40px 50px; background: #FFFFFF; box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.09); } 
.details_examine2 .list01-area .desc { min-height: 72px; color: #5D5D5D; opacity: 1; } 
.details_examine2 .list01-area .desc li { font-weight: 400; } 
.details_examine2 .list01-area .desc li b { font-weight: 600; } 
.details_examine2 .list01-area .price { display: flex; justify-content: flex-start; align-items: center; width: 100%; margin-top: 16px; } 
.details_examine2 .list01-area .price p { display: flex; justify-content: flex-start; align-items: center; font-size: 18px; font-weight: 600; } 
.details_examine2 .list01-area .price p + p { margin-left: 27px; } 
.details_examine2 .list01-area .price p img { margin-right: 8px; width: 26px; } 
.details_examine2 .list01-area .tag-area li { color: #68A5FE; font-weight: 700; border: 1.5px solid #68A5FE; border-radius: 63px; } 
.details_examine2 .list01-area .desc { min-height: auto; } 

.complications {margin-top: 12px; padding: 4px 22px 22px; border-radius: 13px; background-color: #F4F5FA;}
.complications dt {margin-bottom: 2px; margin-top: 18px; font-size: 18px; font-weight: 600; line-height: 150%;}
.complications dd {font-size: 16px; line-height: 150%;}

#container.details_guide > .section-wrap { padding: 80px 0; } 
.m_guideTit { display: none; } 
.details_guide .guide_inner { display: flex; align-items: center; padding: 70px 159px; border-radius: 15px; background-color: #fff; } 
.details_guide .guide_inner img { width: 333px; margin-right: 79px; } 
.details_guide .guide_inner h3 { font-weight: 700; font-size: 26px; line-height: 130%; } 
.details_guide .guide_inner p { margin-top: 17px; font-size: 18px; line-height: 150%; } 
.details_guide .search_area .cartegory_list { margin: 30px 0 0 -22px; } 
.details_guide .cartegory_list li .text { padding: 0; } 
.nutGuide_wrap { margin-top: 30px; padding: 50px 64px; border-radius: 15px; background-color: #fff; } 
.nutGuide_wrap .imgTitle-area { margin-top: 30px; } 

.details_examination { width: 390px; margin: -20px auto 0; text-align: center; } 
.details_examination2 {position: relative; width: 382px; } 
.details_examination2 h3 button {position: absolute; right: 0; top: 2px; padding: 6px 10px; color: #5B5B5B; font-size: 14px; font-weight: 600; line-height: 130%; border-radius: 60px; background: #EAEAEA;}
.details_examination h2 { font-weight: 600; font-size: 28px; line-height: 130%; } 
.details_examination h3 {position: relative; display: flex; align-items: center; margin-top: 40px; font-weight: 600; font-size: 20px; line-height: 130%; text-align: left; letter-spacing: -0.5px;} 
.details_examination p { color: #737373; font-size: 20px; line-height: 130%; } 
.details_examination ul { display: flex; flex-wrap: wrap; margin-top: 16px; margin-right: -12px;} 
.details_examination ul li { position: relative; width: 118px; height: 148px; margin: 0 12px 12px 0; padding: 18px 0 0; text-align: center; box-shadow: 0px 0px 9.3049px rgba(0, 0, 0, 0.06); border-radius: 12px; background: #FFFFFF; } 
.details_examination ul li.active { padding: 14px 0; border: 3px solid #68A5FE; } 
.details_examination ul li a { display: block; } 
.details_examination ul li .img {width: 56px; height: 56px; margin: 0 auto; padding: 6px; border-radius: 50%; background-color: #F5F5F5;}
.details_examination ul li img { width: 43px; } 
.details_examination ul li > span { position: absolute; right: 12px; top: 12px; display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; color: #fff; font-size: 10.6px; font-weight: 700; line-height: normal; border-radius: 50%; background-color: #F9708B; } 
.details_examination ul li a span { display: block; margin-top: 10px; font-weight: 600; font-size: 18px; line-height: 130%; } 
.details_examination ul li a span em { display: block; margin-top: 6px; font-size: 16px; font-weight: 500; line-height: 130%; } 
.details_examination ul li.deactive {display: none;} 
.details_examination ul li.preparing { padding-top: 18px;  opacity: .5;} 
.details_examination ul li.preparing span { margin-top: 10px; font-size: 18px; } 
.details_examination ul li .money_icon.red { margin-top: 5px;}
.details_examination ul li .free {margin-top: 6px; color: #FF6987; font-size: 16px; font-weight: 700;}
.details_examination ul li .continue {margin-top: 6px; color: #FF6987; font-size: 16px; font-weight: 700; line-height: 130%; letter-spacing: -0.32px;}
.details_examine .checkup-his-list li .point { position: absolute; top: 15px; right: 8px; } 
.weight_area { margin: 50px 0 0; text-align: center; } 
.weight_area .img { display: flex; align-items: center; justify-content: center; width: 112px; height: 112px; margin: 0 auto 40px; border-radius: 50%; background-color: #F5F5F5; } 
.weight_area .img img { width: 67px; } 
.weight_area > p { margin-bottom: 24px; font-size: 24px; font-weight: 600; line-height: 140%; } 
.weight_area .input_area input { width: 125px; height: 45px; text-align: center; border-radius: 8px; border: 1px solid #D2D2D2; } 
.weight_area .input_area input::placeholder { font-size: 16px; } 
.weight_area .input_area span { margin-left: 12px; color: #494949; font-size: 20px; font-weight: 500; line-height: 130%; } 
.weight_area .input_area + p { margin-top: 16px; font-size: 16px; font-weight: 400; line-height: 140%; } 
.weight_area .input_area + p.confirmMsg { color: #DC2A2A; } 
.weight_area .input_area.verify__.active input { border-color: #DC2A2A; } 
.shoot_guide.step00 { height: 70vh; } 
.shoot_guide.step00 .m-profile { margin-top: 27vh; } 
.shoot_guide.step00 .m-profile .btn-area .btn-next { max-width: 376px; height: 50px; } 

.no_memeber { display: flex; align-items:center; width: 100%; height: 92px; margin: 16px auto 0; background:#68A5FE url(https://img.lifet.co.kr/visual/FAQ.png) no-repeat 228px 20px; border-radius: 12px; background-size: 134px; } 
.no_memeber a { display: flex; flex-flow: column; width: 100%; padding-left: 20px; text-align: left; } 
.no_memeber a strong { color: #fff; font-weight: 700; font-size: 20px; line-height: 130%; } 
.no_memeber a span { margin-top: 3px; color: #fff; font-weight: 600; font-size: 16px; line-height: 140%; background: url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat 9.1rem center; background-size: 1.3rem; } 

.blur_wrap, .guideList { position: relative; } 
.blurEffect, .blurEffect + .caution-area { filter: blur(3.5px); -webkit-filter: blur(3.5px); } 
.blur_lock { display: none; } 
.blurEffect ~ .blur_lock { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; } 
.blur_lock p { margin: 2px 0 18px; font-weight: 700; font-size: 20px; line-height: 140%; } 
.blur_lock a { padding: 12px 42px 12px 28px; color: #fff; font-weight: 700; font-size: 18px; line-height: 24px; border-radius: 60px; background:#68A5FE url(https://img.lifet.co.kr/icon/slide_next_w.svg) no-repeat right 22px center; background-size: 16px; } 

.average-area .cartegory_list { margin-bottom: -20px; margin-top: 30px; } 

@media (min-width: 768px) {
    .first_examine { display: flex; flex-wrap: wrap; position: relative; width: 100%; } 
    .first_examine li { position: relative; width: 296px; height: 133px; margin: 0 0 0 14px; padding: 28px 0 0 20px; border: 2px solid #E5E5E5; border-radius: 15px; background-color: #fff; } 
    .first_examine li:nth-child(odd) { margin-left: 0; } 
    .first_examine li:nth-child(1), .first_examine li:nth-child(2) { margin-bottom: 17px; } 
    .first_examine li dl dt { margin-bottom: 6px; font-weight: 600; font-size: 20px; line-height: 130%; } 
    .first_examine li dl dt span { margin-left: 6px; padding: 3px 10px; color: #fff; font-size: 13px; font-weight: 600; line-height: 130%; vertical-align: 3px; border-radius: 30px; } 
    .first_examine li dl dd p { padding-right: 92px; line-height: 130%; word-break: keep-all; } 
    .first_examine li dl dd strong { position: absolute; right: 30px; bottom: 13px; margin-left: 23px; font-weight: 600; letter-spacing: -1px; font-size: 36px; line-height: 130%; } 
    .first_examine li dl dd strong span { margin-left:3px; font-size: 24px; } 
}

.part_count { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; margin: 0 0 28px; cursor: pointer; } 
.part_count div { text-align: center; } 
.part_count div + div { margin-left: 44px; } 
.part_count div span { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; padding: 2px 8px; color: #fff !important; font-weight: 500; line-height: 130%; border-radius: 40px; } 
.part_count div span.good, .worst_top5 ul li .badge.good { background-color: #47DAB3; } 
.part_count div span.wran, .worst_top5 ul li .badge.warn { background-color: #FFCE50; } 
.part_count div span.bad, .worst_top5 ul li .badge.bad { background-color: #F9708B; } 
.total_examine_pop h1 span.good { color: #47DAB3; } 
.total_examine_pop h1 span.warn { color: #FFCE50; } 
.total_examine_pop h1 span.bad { color: #BE212F; } 
.part_count div strong { font-size: 18px; font-weight: 600; } 
.part_count div strong.zero { color: #B3B3B3; }

.nutrition_guide .scroll {position: relative;}
.care_product .product_list {margin-top: 20px;}
.care_product .product_list li {margin-bottom: 0;}
.care_product .product_list li .point_tooltip {display: none;}
.care_product .product_list li:last-child .point_tooltip {display: flex;}

.pro_name > span:first-child { margin-top: 10px; color: #808080; font-size: 12px; line-height: 130%;}
.ai_check .question_area .left, .counsel_list .question_area .left  { display: flex; flex-direction: row-reverse; align-items: flex-start; height: 168px; width: auto; padding: 24px 33px 0 33px; text-align: left; border-radius: 14px; } 
.ai_check .question_area .right, .counsel_list .question_area .right { width: auto; } 
.ai_check .question_area .left > img, .counsel_list .question_area .left > img  { width: 120px; margin-left: 10px; }
.mobile_pop #pop_info {top: 35px; left: 0;}
 

@media (max-width:767px) {
    .pro_name .discount .overline { display: block; } 
    .obesity .product_list {margin-bottom: -30px;}
    .obesity .product_list li { margin-top: 0 !important;} 
    .obesity .product_list li a { margin-bottom: 30px; } 
    .nutrition_guide .product_list {flex-wrap: inherit; /*margin-right: 11px;*/}
    .nutrition_guide .product_list li {width: 156px; margin-bottom: 0;}
    .nutrition_guide .product_list li:nth-child(even) {margin-right: 9px !important;}
    .nutrition_guide .product_list li .img {width: 156px !important; height: 156px !important;}
    .nutrition_guide .product_list li .img img {width: 100%;}
    .slick_graph, .slick_graph .slick-list { width: 100%; } 
    
    .bar_graph .bar { width: 100%; margin-right: 0; margin-bottom: 8px; } 
    .bar_graph > span { font-size: 14px; } 
    .average-area .cartegory_list { margin-bottom: 0; margin-top: 22px; } 
    .new_graph {margin-top: 40px;}
    .ai_check .examineTotal-area .average-area {padding: 0;}
    .ai_check .examineTotal-area .wrap.guide_line { margin-top: 48px; } 
    .detail_check .quiz-area article:first-child { margin-top: 30px; } 
    .detail_check .check-col-06 li + li, .detail_check .check-col-03 li + li { margin-left: 10px; } 
    .detail_check .check-col-06 li { flex: 0 1 48.4%; } 
    .detail_check .check-col-03 li { flex: 0 1 31.2%; } 
    .detail_check .quiz-area article { margin-top: 40px; } 
    .checkup-wrap.detail_check .btn-area { margin-top: 58px; margin-bottom: 24px; } 
    .detail_check .check_radio { margin-top: 30px; } 
    .detail_check .check_radio::before { top: 15px; height: 2px; width: 86%; } 
    .detail_check .check_radio input[type="radio"] { width: 30px; height: 30px; } 
    .detail_check .check_radio input[type="radio"] + label { width: 55px; padding-top: 49px; font-size: 15px; } 
    .detail_check .check_radio input[type="radio"] + label::before { width: 27px; height: 27px; border-width: 1.5px; } 
    .detail_check .check_radio input[type="radio"]:checked + label::before { width: 14px; height: 14px; border-width: 8px; } 
    .loading-wrap.detail_loading { padding-bottom: 40px; } 
    .loading-wrap.detail_loading ul li { margin-bottom: 18px; } 
    .loading-wrap.detail_loading .alert h1 { margin-bottom: 23px; } 
    .details_examine .examineTotal-area .dietTip { padding-left: 0; } 
    .details_examine .profile-area .title__ span { display: none; } 
    .details_examine .profile-detail .detail > div:first-child { display: block !important; width: 100%; } 
    .total_examine .profile-detail .detail > div:first-child { width: 100%; } 
    .total_examine .profile-detail .detail > div:first-child .title { display: none; } 
    .details_examine .profile-detail .detail { width: 100%; } 
    .total_examine #myProfile .profile-simply { height: inherit; justify-content: flex-start; flex-shrink: inherit; border-radius: inherit; background-color: #fff; } 
    .total_examine #myProfile .profile-simply .info > p, .total_examine #myProfile .profile-simply .info > div, .total_examine #myProfile .profile-simply .info > ul { position: static; } 
    .total_examine #myProfile .profile-simply .info > p { display: none; } 
    .details_examine #myProfile .profile-simply .img { position: absolute; top: 23px !important; left: 26px !important; width: 80px !important; height: 80px !important; } 
    .details_examine #myProfile .profile-simply .img img { width: 80px !important; height: 80px !important; } 
    .total_examine #myProfile .profile-simply .img img { width: 100px; height: 100px; } 
    .total_examine #myProfile .profile-simply .img, total_examine #myProfile .profile-simply .img img { width: 100px; height: 100px; } 
    .details_examine .profile-simply .name { position: absolute; top: 26px !important; left: 130px !important; width: auto !important; } 
    .details_examine .profile-simply .profile-tag:nth-of-type(1) { width: auto; position: absolute; top: 58px !important; left: 130px !important; margin-top: 0; } 
    .details_examine .profile-simply .profile-tag:nth-of-type(2) { width: auto; position: absolute; top: 80px !important; left: 130px !important; margin-top: 0; } 
    .total_examine .profile-simply .profile-tag:nth-of-type(2) { width: auto; position: absolute; top: 80px; left: 130px; margin-top: -15px; } 
    .total_examine #myProfile .profile-simply .info .profile-tag { display: none !important; } 
    .profile-simply .total_score .good { color: #00A77B; } 
    .profile-simply .total_score .warn { color: #FFCE50; } 
    .profile-simply .total_score .bad { color: #F9708B; } 
    .profile-simply .total_score strong { font-weight: 600; } 
    .part_count { width: 100%; height: auto; margin: 0 0 26px; box-shadow: none; } 
    .details_examine .profile-simply .profile-tag li { padding: 0; font-size: 14px; font-weight: 400; border-radius: 0; opacity: 0.8; background-color: transparent; } 
    .total_examine .profile-simply .profile-tag li { font-size: 12px; padding: 2.5px 10px; border-radius: 17px; opacity: 1; font-weight: 600; background-color: #D9E6F9; } 
    .total_examine .profile-simply .profile-tag li + li::before { display: none; } 
    .details_examine ..detail_result { margin: 0; } 
    .details_examine .patella_area, .section-wrap.guide-area.teeth .patella_area { margin-bottom: 0; padding-bottom: 0; } 
    .details_examine.ai_check .patella_area { padding-bottom: 0; } 
    .disease_score { flex-wrap: wrap; margin-left: -7px; } 
    /*.disease_score::before { background-image: url(https://img.lifet.co.kr/visual/disease_score_bg_m.png); border-image-repeat: round; } */
    .disease_score li { width: calc(100% / 2 - 7px); height: auto; margin: 0 0 8px 7px; padding: 13px 0 42px 14px !important; text-align: left; border-radius: 12px; } 
    .disease_score li > span:first-child { font-size: 16px !important;} 
    .details_examine #myProfile .btn-area .btn { width: 100%; } 
    .details_examine .total_check .profile-detail .checkup-his { display: none; } 
    .details_examine .profile-detail .checkup-his .icon_score { width: calc(100vw - 100px); color: #343434; border: 1px solid #D9D9D9; border-radius: 12px; box-shadow: none; } 
    .details_examine .profile-detail .checkup-his .icon_score {height: 94px; padding: 4px 9px 14px 9px; background-image: none; display:flex; } 
    .total_examine .profile-detail .checkup-his .icon_score { display: none; } 
    .total_examine .profile-detail .checkup-his div:nth-of-type(2) { display: block; width: 188px; border: 0; box-shadow: 0px 0px 8px rgb(0 0 0 / 10%); } 
    .total_examine .profile-detail .checkup-his .icon_score > div:first-child { width: auto; } 
    .details_examine .examineTotal-area .chart-inner { width: 100%; height: 329px; margin: 0; padding: 24px 20px; border-radius: 14px; } 
    .details_examine .examineTotal-area .chart-inner + .chart-inner { margin-left: 0; margin-top: 20px; } 
    #container.details_examine > .section-wrap { padding: 48px 20px; } 
    .ai_check .mobile_pop > .section-wrap {margin: 40px 0 !important;} 
    .ai_check .mobile_pop.up > .section-wrap:last-child {margin-bottom: 80px !important;}
    .mobile_pop .section-wrap:nth-of-type(odd) { background-color: #fff; } 
    .ai_check .mobile_pop > .section-wrap { padding: 0; } 
    .ai_check .mobile_pop > .section-wrap.share-area { padding: 48px 20px 70px; } 
    .ai_check .mobile_pop.up > .section-wrap.share-area {margin-bottom: -40px;}
    #container.details_examine > .section-wrap.induce-area { background-color: #fff !important; } 
    .mobile_pop > .section-wrap.details_examine_new {padding: 30px 0 17px;}
    .mobile_pop.up > .section-wrap.details_examine_new {padding-top: 68px;}
    .details_examine .question_area .left > img { width: 110px; } 
    .mobile_pop > .section-wrap.details_examine_new {padding: 30px 0 17px;}
    .ai_check .question_area .left > img { margin-left: 0; } 
    .mobile_icon, .details_examine .checkup-his-list .m_block { display: inline-block; background: none; } 
    .details_examine .icon_score .m_block { display: inline-block; font-weight: 600; font-size: 18px; line-height: 22px; background: none; } 
    .details_examine .icon_score p.m_block { display: block; margin-bottom: 0;} 
    .details_examine .icon_score .point {position: static; margin-left: 0; font-size: 21px; } 
    .details_examine .icon_score .point span { color: #343434; font-size: 32px;} 
    .mobile_icon span { display: flex; align-items: center; justify-content: center; width: 66px; height: 66px; border-radius: 50%; background-color: #ECF4FF; } 
    .mobile_icon span img { width: 48px; } 
     
    .disease_score li { position: relative; } 
    .disease_score li > span:last-child, .details_examine .icon_score > div:nth-child(2) > span { padding: 3px 10px; font-size: 15px; border-radius: 90px; } 
    .disease_score li > span:last-child { position: absolute; right: 10px !important; bottom: 11px !important; height: auto; display: inline-block; padding: 4px 8px !important; font-size: 13px !important; } 
    .disease_score li strong { position: absolute; bottom: 1px; font-size: 26px !important; } 
    .disease_score li strong span { font-size: 18px; } 
    #container.details_examine > .section-wrap:nth-child(2) { padding: 48px 20px 0 !important; background-color: transparent; } 
    #container.details_examine > .section-wrap.guide-area.teeth { padding: 48px 20px 0; } 
    #container.details_examine > .section-wrap.guide-area { background-color: #F4F5FA; } 
    .details_examine .examineTotal-area .dietTip { margin-bottom: -18px; padding-bottom: 0; } 
    .details_examine .profile-detail {justify-content: flex-start; padding:24px 20px 0 !important; } 
    .details_examine .examineTotal-area .dietTip .point { font-size: 24px; } 
    .details_examine .examineTotal-area .dietTip > article:last-child { display: flex; justify-content: center; padding: 22px 0; } 
    .details_examine .dietTip > article:last-child div br { display: block; } 
    .details_examine .dietTip > article:last-child { line-height: 130%; } 
    .examineTotal-area .dietTip > article h5 { font-weight: 700; } 
    .details_examine .examineTotal-area:nth-of-type(2) .chart-inner, .details_examine .examineTotal-area .chart-inner.padding { padding: 24px 20px } 
    .details_examine .examineTotal-area .lifet-chart { width: 100%; height: auto; padding: 0 10px 0 20px; } 
    .details_examine .examineTotal-area .lifet-chart h2 { margin-left: -20px; margin-bottom: 0; font-size: 18px; } 
    .details_examine .examineTotal-area .lifet-chart .legend__ { top: 39px; left: 50%; justify-content: center; margin-left: 0 !important; margin-bottom: 0; transform: translateX(-50%); } 
    .details_examine .lifet-chart .legend__ span:last-child br { display: block; } 
    .details_examine .lifet-chart .legend__.total span:last-child br { display: none; } 
/*    .details_examine .average-area .chart-wrap .lifet-chart, .total_examine .lifet-chart#Chart01 { height: auto; } */
    #Chart_examine01 .legend__ + .scales__ + .chart__, .total_examine #Chart01 .legend__ + .scales__ + .chart__ { padding-top: 68px; } 
    .details_examine #Chart_examine01 .legend__ + .scales__ + .chart__ { padding-top: 84px; } 
    .details_examine .lifet-chart .legend__ li span:first-child { width: 10px; height: 10px; margin-right: 6px; } 
    .total_check .title + .chart-inner .lifet-chart .legend__ li:first-child { margin-left: 14px !important; } 
    .total_check .title + .chart-inner .lifet-chart .legend__.total li:first-child { margin-left: 5px !important; } 
    #Chart_examine01 .legend__ { width: auto; } 
    .details_examine .examineTotal-area .lifet-chart#Chart_examine01 .legend__ { margin-left: 0; } 
    .details_examine #Chart_examine01 .legend__ li, .details_examine #Chart01 .legend__ li, .partsResult .legend__ li, .teethResult .legend__ li { margin-right: 0 !important; padding-left: 10px; text-indent: -17px; margin-left: 17px !important; } 
    .details_examine #Chart01 .legend__ li { text-indent: 0; margin-left: 0 !important; } 
    .total_check .lifet-chart .legend__ span:last-child br { display:block; } 
    .details_examine .lifet-chart .legend__ li, .examineTotal-area .lifet-chart .legend__ li + li { margin: 0 5px; } 
    .details_examine .examineTotal-area .lifet-chart .scales__, .total_examine .examineTotal-area .lifet-chart#Chart_examine01 .scales__ { left: -20px; padding-top: 94px; padding-bottom: 32px; } 
    .total_examine .examineTotal-area .lifet-chart#Chart01 .scales__ { left: -20px; padding-top: 94px; padding-bottom: 40px; } 
    .details_examine .examineTotal-area .lifet-chart#Chart_examine01 .scales__ { padding-bottom: 39px; padding-top: 108px; } 
    .ai_check .examineTotal-area .lifet-chart#Chart_examine01 .scales__ { padding-bottom: 44px; padding-top: 104px; } 
    .ai_check .examineTotal-area .lifet-chart .scales__ { padding-bottom: 46px; padding-top: 90px; }
    .details_examine .lifet-chart .legend__ span:last-child { font-size: 14px; font-weight: 500; } 
    .details_examine .examineTotal-area .title h1 a img { width: 26px; vertical-align: -6px; } 
    .details_examine .examineTotal-area .chart-inner2 { overflow: visible; height: auto; padding: 0; box-shadow: none; background-color: transparent; } 
    .details_examine .dim_::before { border-radius: 14px; } 
    .details_examine .examineTotal-area .chart-inner3 { margin-top: 12px; padding: 30px 28px; height: auto; } 

    .first_examine { display: block; width: 100%; } 
    .first_examine li { position: relative; height: 112px; margin: 0 0 9px; padding: 20px 0 0 24px; border-radius: 14px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } 
    .first_examine li:last-child { margin-bottom: 0; } 
    .first_examine li:nth-child(odd) { margin-left: 0; } 
    .first_examine li dl dt { margin-bottom: 6px; font-weight: 600; font-size: 18px; line-height: 130%; } 
    .first_examine li dl dt span { margin-left: 6px; padding: 3px 10px; color: #fff; font-size: 13px; font-weight: 600; line-height: 130%; vertical-align: 3px; border-radius: 30px; } 
    .first_examine li dl dd p {color: #808080; line-height: 130%; word-break: keep-all; } 
    .first_examine li dl dd strong { position: absolute; right: 30px; bottom: 13px; margin-left: 23px; font-weight: 600; letter-spacing: -1px; font-size: 36px; line-height: 130%; } 
    .first_examine li dl dd strong span { margin-left:3px; font-size: 24px; } 
    .ai_check .question_area .left {  height: 153px; padding: 22px 0; } 
    .details_examine .question_area .left > img { width: 110px; } 

    .details_result { padding: 0; background-color: transparent; } 
    .details_result h2 { font-weight: 700; font-size: 22px; line-height: 140%; } 
    .details_result h2 br { display: block; } 
    .details_result .result_inner { flex-wrap: wrap; justify-content: flex-start; height: 112px; padding-left: 20px; padding-bottom: 16px; background: #FFFFFF; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); border-radius: 10px; } 
    .details_result .result_inner div { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; width: 50%; margin: 0 0 14px; font-size: 16px; white-space: nowrap; } 
    .details_result .result_inner div span { width: 14px; height: 14px; margin-right: 11px; padding: 0; border-radius: 50%; text-indent: -9999px; } 
    .details_result .cont { float: none; width: auto; padding: 30px 20px 0; border-radius: 10px 10px 0 0; background-color: #fff; } 
    .details_result .cont + .cont { margin-left: 0; padding-bottom: 30px; border-radius: 0 0 10px 10px; } 
    .details_result .cont h3, .details_examine2 .priceTag li .Tag { font-size: 18px; } 
    .details_result .cont p { margin-top: 14px; font-size: 16px; } 
    .details_examine2 .title h1 + div { font-size: 14px; } 
    .details_examine .examineTotal-area .average-area .chart-inner { height: auto; padding: 32px 28px; } 
    .details_examine .examineTotal-area .average-area .chart-wrap { margin-right: 0; } 
    .details_examine .examineTotal-area .average-area .lifet-chart { width: 100%; height: 230px; } 
    .details_examine .examineTotal-area .average-area .rank-area { margin-top: 0; } 
    .details_examine .examineTotal-area .chart-wrap { padding-top: 0; } 
    .details_examine2 .list01-area > li { margin-top: 14px; padding: 24px 20px; word-break: keep-all; } 
    .details_examine2 .list01-area .price p img { width: 20px; } 
    .details_examine2 .list01-area .price p { opacity: 1; font-size: 14px; } 
    .details_examine2 .list01-area .tag-area li { font-weight: 600; } 
    .details_examine2 .priceTag.diagnosis { margin-top: 12px; } 
    .details_examine2 .priceTag.diagnosis li { flex: 0 1 100%; height: 161px; margin-right: 0; padding: 24px 20px; }
    .priceTag li + li {margin-top: 10px;}
    .details_examine2 .priceTag.diagnosis li .price > p + p { left: 50%; } 
    .details_examine2 .priceTag.teeth li { height: auto; padding: 20px;} 
    .priceTag.teeth li div .desc { height: auto; } 
    .ai_check .examineTotal-area .chart-wrap { padding: 0; } 
    .details_examine2 .priceTag li .Tag { margin-bottom: 0; } 
    .priceTag.teeth li .Tag span { padding: 4px 8px; } 
    .details_examine2 .priceTag p { font-size: 15px; } 
    .details_examine2 .priceTag .desc { min-height: 42px; word-break: keep-all; } 
    .details_examine2 .priceTag .price { margin-top: 14px; } 

    .m_guideTit { display: block; } 
    .m_guideTit h2 { font-size: 20px; } 
    .m_guideTit p { margin-top: 4px; line-height: 150%; } 
    .details_guide .guide_inner { flex-flow: column; justify-content: center; margin-top: 20px; padding: 30px 20px; border-radius: 14px; } 
    .details_guide .guide_inner img { width: 278px; margin-right: 0; } 
    #container.details_guide > .section-wrap { padding: 48px 20px; } 
    .details_guide .guide_inner h3 { margin-top: 27px; font-size: 18px; } 
    .details_guide .guide_inner p { font-size: 16px; line-height: 150%; } 
    .details_guide .average-area .title p span { display: none; } 
    .nutGuide_wrap { padding: 0; border-radius: 0; background-color: transparent; } 
    .nutGuide_wrap .imgTitle-area { margin-top: 0; } 
    .nutGuide_wrap .imgTitle-area li { padding: 20px; border-radius: 14px; border: 1px solid #EBEBEB; background-color: #fff; } 
    .nutGuide_wrap .imgTitle-area li + li { margin-top: 10px; } 
    .details_guide .search_area .cartegory_list { margin-left: 0; margin-top: 22px; } 

    .info_pop.modal-dialog .content-area { max-width: none; width: 90%; padding: 24px 20px; text-align: left; } 
    .info_pop.modal-dialog .content-area .head div { margin-bottom: 10px; font-weight: 600; font-size: 18px; line-height: 130%; } 
    .info_pop.modal-dialog .price { display: flex; margin-top: 14px; } 
    .info_pop.modal-dialog .price img { width: 20px; vertical-align: -5px; } 
    .info_pop.modal-dialog .price p + p { margin-left: 24px; } 
    .info_pop.modal-dialog .price span { font-weight: 600; font-size: 14px; line-height: 130%; } 

    .details_examination { width: auto; margin: 0 20px 0; } 
    .details_examination2 { width: auto; margin: -14px 0 30px; } 
    .details_examination h2 {display: none;} 
    .details_examination h3 { margin-top: 0; font-size: 18px; } 
    .details_examination2 h3 button {top: 0; font-size: 12px;}
    .details_examination p { font-size: 14px; } 
    .details_examination ul { margin-top: 0; } 
    .details_examination ul li { width: calc(100% / 3 - 12px); height: 131px; margin: 12px 12px 0 0; padding: 16px 0 0;  } 
    .details_examination ul li.preparing {padding-top: 16px;}
    .details_examination ul li.preparing span {margin-top: 8px; font-size: 16px;}
    .details_examination ul li a span em {margin-top: 4px; font-size: 14px;}
    .details_examination ul li.active { padding: 13px 0; } 
    .details_examination ul li .img {width: 54px; height: 54px;}
    .details_examination ul li img { width: 42px; } 
    .details_examination ul li a span { margin-top: 8px; font-size: 15px; white-space: nowrap; } 
    .details_examination ul li .money_icon {margin-top: 4px; padding-left: 16px; font-size: 14px; background-size: 12px;}
    .details_examination ul li .free {font-size: 14px;}
    .details_examination ul li > span { top: 10px; right: 10px; } 
    .details_examination ul li .continue {font-size: 14px;}
    .detail_check .checkup-wrap .btn-area .btn { height: 48px; font-size: 16px; font-weight: 600; } 
    .weight_area { margin-top: 47px; } 
    .weight_area .img { width: 100px; height: 100px; margin-bottom: 30px; } 
    .weight_area > p { font-size: 20px; } 
    .weight_area .input_area input { width: 120px; } 
    .weight_area .input_area p { margin-top: 12px; } 
    .shoot_guide.step00 { height: auto; min-height: calc(100vh - 150px); padding-bottom: 50px; } 
    .shoot_guide.step00 .m-profile { position: absolute; bottom: 0; width: 100%; margin-top: 0; } 
    .shoot_guide.step00 .m-profile .btn-area .btn-next { height: 48px; } 

    /*건강검진센터*/

    .avgchart-area .x-calc { font-size: 12px; } 
    .avgchart-area .x-calc .bar { width: 40px; margin: 3px auto; } 
    .avgchart-area .x-calc + .x-calc { margin-left: 38px; } 
    .avgchart-area .avgline span { font-size: 10px; padding: 4px 6px; } 
    .examineTotal-area h5 { font-size: 14px; } 
    .details_examine2 .list01-area h5 { font-weight: 600; font-size: 20px; line-height: 130%; } 
    .examineTotal-area .title { font-size: 16px; word-break: keep-all; } 
    .examineTotal-area .title .point { font-size: 20px; margin-right: 18px; } 
    .examineTotal-area .title .point span { font-size: 36px; font-weight: 700; } 

    .care-area { padding: 50px 20px; } 
    .care-area .col-wrap { flex-flow: column; align-items: flex-start; } 
    .care-area .title { font-size: 20px; margin-bottom: 16px; } 
    .care-area #circleChart { width: 100%; height: 134px; } 

    .average-area .detailBtn,
    .BCS-area .detailBtn,
    .examineTotal-area .detailBtn,
    .consult__wrapper .detailBtn { position: relative; font-size: 16px; width: max-content; height: 44px; background-size: 16px; background-position: right 18px center; margin: 0 auto; margin-top: 24px; padding-left: 0; padding-right: 0; } 
    #examineChart li .info_pop { left: 20px; bottom: -54px; } 
    .details_examine  .detailBtn { position: static; width: 100% !important; height: 44px; margin-top: 30px !important; padding: 0; font-size: 16px; background: #68A5FE; } 
    .details_examine  .detailBtn::after { content: ''; display: inline-block; width: 16px; height: 16px; margin-left: 2px; background: url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat; background-size: 16px; } 
    .consult__wrapper .detailBtn { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } 

    .no_memeber { width: auto; height: 88px; margin: 14px 0 0; background-position: 93% 13px; background-size: 133px; } 
    .no_memeber a { padding-left: 20px; } 
    .no_memeber a strong { font-size: 18px; } 
    .no_memeber a span { font-size: 14px; background: url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat 7.1rem center; background-size: 1rem; } 
    .blur_lock img { width: 82px; } 
    .blur_lock p { margin: 0 0 12px; font-size: 16px; } 
    .blur_lock a { padding: 10px 32.5px 10px 20.5px; font-size: 14px; background-position: right 18.5px center; background-size: 14px; } 
    .disease_score li.empty, .disease_score2 li.empty { box-shadow: none; } 
    .chart-inner2 #pop_info { top: 45px; } 
    #diseaseCareTxt { display: none; } 
    .search_wapper { display: block; } 
    .search_wapper strong { display: none; } 
    .search_wapper .search__box { margin: 10px 0 0 32px; } 
    .search_more .total_num span, .search_more .selectBox__ .select__, .search_more .selectBox__ .list__ li { font-size: 14px !important; } 
    
    .image_save {position: relative; padding: 0 0 48px; text-align: center; background-color: #C9DFFF; }
    .ai_check .image_save {padding: 0 0 48px;}
    .image_save button { width: 124px; padding: 8.5px 14px 8.5px 36px; color: #fff; font-size: 16px; font-weight: 500; line-height: normal; border: 0; border-radius: 30px; background:#7DB2FF url(https://img.lifet.co.kr/icon/img_save.svg) no-repeat 12px center; } 
    .total_banner .section-inner { padding: 23px 0 22px 37px !important; background-position: right 33px center !important; background-size: 134px !important; } 
    .total_banner p span { display: block; } 
    .total_banner p { margin-bottom: 8px; font-size: 18px; } 
    .total_banner a { padding-right: 15px; font-size: 14px; background-size: 12px; } 
    .new_graph.mobile-items { display: none; } 
    .inner-1200.new_graph { margin-top: 40px; } 
    .order_change { display: flex; flex-flow: column; } 
    .order_change > div:nth-of-type(3) { order: 1; padding-top: 2px; } 
    .order_change > div:nth-of-type(4) { order: 2; } 
    .order_change > div:nth-of-type(5) { order: 0; } 
    .order_change > div:nth-of-type(6) { order: 3; padding-top: 24px; } 
    .order_change > div:nth-of-type(7) { order: 4; } 
    .order_change > div:nth-of-type(8) { order: 5; } 
    .mobile_pop.up {z-index: 10; position: fixed; top: 48px; overflow-y: scroll; height: calc(100% - 48px); } 
    .mobile_pop {z-index: 1; position: relative; width: 100%; padding: 0 20px; margin-top: -30px; border-radius: 30px 30px 0 0; background-color: #fff; box-shadow: 0px -2px 4px rgb(0 0 0 / 4%);  } 
    .mobile_pop.up .btn_arrow { z-index: 9999; position: fixed; width: 100%; margin: 0 -20px;} 
    .total_examine .mobile_pop.up .btn_arrow {margin: 0 -20px; } 
    .mobile_pop.up .btn_arrow { z-index: 9999; position: fixed; width: 100%; } 
    .total_examine .mobile_pop.up .btn_arrow {margin: 0 -20px; } 
    .mobile_pop.up .btn_arrow::before { transform: rotate(180deg); } 
    .mobile_pop.up > div:last-child, .mobile_pop.up > section:last-child {margin-bottom: 90px; padding: 0;}
    .pop_txt::before { content: url(https://img.lifet.co.kr/icon/point.svg); position: absolute; left: 75px; bottom: -9px; } 
    
}

/* 세부문진 상세결과 */
.details_examine .details_examine_new .chart-inner2 { overflow: visible; width: 100%; margin: 0; padding: 0; height: auto; box-shadow: none; background: transparent; } 
.details_examine_new .disease_score2 li {position: relative; height: 106px; margin: 0 0 17px; padding: 18px 25px 18px 28px; border: 0; box-shadow: 0px 0px 11.194px 0px rgba(0, 0, 0, 0.10); border-radius: 12px; } 
.details_examine_new .disease_score2 li .img img, .details_examine_new .first_examine li .img img {width: 70px; margin-right: 20px;}
.details_examine_new .disease_score2 li dl dt {display: flex; align-items: center; margin-bottom: 4px; font-size: 20px; font-weight: 600; line-height: 130%;} 
.details_examine_new .disease_score2 li dl dt span {margin-left: 4px; padding: 3px 6px; color: #fff !important; font-size: 12px; font-weight: 500; vertical-align: 3px; border-radius: 30px; line-height: 130%;}
.details_examine_new .disease_score2 li dl dd p {padding-right: 0; color: #808080; font-size: 15px; line-height: 130%; word-break: keep-all;} 
.details_examine_new .disease_score2 li dl dd strong { right: 46px; bottom: auto; top: 31px; font-size: 46px; } 
.details_examine_new .disease_score2 li dl dd strong span { margin-left: 4px; font-size: 28px; } 
.details_examine_new .disease_score2 li a, .details_examine_new .first_examine li a {display: flex; align-items: center;} 
.details_examine .details_examine_new .chart-inner + .chart-inner { width: 100%; margin: 0; } 

.modal-dialog .details_examine_pop .content-area { overflow: hidden; max-width: 1032px; height: 867px; padding: 85px 0 0; text-align: left; } 
.details_examine_pop .content-area .closer { top: 10px; right: 15px; background-size: 32px; } 
.details_examine_pop .contentWrap { overflow: auto; max-height: none; height: 782px; padding: 0 32px 50px 32px } 
.modal-dialog .details_examine_pop .head { position: absolute; top: 0; left: 0; width: 100%; height: 85px; padding-left: 30px; padding-top: 31px; text-align: left; font-size: 22px; font-weight: 600; line-height: 1.3; border-bottom: 2px solid #F2F2F2; } 
.contentWrap .details_menu { z-index: 11; position: fixed; left: 50%; transform: translate(-50%, 0); display: flex; justify-content: center; width: 1032px; padding: 20px 0; background-color: #fff; } 
.contentWrap .details_menu li a { display: flex; justify-content: center; align-items: center; width: 190px; height: 52px; font-weight: 600; font-size: 18px; line-height: 130%; border: 2px solid #D9D9D9; border-radius: 8px; } 
.contentWrap .details_menu li + li { margin-left: 6px; } 
.contentWrap .details_menu li a span { display: inline-block; margin-left: 6px; padding: 3px 10px; color: #fff !important; font-weight: 600; font-size: 13px; line-height: 130%; border-radius: 30px; } 
.contentWrap .details_menu li.on a { border-color: #68A5FE; box-shadow: 0px 0px 7.034482955932617px 0px rgba(0, 0, 0, 0.10); } 
.details_cont > .inner { display: none; padding-top: 112px; } 
.details_cont > .inner:first-child { display: block; } 
.details_cont > div > div + div { margin-top: 60px; } 
.details_cont > div h2 { width: 100%; margin-bottom: 24px; font-weight: 700; font-size: 24px; line-height: 130%; } 
.details_cont > div h3 { margin: 20px 0 8px; font-weight: 700; font-size: 18px; line-height: 130%; } 
.details_cont > div h3:first-child { margin-top: 0; } 
.details_cont > div h3 + p { font-size: 16px; line-height: 150%; } 
.details_cont .cont01 { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: flex-end } 
.details_cont .cont01 .left { width: 480px; margin-left: 48px; } 
.details_cont .cont01 .left p { font-size: 16px; line-height: 150%; } 
.details_cont .cont01 img { width: 430px; height: 280px; object-fit: cover; border-radius: 8px; border: 1px solid #EBEBEB; } 
.check_bullet li { font-size: 16px; line-height: 150%; } 
.check_bullet li + li { margin-top: 6px; } 
.check_bullet li::before { content: '✓'; margin-right: 6px; color: #68A5FE; } 
.symptoms, .cont03 .priceTag { display: flex; margin-top: 14px; } 
.symptoms li { text-align: center; } 
.symptoms li + li { margin-left: 16px; } 
.symptoms li span { display: block; margin-top: 24px; font-weight: 600; font-size: 20px; line-height: 130%; } 
.symptoms li img { display: block; width: 230px; height: 230px; border-radius: 8px; border: 1px solid #EBEBEB; } 
[class*='info_swiper'] { position: relative; margin-top: 14px; } 
[class*='info_swiper'] .swiper-wrapper { flex-wrap: wrap; } 
[class*='info_swiper'] .swiper-slide { flex: none; width: 310px; height: 168px; margin: 0 13px 14px 0; padding: 20px; border-radius: 12px; border: 2px solid #EBEBEB; } 
[class*='info_swiper'] .swiper-slide:nth-child(3n) { margin-right: 0; } 
[class*='info_swiper'] .swiper-slide .Tag { margin-bottom: 8px; padding: 0; font-weight: 600; font-size: 18px; line-height: 130%; border: 0; } 
[class*='info_swiper'] .swiper-slide .desc { height: 63px; line-height: 150%; word-break: keep-all; } 
[class*='info_swiper'] .swiper-slide > div { font-size: 14px; } 
[class*='info_swiper'] .swiper-slide .price { display: flex; margin-top: 8px; } 
[class*='info_swiper'] .swiper-slide .price p { display: flex; align-items: center; } 
[class*='info_swiper'] .swiper-slide .price p + p { margin-left: 40px; } 
[class*='info_swiper'] .swiper-slide .price p img { width: 24px; } 
[class*='info_swiper'] .swiper-slide .price p span { margin-left: 8px; font-weight: 600; font-size: 14px; line-height: 130%; } 
.cont03 .priceTag .price { margin-top: 20px; } 
.cont03 .priceTag .price p { font-size: 16px; } 
.cont04 ul { display: flex; margin-top: 14px; } 
.cont04 ul li { width: 227px; height: 227px; padding: 30px 0 0; text-align: center; border: 2px solid #EBEBEB; border-radius: 20px; } 
.cont04 ul li + li { margin-left: 20px; } 
.cont04 ul li img { display: block; width: 80px; margin: 0 auto; } 
.cont04 ul li strong { display: block; margin: 12px 0 6px; font-weight: 600; font-size: 18px; line-height: 130%; } 
.cont04 ul li p { font-size: 16px; line-height: 140%; word-break: keep-all; } 
.cont04 .caution { margin-top: 20px; padding: 24px 42px 28px; font-size: 16px; line-height: 150%; border-radius: 10px; background-color: #F7F7F7; } 
.cont04 .caution h3 { margin: 0 0 12px; font-weight: 700; font-size: 18px; line-height: 130%; } 
.cont04 .caution strong { margin-right: 8px; font-size: 16px; font-weight: 500; } 
.details_cont h2 + p { margin-top: 8px; font-size: 16px; line-height: 150%; } 
.cont05 .inner { display: flex; flex-wrap: wrap; margin-top: 14px; padding: 30px 40px 18px; border: 2px solid #EBEBEB; border-radius: 10px; } 
.cont05 .inner h3 { width: 100%; margin: 0 0 20px; padding-bottom: 20px; font-size: 20px; font-weight: 600; border-bottom: 2px solid #EBEBEB; } 
.cont05 .inner h3 span { display: inline-block; padding: 2px 8px; color: #fff; font-weight: 500; font-size: 15px; line-height: 130%; vertical-align: 2px; border-radius: 90px; } 
.cont05 .inner dl { display: flex; width: 50%; margin-bottom: 12px; padding-right: 20px; font-size: 16px; line-height: 150%; } 
.cont05 .inner dl dt { margin-right: 12px; font-weight: 600; } 
.cont06 .guide_line { display: flex; flex-wrap: wrap; margin-top: 20px; } 
.cont06 .guide_line .inner { justify-content: flex-start; align-items: center; width: 470px; height: 134px; margin: 0 28px 13px 0; padding: 0 0 0 53px; } 
.cont06 .guide_line .inner:nth-child(2n) { margin-right: 0; } 
.cont06 .guide_line .inner > div { display: flex; align-items: center; } 
.cont06 .guide_line .inner > div dl { position: static; margin: 0 0 0 34px; text-align: left; } 
.cont06 .guide_line .inner img { width: 74px; height: 74px; } 



/* 슬개골탈구 */
.result_section { padding: 50px 20px 60px !important; } 
.ai_check .result_section { background-color: #C9DFFF !important; } 
.ai_check .profile-area .title__ { color: #343434; } 
.result_top { position: relative; width: 352px; height: 610px; margin: 0 auto; padding: 22px 25px 0; box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.06); border-radius: 15px; background-color: #fff; } 
.result_top .inner { display: flex; flex-flow: column; } 
.result_top .inner .img { display: flex; justify-content: center; align-items: center; width: 302px; height: 460px; } 
.result_top .inner .img img { border-radius: 15px; width: 302px; } 

.result_top .left { order: 1; position: relative; width: 100%; margin: 0 auto; } 
.result_top .left h2 { z-index: 10; position: absolute; top: 10px; right: 10px; } 
.result_top .left h2 span { display: none; } 
.result_top .left h2 a { position: absolute; right: 0; display: inline-block; width: 26px; height: 26px; text-indent: -9999px; background: url(https://img.lifet.co.kr/icon/q_mark_w.png) no-repeat; background-size: 26px; } 
.result_top .left h2 img { width: 26px; } 
.ai_check .grad_swiper2 .swiper-slide { height: 460px; } 
.grad_swiper2 .swiper-slide { width: 196px; margin-right: 12px; } 
.grad_swiper2 img { width: 196px; height: 336px; border-radius: 10px; } 
.grad_swiper2 .swiper-pagination { margin-top: 14px; } 

.result_top .inner > dl { position:absolute; right:63px; bottom:45px; width:320px; color: #343434; } 
.result_top .inner > dl dt { margin-bottom: 14px; padding-left: 38px; font-size:22px; font-weight:600; } 
.result_top .inner > dl dd { font-size:18px; line-height:150%; } 
.result_top .inner > dl dd p { margin-bottom: 8px; padding-left: 24px; word-break: keep-all; background: url(https://img.lifet.co.kr/patella/check.svg) no-repeat left 7px; } 

.score_box { display: flex; flex-wrap:wrap; justify-content: center; position: absolute; top:46px; right:83px; width: 273px; height:147px; text-align:center; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); border-radius: 8px; background-color: #fff; } 
.result_top .rig { order: 0; width: auto; margin-bottom: 16px; } 
.result_top .rig dl { width: 100%; } 
.result_top .rig dl dt { display: none; } 
.result_top .rig dl dd { display: flex; justify-content: center; align-items: center; color: #343434 !important} 
.result_section .gradPop { display: none; z-index: 10; position: absolute; right: 50%; margin-right: -152px; top: 45px; width: 304px; padding: 14px 20px; border-radius: 12px; box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.14); background-color: #fff; } 
.result_section .gradPop.teeth { padding: 14px 16px 14px; } 
.result_section .gradPop dl dt { margin-bottom: 14px; font-size: 18px; font-weight: 600; line-height: 130%; } 
.result_section .gradPop.teeth dl dt { margin-bottom: 16px; } 
.result_section .gradPop dl dd p { margin-top: 12px; font-size: 14px; line-height: 150%; } 
.result_section .gradPop.teeth dl dd p { margin-top: 4px; } 
.weight_guide { position: relative; margin-top: 20px; margin-bottom: 50px; padding: 20px 20px 30px; border-radius: 20px; background-color: #F2F6FC; } 
.weight_guide .top { display: flex; align-items: center; margin-bottom: 18px; } 
.weight_guide .top img { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; border: 1px solid #EBEBEB; background-color: #fff; } 
.weight_guide .top p { margin-left: 16px; } 
.weight_guide .top p span { font-size: 16px; line-height: 130%; } 
.weight_guide .top p strong { display: block; margin-top: 2px; font-size: 20px; font-weight: 700; line-height: 130%; } 
.weight_guide a { display: inline-block; position: absolute; top: 14px; right: 14px; width: 26px; height: 26px; margin-left: 8px; text-indent: -9999px; border: 0; cursor: pointer; background: url(https://img.lifet.co.kr/icon/infor.svg) no-repeat; background-size: 26px; } 
.weight_guide ul li { display: flex; align-items: center; padding: 10px 14px; border: 1.5px solid #EBEBEB; border-radius: 45px; background-color: #fff; } 
.weight_guide ul li + li { margin-top: 8px; } 
.weight_guide ul li > span { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; margin-right: 20px; border-radius: 50%; background: #F5F5F5; } 
.weight_guide ul li img { width: 51px; height: 51px; } 
.weight_guide ul li p span { display: block; margin-bottom: 2px; color: #666; font-weight: 500; font-size: 16px; line-height: 130%; } 
.weight_guide ul li p strong { font-size: 20px; font-weight: 700; line-height: 130%; } 
.weight_guide .help_pop .bullet::before { width: 2px; height: 2px; } 
.color_classification { display: flex; margin-top: 16px; } 
.color_classification div { display: flex; align-items: center; } 
.color_classification div + div { margin-left: 37px; } 
.color_classification strong { margin-right: 8px; font-weight: 600; line-height: 130%; } 
.color_classification span { display: inline-block; width: 60px; height: 8px; border: 1px solid #ccc; border-radius: 34px;    background-color: #fff; } 
.color_classification div + div span { border-color: #FA4033; background-color: #FA4033; } 
.result_top .gradPop .gradient { position: relative; justify-content: space-between; margin-top: 32px; } 
.result_top .gradPop .gradient .graph { position: absolute; bottom: 26px; height: 8px; margin: 0; width: 100%; } 
.result_top .gradPop button { display: inline-block; position: absolute; top: 14px; right: 14px; width: 24px; height: 24px; text-indent: -99999px; border: 0; cursor: pointer; background: url(https://img.lifet.co.kr/icon/close_black.svg) no-repeat; background-size: 24px; } 
.result_top .gradPop.teeth button { top: 14px; right: 16px; } 
.result_top .rig dl dd > strong { display: inline-block; width: 97px; font-weight: 700; font-size: 16px; line-height: 130%; text-align: center; white-space: nowrap; } 
.result_top .rig dl dd.good > strong, .result_top .rig dl dd.good > strong span { color: #00A77B; } 
.result_top .rig dl dd.warn > strong, .result_top .rig dl dd.warn > strong span { color: #FFCE50; } 
.result_top .rig dl dd.bad > strong, .result_top .rig dl dd.bad > strong span { color: #BA4241; } 
.result_top .rig dl dd > strong span { display: block; font-size: 28px; line-height: 130%; } 
.result_top .rig dl dd > strong span.scoreNum { display: inline; font-size: 36px; } 
.result_top .rig dl dd > strong em { color: #343434; font-size: 22px; vertical-align: 1px; } 
.result_top .rig dl dd p {flex: 1; position: relative; margin-left: 16px; padding-left: 16px; font-size: 16px; line-height: 130%; word-break: keep-all;} 
.result_top .rig dl dd p::before { content: ''; position: absolute; left: 0; top: 5px; display: inline-block; width: 1px; height: 54px; margin-right: 14px; background-color: #D9D9D9; } 
.result_top .rig dl dd p strong { display: block; margin-bottom: 2px; font-size: 18px; font-weight: 600; line-height: 130%; } 
.grad_swiper2 { overflow: hidden; padding-bottom: 22px; } 
.result_top .step { margin-top: 12px; padding: 20px 24px; border-radius: 10px; border: 0.879px solid #D9D9D9; } 
.result_top .step img { width: 130px; height: 86px; margin-right: 20px; } 
.result_top .step > div { display: flex; align-items: center; } 
.result_top .step > div + div { margin-top: 12px; } 
.result_top .step > div strong { font-size: 16px; font-weight: 600; line-height: 130%; } 
.result_top .step > div p { margin-top: 6px; font-size: 14px; font-weight: 500; line-height: 130%; word-break: keep-all; } 
.result_top .step_teeth { display: flex; align-items: center; justify-content: center; height: 224px; padding: 0; } 
.result_top .step_teeth > div:first-child img { width: 106px; height: 179px; margin-right: 0; border-radius: 6px; object-fit: cover; } 
.result_top .step_teeth > div + div { flex-flow: column; justify-content: center; margin-left: 34px; margin-top: 0; text-align: center; } 
.result_top .step_teeth > div + div img { width: 106px; height: 112px; margin-right: 0; border-radius: 6px; } 
.result_top .step_teeth > div + div strong { display: block; margin: 9.7px 0 4px; font-size: 14.6px; } 
.result_top .step_teeth > div + div p { font-size: 12px; } 

.detail_popup .score_box2.box_shadow { max-width: 821px; height: 156px; margin: 80px auto 0; padding: 26px 0; } 
.detail_popup .score_box2 p:before { top: 6px; } 
.score_box2.box_shadow { display:flex; align-items: center; justify-content: center; padding: 32px 0; } 
.score_box2 > span { color: #343434; font-size:32px; font-weight:600; white-space: nowrap; } 
.score_box2 span strong { margin-right: 6px; font-size:48px; vertical-align: -2px; font-weight: 600; } 
.score_box2 p { position:relative; margin-left: 40px; padding-left: 40px; font-size:18px; color:#737373; line-height: 1.5; } 
.score_box2 p br { display:none; } 
.score_box2 p:before { content:''; position: absolute; top: -7px; left: 0; width:1px; height:76px; background-color: #848484; } 
.score_box2 p strong { display:block; margin-bottom: 4px; color:#343434; font-weight:700; font-size:24px; line-height: 1.3; } 
.score_box2 p span { display: block; } 

.box_shadow { margin:0 0 30px; padding: 65px 70px; box-shadow: 0px 0px 36px 5px rgba(174, 174, 174, 0.16); border-radius: 15px; background-color: #fff; } 
.step.obesity > div { font-size: 18px; line-height: 130%; } 
.detail_result .tit {margin-bottom: 11px; font-size: 18px;  font-weight: 600; line-height: 130%;}
.detail_result { max-width: 375px; margin: -2px auto 0; } 
.detail_result .content-area > div:last-child { font-size:16px; } 
.patella_area .detail_result .img-area { align-items: flex-start; padding-top: 16px; } 
.detail_result .content-area > div:nth-of-type(2) { min-height: 150px; font-weight: 400; } 
.detail_result .content-area div.step {min-height: auto;}
.detail_result .step + .tit {margin-top: 26px;}
.detail_result .step > div {overflow: hidden; display: flex; align-items: center; color: #343434 !important; border-radius: 8px;} 
.detail_result .step > div + div { margin-top: 8px; } 
.detail_result .step > div div {flex: 1;}
.detail_result .step > div div span { font-weight: 500; } 
.detail_result .step > div img { display:block; width: 120px; height: 130px; object-fit: cover; margin-right: 18px; border-radius: 8px; } 
.detail_result .step.obesity > div img {width: 104px; height: auto; object-fit: inherit;} 
.detail_result .step > div strong {display: flex; align-items: center; margin: 2px 0 4px; font-size: 18px; font-weight: 600; } 
.detail_result .step.obesity > div strong {font-size: 24px;}
.detail_result .step > .good {background-color: #E7FFF9;}
.detail_result .step > .warn {background-color: #FFF8E1;}
.detail_result .step > .bad {background-color: #FFEFF2;}
.detail_result .step > .care {background-color: #FFEFE3;}
.detail_result .step .img {display: flex; align-items: center; justify-content: center; flex: none; width: 134px; height: 146px; margin-right: 20px; border-radius: 8px; background-color: #F5F5F5; box-shadow: 0px 0px 10.057px 0px rgba(0, 0, 0, 0.08);}
.detail_result .step .img span {width: 90px; height: 90px; border-radius: 50%; background-color: #fff;}
.detail_result .step .img img {width: 90px; height: 90px; margin: 0;}
.detail_result .step > .good > img, .detail_result .step > .warn > img, .detail_result .step > .bad > img {box-shadow: 0px 0px 11.207px 0px rgba(0, 0, 0, 0.08);}
.detail_result .step  strong span {height: 20px; margin-left: 4px; padding: 2px 6px; color: #fff !important; font-size: 12px; font-weight: 600; border-radius: 26px; line-height: 130%;}
.detail_result .step > .good strong span {background-color: #47DAB3;}
.detail_result .step > .warn strong span {background-color: #FFC530;}
.detail_result .step > .bad strong span {background-color: #F9708B;}
.detail_result .step > .care strong span {background-color: #FF9244;}
.detail_result .step > div p {padding-right: 5px; color: #666; font-size: 16px; line-height: 140%; word-break: keep-all;} 
.guide-area .patella_area .content-area > h5 {margin-bottom: 18px; font-size: 22px; line-height: 130%; } 
.guide-area .patella_area .detail_result .content-area h5 a img {width: 24px; vertical-align: -4px;}
.guide-area .patella_area .content-area .img-area { background-color: transparent; } 
.guide-area .patella_area .content-area .img-area .circle { box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.06); } 
.patella_time { flex-wrap: wrap; } 
.patella_time .inner { flex: 1 1 40%; height: 190px; padding: 32px 18px 32px 24px; background-color: #fff; border: 2px solid #EBEBEB; border-radius: 15px; margin-bottom: 14px; margin-right: 18px; } 
.patella_time .inner:nth-child(even) { margin-right: 0; } 
.patella_time .inner .price { display: flex; justify-content: flex-start; align-items: center; width: 100%; margin-top: 26px; } 
.patella_time .inner .price > p { display: flex; justify-content: flex-start; align-items: center; font-size: 18px; font-weight: 600; } 
.patella_time .inner .price > p img { vertical-align: top; margin-right: 11px; } 
.patella_time .inner .price > p:first-child img { width: 26px; } 
.patella_time .inner .price > p:last-child img { width: 24px; } 
.patella_time .inner .price > p + p { margin-left: 27px; } 
.patella_time .inner > div:nth-of-type(2) > p { margin-top: 16px; font-size: 16px; line-height: 1.5; } 

.veterinarian { max-width: 375px; margin: 50px auto 0; padding-bottom: 22px;} 
.veterinarian .inner_top {display: flex; align-items: center; height: 86px; padding: 0 0 0 23px; border-radius: 12px 12px 0 0; background-color: #D6E7FF;} 
.veterinarian .inner_top img {width: 56px; margin-right: 24px;}
.veterinarian .inner_top div strong {display: block; font-size: 18px; font-weight: 600; line-height: 150%;}
.veterinarian .inner_top div span {font-size: 16px; font-weight: 400; line-height: 130%;}
.veterinarian .inner_bottom {padding: 22px 16px 0;}
.veterinarian .inner_bottom .q {margin-bottom: 4px; font-size: 16px; font-weight: 600; line-height: 150%; }
.veterinarian .inner_bottom p {line-height: 150%;}
.veterinarian .inner_bottom p + .q {margin-top: 20px;}

.cara_price { margin-top: -100px; padding: 0 70px; } 
.patella_swiper { margin-bottom: 60px; padding: 0 70px 66px; /*border-radius: 0 15px 15px 0; */ background-color: #fff; } 
.guide_rolling { margin: 2px auto 0; overflow: hidden; max-width: 375px; padding-bottom: 32px; } 
.guide_rolling.web { display: none; } 
.guide_rolling .swiper-pagination { margin-top: 24px; } 

.question_area { display: flex; justify-content: space-between; margin-top: 24px; } 
.ai_check .question_area { flex-flow: column; justify-content: center; margin: 16px auto 0; max-width: 375px; } 
.question_area .left { width: 372px; height: 470px; padding-top: 55px; text-align: center; border-radius: 14px; background-color: #DBE9FF; } 
.question_area .left img { width: 180px; } 
.question_area .left strong { display: block; margin: 30px 0 8px; font-size: 32px; font-weight: 600; line-height: 1.5; } 
.ai_check .question_area .left strong, .counsel_list .question_area .left strong { margin: 9px 0 4px; font-size: 24px; } 
.question_area .left p { font-size: 20px; line-height: 1.3; } 
.ai_check .question_area .left p, .counsel_list .question_area .left p { font-size: 15px; } 
.question_area .right { width: 770px; } 
.question_area .consult__list {position: relative; display: flex;}
.question_area .consult__list li > a { height: 150px; } 
.question_area .consult__list > ul {width: 770px; margin-bottom: 56px;}
.examine-container .question_area .consult__list > ul {width: 100%; margin-top: 20px; margin-bottom: 0;}
.question_area .consult__list .detail__ .subject h1 {color: #494949; font-size: 18px; font-weight: 600; line-height: 130%;} 
.question_area .consult__list li {overflow: hidden; padding: 0 30px; border: 1px solid #EDEDED; border-radius: 10px; margin-bottom: 10px; } 
.examine-container .question_area .consult__list li {padding: 0; border: 0;}

.landing_customer .question_area .consult__list .detail__ .subject {margin: 8px 0 4px;}
.landing_customer .question_area .consult__list .detail__ .subject h1 {margin: 0;}
.ai_check .question_area .consult__list .detail__ .subject h1, .counsel_list .question_area .consult__list .detail__ .subject h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; max-width: 100%; margin: 8px 0 4px; font-size: 16px; font-weight: 600; } 
.question_area .consult__list .detail__ .desc { font-size: 16px; line-height: 140%; } 
.ai_check .question_area .consult__list .detail__ .desc, .counsel_list .question_area .consult__list .detail__ .desc {-webkit-line-clamp: 1;  width: 100%; height: auto; margin-bottom: 8px; color: #808080; font-size: 15px; } 
.question_area .consult__list .detail__ .view__ {position: relative; font-size: 14px; } 
.question_area .consult__list .detail__ .view__ span {padding-right: 8px; color: #6C6C6C;}
.question_area .right .consult__list .detail__ .subject .doct { font-size: 14px; } 
.question_area .consult__list .img__box { width: 146px; font-size: 16px; } 
.ai_check .question_area .consult__list .img__box {display: none;}
.ai_check .question_area .consult__list .detail__ {width: 100%; padding-right: 0; } 
.ai_check .consult__list .detail__ .subject, .counsel_list .consult__list .detail__ .subject { flex-flow: column; margin-bottom: 0;} 
.ai_check .consult__list .detail__ .subject > div, .counsel_list .consult__list .detail__ .subject > div { margin-bottom: 4px; font-size: 13px; }
.ai_check .consult__list .detail__ .subject .mobile__ {display: block; margin-bottom: 8px;}
.ai_check .consult__list .detail__ .subject .mobile__ span {display: inline-block; padding: 4px 6px; font-size: 12px; border-radius: 20px; background-color: #F4F4F8;}
.ai_check .consult__list .detail__ .subject .mobile__ span.point_color {background-color: #ECF4FF;}
.ai_check .question_area .consult__list li > a, .counsel_list .question_area .consult__list li > a { height: auto; padding: 0; border-radius: 16px; border: 0;} 
.counsel_list .question_area .consult__list {margin-top: 20px;}
.counsel_list .question_area .consult__list li {margin-bottom: 0;}
.counsel_list .question_area .consult__list .detail__ {padding-right: 0;}
.examine-container .question_area .consult__list li + li, .counsel_list .question_area .consult__list li + li { margin: 24px 0 0; border: 0;}
.counsel_list .question_area .consult__list li a {border: 0; box-shadow: 0px 0px 40.32px 5.6px rgba(174, 174, 174, 0.16);}
.examine-container .counsel_list .question_area .consult__list li a {height: auto; padding: 0; border: 0; box-shadow: none;}

.hospital { display: flex; position: relative; margin-bottom: 100px; } 
.hospital_inner { margin-top: 55px; margin-right: 195px; } 
.hospital_inner .title { margin-bottom: 10px; font-size: 32px; font-weight: 700; line-height: 27px; } 
.hospital_inner p { margin-right: 130px; font-size: 18px; line-height: 1.5em; } 

.guide_line .inner_wrap { display: flex; flex-wrap: wrap; margin-left: -30px; } 
.guide_line h5 { font-weight: 700; font-size: 32px; line-height: 130%; } 
.guide_line .inner { position: relative; display: flex; justify-content: center; flex-wrap: wrap; width: calc( (100% / 3) - 30px); height: 324px; margin:0 0 0 30px; padding: 0 32px; text-align: center; word-break: keep-all; border: 2px solid #EBEBEB; border-radius: 15px; background-color: #fff; } 
.guide_line .inner > div dl { position: absolute; top: 180px; left: 0; } 
.guide_line .inner:nth-child(1) { padding: 76px 0 0; } 
.guide_line .inner:nth-child(2) { padding: 79px 0 0; } 
.guide_line .inner:nth-child(3) { padding: 62px 0 0; } 
.guide_line .inner:nth-child(4) { padding: 70px 0 0; } 
.guide_line .inner:nth-child(5) { padding: 72px 0 0; } 
.guide_line .inner:nth-child(6) { padding: 87px 0 0; } 
.guide_line .inner:nth-child(1) dl { margin: 0 36px; } 
.guide_line .inner:nth-child(2) dl { margin: 0 28px; } 
.guide_line .inner:nth-child(3) dl { margin: 0 42px; } 
.guide_line .inner:nth-child(4) dl { margin: 0 30px; } 
.guide_line .inner:nth-child(5) dl { margin: 0 38px; } 
.guide_line .inner:nth-child(6) dl { margin: 0 25px; } 
.guide_line .inner dl dt { font-size: 20px; font-weight: 600; line-height: 1.5; } 
.guide_line .inner dl dd { margin-top: 6px; font-size: 18px; line-height: 1.6; } 
.guide_swiper .inner_wrap { flex-wrap: inherit; justify-content: flex-start;} 
.guide_swiper .swiper-slide { display: flex; flex-flow: column; } 
.guide_swiper .swiper-slide .inner { width: 100%; height: 127px; padding: 0 25px; align-items: center; background-color: #fff; } 
.guide_swiper .swiper-slide .inner + .inner {margin-top: 12px;}
.guide_swiper .swiper-slide .inner img { width: 66px; height: 66px; } 
.guide_swiper .swiper-slide .inner dl { flex: 1; text-align: left; margin: 0 0 0 12px; } 
.guide_swiper .swiper-slide .inner dl dd { margin-top: 4px; font-size: 16px; line-height: 140%; } 
.gradcam { display: none; } 
.teeth_guide ul { display: flex; flex-wrap: wrap; margin-left: -25px; } 
.teeth_guide ul li { display: flex; align-items: center; width: 570px; height: 190px; margin: 25px 0 0 25px; padding: 35px 55.5px; border-radius: 15px; border: 2px solid #EBEBEB; background-color: #fff; } 
.teeth_guide dl { margin-left: 20px; } 
.teeth_guide dt { margin-bottom: 6px; font-size: 20px; font-weight: 600; line-height: 150%; } 
.teeth_guide dd { color: #666; font-size: 18px; line-height: 160%; } 

.details_guide .guide_line { display: flex; flex-wrap: wrap; margin-left: -30px; } 
.details_guide .guide_line .inner { padding-top: 50px; } 
.details_guide .guide_line .inner > div dl { width: 100%; margin: 0; } 
.details_guide .guide_line .inner img { width: 120px; } 



@media(max-width: 767px) {
    .result_top { width: auto; height: auto; padding: 20px 20px 0; border-radius: 20px; } 
    .result_top .inner > img { order: 1; border-radius: 12px; width: 100%; } 
    .result_top h2 span { display: none; } 
    .result_top .left h2 { right: auto; top: 10px; left: 50%; width: 268px; margin-left: -134px; } 
    .result_top .left h2 a { right: 10px; } 
    .grad_swiper2 { padding: 0 0 40px; } 
    .grad_swiper2 .swiper-slide { width: 100%; height: 430px; text-align: center; } 
    .grad_swiper2 .swiper-pagination { margin-top: 12px; } 
    .grad_swiper2 img { width: 100%; height: 430px; object-fit: cover; } 
    .ai_check .grad_swiper2 .swiper-slide {height: 435px; text-align: center;}
    .result_top .step { display: none; } 
    .result_top .rig {margin: 0 0 15px; } 
    .result_top .rig dl dd { padding: 7px 0 0; height: auto; border: 0; } 
    .result_top .rig dl dd p { margin-left: 13px; padding-left: 13px; font-size: 14px; } 
    .result_top .rig dl dd strong { width: 83px; font-size: 16px; } 
    .result_top .rig dl dd strong.dislocation { width: 88px; } 
    .result_top .rig dl dd strong span { font-size: 24px; } 
    .result_top .rig dl dd > strong span.scoreNum { font-size: 32px; } 
    .result_top .rig dl dd > strong em { font-size: 20px; } 
    .result_top .rig dl dd p::before { top: 5px; } 
    .result_top .rig dl dd p strong { display: block; width: auto; margin-bottom: 6px; font-size: 16px; font-weight: 700; line-height: 130%; } 
    .result_top .mobile-items { order: 4; } 
    .result_top .mobile-items a { width: 212px; margin: 0 auto; } 
    .ai_check .result_section .mobile-items a { z-index: 10002; position: fixed; top: 12px; right: 20px; width: 22px; height: 23px; text-indent: -9999px; border: 0; border-radius: 0; background: url(https://img.lifet.co.kr/icon/share_icon.png) no-repeat; background-size: 22px; } 
    .result_top .gradPop { left: auto; right: 0; top: 40px; width: 276px; margin: 0; padding: 16px; } 
    .result_top .gradient { order: 2; position: static; flex-direction: inherit; width: 100%; font-size: 12px; } 
    .result_top .gradient .graph { width: calc(100% - 12px); height: 12px; margin: 0 6px; background:linear-gradient(90deg, #1B1C7A 10%, #201ACE 21.35%, #4A9AA0 32.71%, #81F957 50.98%, #F3B947 81.25%, #EE0F0F 100%); } 
    .result_top .gradPop .gradient .graph { height: 10px; } 
    .result_top .gradPop dl dt { margin-bottom: 12px; font-size: 16px; } 
    .result_top .gradPop dl dd p { margin-top: 7px; font-size: 14px; line-height: 130%; } 
    .result_top .gradPop.teeth { width: 276px; padding: 16px; } 
    .result_top .gradPop.obesity { width: 304px; height: 207px; } 
    .result_top .gradPop.teeth dl dd p { margin-top: 7px; } 
    .result_top .gradPop.teeth dl dd p span { display: none; } 
    .result_top .gradPop button { width: 20px; height: 20px; top: 10px; right: 10px; background-size: 20px; } 
    .question_area .consult__list .detail__ { padding-right: 0; } 
    .result_top .inner .img { order: 3; max-height: 415px; height: auto; margin-top: 12px; } 
    .result_top .inner .img img { width: 246px; max-height: 415px; } 
    #container > .section-wrap > .section-inner.patella_area { margin: 0; } 
    .guide-area .patella_area .content-area > h5 + div { width: 100%; order: 1; font-size: 16px; } 
    .ai_check .detail_result .content-area > div:nth-of-type(2) { order: 0; margin: 20px 0 10px; } 
    .score_box2 img { display: none; } 
    .score_box2 span { font-size: 24px; } 
    .score_box2 span strong { font-size: 36px; } 
    .score_box2.box_shadow { padding: 26px 20px; justify-content: left; } 
    .score_box2 p { margin-left: 20px; padding-left: 20px; font-size: 14px; line-height: 1.3; } 
    .score_box2 p br { display:block; } 
    .score_box2 p:before { height: 48px; top: 4px; } 
    .score_box2 p strong { font-size: 16px; } 
    .box_shadow { padding: 30px 16px 40px; } 

    .patella_swiper { /*overflow: hidden; */ margin-right: -20px; margin-bottom: 16px; padding: 0; background: transparent; } 
    .patella_rolling { margin: 0 -20px; overflow: hidden; padding-left: 20px; } 
    .sample_pop #sample_pic { position: absolute; align-items: flex-start; } 
    .guide_rolling { display: block; max-width: 100%; margin: -10px 20px 0; padding: 0 0 28px; } 
    .ai_check .guide_rolling { margin: 0;} 
    .detail_result { overflow: hidden; max-width: 100%; } 
    .mobile_pop .detail_result {padding-top: 30px;}
    .mobile_pop.up .detail_result {padding-top: 84px;}
    .ai_check .detail_result { margin-bottom: 0; padding-bottom: 0; border-radius: 0; } 
    .detail_result .step { display: block; margin: 20px 0 0; } 
    .detail_result .step > div { display: flex; align-items: center; width: 100%; margin: 0; text-align: left; } 
    .detail_result .step > div + div { margin-top: 14px; } 
    .detail_result .step > div > div { word-break: break-all; } 
    .detail_result .step > div img { width: 130px; margin-right: 16px; } 
    .detail_result .content-area .img-area { display: none; } 
    .detail_result .step > div strong { margin: 2px 0 4px; font-size: 20px !important;} 
    .detail_result .step > div p { line-height: 1.3; font-size: 15px;} 
    .detail_result .content-area { display: flex; flex-wrap: wrap; } 
    .guide-area .patella_area .detail_result .content-area h5 { order: 0; width: 100%; margin-bottom: 0; } 
    .detail_result .content-area > div:nth-of-type(2) { order: 2; min-height: auto; margin: -20px 0 0; font-size: 15px; word-break: keep-all; } 
    .detail_result .step.teeth > div { margin-bottom: 10px; } 
    .detail_result .step.teeth > div img { width: 120px; height: 130px; } 
    .veterinarian {max-width: 100%; margin-top: 40px;}
    .veterinarian .inner { margin-bottom: 18px; padding: 20px 25px; border-radius: 10px; } 
    .veterinarian .inner .tit { font-size: 18px; } 
    .veterinarian .inner p span { padding: 6px 14px; font-size: 14px; } 
    .veterinarian .inner_bottom {padding: 16px 14px 0;}
    .cara_price { margin: 0; padding: 0; } 
    #container.ai_check .total_banner .section-inner { padding: 23px 0 22px 37px; } 
    .patella_time { flex-wrap: inherit; } 
    .patella_time .inner { flex: none; width: 270px; padding: 26px 30px; border-radius: 10px; } 
    .patella_time .inner > div:nth-of-type(2) > p { font-size: 14px; } 
    .patella_time .inner .price > p:first-child img { width: 17px; } 
    .patella_time .inner .price > p:last-child img { width: 16px; } 
    .patella_time .inner .price > p { font-size: 14px; } 
    .patella_time .inner .price { margin-top: 17px; justify-content: space-between; } 
    .patella_time .inner .price > p + p { margin-left: 0; }

    .question_area { display: block; margin-top: 20px; } 
    .ai_check .question_area { margin: 0; max-width: 100%;} 
    .question_area .left, .counsel_list .question_area .left { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; width: auto; height: 153px; padding: 21px 0 22px; text-align: left; } 
    .question_area .left div { order: 0; margin-right: 18px; } 
    .question_area .left .img { order: 1; margin: 0;}
    .counsel_list .question_area .left > img {width: 110px; margin-left: 0;}
    .question_area .left strong, .counsel_list .question_area .left strong { margin: 0 0 5px; font-size: 21px; } 
    .ai_check .question_area .left strong { font-size: 21px; } 
    .question_area .left p, .ai_check .question_area .left p { margin-right: 5px; font-size: 14px; } 
    .question_area .right { width: auto; } 
    .question_area .consult__list > ul {width: 100%; margin-bottom: 15px;}
    .question_area .consult__list li + li {margin: 16px 0 0; padding: 16px 0 0;}
    .question_area .consult__list li > a {height: auto; padding: 0; border: 0;}
    .question_area .consult__list .detail__ .subject h1 { font-size: 16px; } 
    .question_area .consult__list .detail__ .desc { font-size: 14px !important; } 
    .question_area .consult__list .detail__ .subject .doct, .question_area .consult__list .detail__ .view__ { font-size: 13px; line-height: 130%;}
    .question_area .consult__list .detail__ .view__ span {padding-right: 6px;}
    .ai_check .question_area .consult__list li > a, .question_area .consult__list li > a { height: auto !important; padding: 0; border-radius: 10px;} 
    .ai_check .question_area .consult__list li + li {padding-top: 0;}
    .question_area .consult__list li { margin: 0; padding: 0; border: 0; border-radius: 0;} 
    .question_area .consult__list li:nth-child(3) { display: none; }
    .landing_customer .consult__list > ul li + li { border-top: 1px solid #E9E9E9;}

    .guide_line h5 { margin-bottom: 11px; font-size: 20px; } 
    .guide_line h5 { margin-bottom: 22px; } 

    .hospital { flex-wrap: wrap; align-items: center; justify-content: space-between; text-align: center; margin: 8px 0 40px 0; padding: 28px 23px 18px 24px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; } 
    .hospital > img { max-width: 314px; } 

    .guide_line { overflow: hidden; } 
    .guide_line .inner > div dl { top: 100px; } 
    .guide_line h5 span, .examineTotal-area .title h1 span { display: block; } 
    .guide_line .guide_swiper .inner { flex-flow: nowrap; align-items: center; width: 100%; height: 116px; margin:  0; padding: 0 24px !important; border-radius: 10px; } 
    .guide_swiper .swiper-slide .inner + .inner {margin-top: 8px;}
    .guide_swiper .swiper-slide .inner img { width: 60px; height: 60px; } 
    .guide_swiper .swiper-pagination { margin-top: 20px; } 
    .guide_line .guide_swiper .inner dl { margin-left: 10px !important; text-align:left; } 
    .guide_line .guide_swiper .inner dl dd { padding: 0; } 
    .guide_line .inner_wrap { margin-left: 0; flex-wrap: inherit; } 
    .guide_line .inner img { width:63.5%; } 
    .guide_line .inner dl dt { font-weight: 700; font-size: 16px; } 
    .guide_line .inner dl dd { margin-top: 4px; padding: 0 26px; color: #666; font-size: 14px; font-weight: 400; line-height: 1.4; } 
    .guide_line .inner:nth-child(1) { padding: 37px 0 0; } 
    .guide_line .inner:nth-child(2) { padding: 41px 0 0; } 
    .guide_line .inner:nth-child(3) { padding: 30px 0 0; } 
    .guide_line .inner:nth-child(4) { padding: 30px 0 0; } 
    .guide_line .inner:nth-child(5) { padding: 41px 0 0; } 
    .guide_line .inner:nth-child(6) { padding: 44px 0 0; } 
    .guide_line .inner:nth-child(1) dl { margin: 0; } 
    .guide_line .inner:nth-child(2) dl { margin: 0; } 
    .guide_line .inner:nth-child(3) dl { margin: 0; } 
    .guide_line .inner:nth-child(4) dl { margin: 0; } 
    .guide_line .inner:nth-child(5) dl { margin: 0; } 
    .guide_line .inner:nth-child(6) dl { margin: 0; } 
    .weight_guide {margin-top: 0; margin-bottom: 40px;}

    .details_guide .guide_line { flex-flow: column; margin-top: 12px; } 
    .details_guide .guide_line .inner { justify-content: flex-start; width: auto; height: 116px; margin-top: 8px; padding: 28px 22px; } 
    .details_guide .guide_line .inner img { width: 60px; } 
    .details_guide .guide_line .inner > div dl { width: auto; top: 50%; left: 92px; text-align: left; transform: translateY(-50%); } 
    .details_guide .guide_line .inner dl dd { padding: 0 22px 0 0; word-break: break-word; } 
    .details_guide .guide_line .inner dl dd br { display: none; } 

    .gradcam { display: block; position: relative; order: 4; margin: 10px 0 18px; padding-left: 18px; font-size: 13px; font-weight: 600; line-height: 1.5; color: #6992DE; text-align: center; background: url(https://img.lifet.co.kr/icon/danger.png) no-repeat left 2px; background-size: 15px; } 
    .gradcam::after { content:''; position: absolute; right: 0; bottom: 1px; width: 128px; height: 1px; background-color: #6992DE; } 

    .result_top .inner > dl { display: none; } 
    #gradcam_pop dl { order: 3; position: static; width: auto; } 
    #gradcam_pop dl dt { font-size: 16px; margin: 0; padding: 0 0 10px; text-align: center; font-weight: 600; line-height: 1.3; } 
    #gradcam_pop dl dd { font-size: 15px; line-height: 1.5; text-align: left; } 
    #gradcam_pop .content-area { padding: 28px 24px; } 
    #detail_pop .content-area .closer { top: 10px; right: 10px; } 
    #gradcam_pop .content-area .closer { top: 10px; right: 10px; background-size: 18px; } 
    #gradcam_pop dl dd p { margin-bottom: 8px; padding-left: 24px; background: url(https://img.lifet.co.kr/patella/check.svg) no-repeat left 4px; } 

    #sample_pic .content-area .closer { top: 10px; right: 10px; }
    .other_floting a { z-index: 10000; position: fixed; left: 0; bottom: 0; width: 100%; display: block; padding: 16px 20px; color: #fff; font-size: 20px; font-weight: 600; line-height: 150%; text-align: center; background-color: #343434; } 
    .other_floting a::after { content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 2px; vertical-align: top; margin-top: 4px; background: url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat; background-size: 20px; }
}

.result_top .rig.eyes dl dd > strong {width: 116px;}
.result_top .rig.eyes dl dd > strong em {color: inherit; font-size: 20px;}
.result_top .rig.eyes dl dd > strong span.scoreNum {font-size: 30px;}
.result_top .rig.eyes dl dd > strong span:first-child {font-size: 16px; font-weight: 700; line-height: 130%;}
.result_top.eyes {height: 480px;  padding: 20px 0 0;}
.result_top.eyes .tit {display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 600; line-height: 120%;}
.result_top.eyes .tit img {width: 24px; margin-left: 2px;}
.eyes_result {display: flex; justify-content: center; margin-top: 23px;}
.eyes_result .eyes_inner {text-align: center; word-break: keep-all;}
.eyes_result .eyes_inner > span {font-size: 15px; font-weight: 600; line-height: 130%;}
.eyes_result .eyes_inner, .eyes_result .eyes_inner .img {width: 145px; height: 224px;}
.eyes_result .eyes_inner .img {margin-top: 12px; margin-bottom: 19px;}
.eyes_result .eyes_inner .img img {width: 145px; height: 224px; object-fit: cover;}
.eyes_result .eyes_inner + .eyes_inner {margin-left: 5px;}
.eyes_result .eyes_inner .percent {font-size: 16px; font-weight: 700; line-height: 130%;}
.eyes_result .eyes_inner .percent strong {display: block; font-size: 24px; font-weight: 700; line-height: 130%;}
.eyes_result .eyes_inner .percent strong em {font-size: 20px;}
.eye_info {max-width: 550px; padding: 24px 28px 0; text-align: left;}
.eye_info .tit {color: #000; font-size: 16px; font-weight: 500; line-height: 130%;}
.eye_info ol {display: flex; justify-content: center; margin: 20px 0 30px;}
.eye_info ol .img {width: 70px; height: 70px; margin-bottom: 12px; border-radius: 50%; border: 1px solid #DEDEDE;}
.eye_info ol .img img {width: 100%;}
.eye_info ol li {display: flex; justify-content: center; align-items: center;  flex-flow: column;text-align: center;}
.eye_info ol li + li {margin-left: 47px;}
.eye_info ol li span {display: inline-block; padding: 2px 6px; color: #fff; font-size: 12px; font-weight: 600; line-height: 130%; border-radius: 26px;}
.eye_info ol li span.good {background-color: #47DAB3;} 
.eye_info ol li span.warn {background-color: #FF9244;} 
.eye_info ol li span.bad {background-color: #F9708B;} 
.eye_info ol li strong {display: block; margin-top: 4px; font-size: 16px; font-weight: 600; line-height: 130%;}
.eye_info ol li strong br {display: none;}
.eye_info dl dt {margin-bottom: 8px; color: #000; font-size: 16px; font-weight: 500; line-height: 130%; }
.eye_info dl dd {margin-bottom: 24px; padding: 12px; border-radius: 8px; background-color: #F5F5F5;}
.eye_info dl dd p {color: #000; line-height: 150%;}
.eye_info dl dd p + p {margin-top: 30px;}

@media(max-width: 767px) {
    .result_top.eyes {margin: 0 -10px;}
    .eye_info { overflow-y: auto; height: calc(100svh - 140px); padding: 0 20px 0;}
    .eye_info ol {justify-content: space-between; align-items: flex-start; margin: 10px 0 14px; }
    .eye_info ol li strong br {display: block;}
    .eye_info ol li + li {margin-left: 0;}
    .eye_info dl dd p + p {margin-top: 20px;}
    .ai_check .detail_result.eye .content-area .tit + .step  {margin: 0;}
    .detail_result .step + .tit {margin: 24px 0 10px; font-size: 16px;}
    .guide-area .patella_area .detail_result.eye .content-area h5 {margin-bottom: 20px;}
    .detail_result.eye .content-area h5 +.tit {order: inherit;}
    .detail_result .step .img {width: 120px; height: 130px;}
    .detail_result.eye .step > div strong {font-size: 18px !important;}
    .detail_result.eye .step > div p {font-size: 14px;}
    .result_top .rig.eyes dl dd > strong {width: 87px;}
    .result_top .rig.eyes dl dd > strong span.scoreNum {font-size: 24px;}
}

/*chart*/
.chart-inner { background-color: #fff; 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); border-radius: 15px;display: flex; justify-content: flex-start; align-items: center; } 
.chart-inner hr { margin: 0; width: 0; height: 320px; border: none; border-left: 2px solid rgba(0, 0, 0, 0.1); } 
.ai_check .chart-inner hr { width: 100%; height:0; margin: 30px 0; border-bottom: 1.5px solid rgba(0, 0, 0, 0.1); } 
.lifet-chart { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: column; pointer-events: none; } 
.lifet-chart .chart__ { position: relative; width: 100%; display: flex; justify-content: flex-end; align-items: flex-start; flex-flow: column; flex-grow: 1; } 

.ai_check .lifet-chart .canvas__ .value__ .bar__ > div { width: 42px; } 
.average-area .lifet-chart .canvas__ .value__ {padding-top: 25px;}
#container .average-area .lifet-chart .canvas__ .value__ .bar__ > div { background: #D0E3FF; } 

/* 건강점수 차트 */
.examineTotal-area .chart-inner { padding: 64px 77px; margin: 24px 0; } 

/* 평균 차트 */
.average-area .lifet-chart .grideLine__ i:before { border-width: 2px; } 
.lifet-chart .canvas__ .value__ .bar__ { font-size: 20px; font-weight: 500; color: rgba(52, 52, 52, 0.6); } 
.average-area .lifet-chart .canvas__ .value__ .bar__ { color: rgba(52, 52, 52, 0.6) !important; } 
.average-area .lifet-chart .canvas__ .value__ .bar__:first-child { color: #3884F2 !important; } 
.average-area .lifet-chart .canvas__ .value__ .bar__:first-child { color: #3884F2; font-weight: 700; } 
#container .average-area .lifet-chart .canvas__ .value__ .bar__:first-child > div { background: -webkit-gradient(linear,left top,left top,from(#68A5FE),color-stop(208%,#FFFFFF)); background: -webkit-linear-gradient(top,#68A5FE, #FFFFFF 203.18%); background: -moz- oldlinear-gradient(top,#68A5FE, #FFFFFF 203.18%); background: -o-linear-gradient(top,#68A5FE, #FFFFFF 203.18%); background: linear-gradient(to top,#68A5FE, #FFFFFF 203.18%); } 
.average-area .lifet-chart .yAxes__ > div {flex: 1; font-size: 14px;  font-weight: 500; line-height: 130%; text-align: center;} 
.average-area .rank-area { width: 440px; height: 100%; flex-shrink: 0; display: flex; justify-content: center; align-items: center; flex-flow: column; } 
.average-area .rank-area li { width: 100%; padding-left: 60px; padding-right: 70px; display: flex; justify-content: space-between; align-items: center; } 
.ai_check .average-area .rank-area li { display: flex; justify-content: space-between; padding: 0; } 
.average-area .rank-area li + li { margin-top: 55px; } 
.ai_check .average-area .rank-area li + li { margin-top: 20px; } 
.average-area .rank-area span { font-size: 20px; line-height: 1.3em; color: rgba(52, 52, 52, 0.8); } 
.ai_check .average-area .rank-area span { font-size: 18px; } 
.ai_check .average-area .rank-area span:last-child { font-size: 24px; } 
.average-area .rank-area .percent { font-size: 28px; font-weight: 700; line-height: 1.3em; color: #4C95FF; } 


/* BCS */
#container > .BCS-area { padding: 100px 0; } 
.BCS-area h5 { font-size: 32px; font-weight: 700; line-height: 1.3em; margin-bottom: 24px; } 
.BCS-area h5 br { display: none; } 
.BSC_inner { margin-top: 16px;} 
.BSC_inner .inner_sub {display: flex; align-items: center; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #D9D9D9;}
.BSC_inner > div:last-child { margin-right: 0; } 
.BSC_inner .weight { flex-flow: column; width: 176px; margin-left: 18px; font-weight: 400; font-size: 20px; }
.BSC_inner .weight > span {font-size: 16px; line-height: 130%;}
.BSC_inner .weight img { margin-bottom: 10px; } 
.BSC_inner .weight p:nth-last-of-type(2) {margin: 5px 0 4px; font-size: 20px; font-weight: 500;}
.BSC_inner .weight p:last-child { font-size: 20px; font-weight: 700; line-height: 130%;}
.BSC_inner .weight p:last-child em {font-size: 24px;}
.BSC_inner .weight.lv01, .BSC_inner .weight.lv05, .weight_rig .bcs_area .inner.lv01, .weight_rig .bcs_area .inner.lv05 { color: #BA4241; } 
.BSC_inner .weight.lv01 img, .BSC_inner .weight.lv05 img { width: 86px; } 
.BSC_inner .weight.lv03, .weight_rig .bcs_area .inner.lv03 { color: #00A77B; } 
.BSC_inner .weight.lv03 img { width: 66px; } 
.BSC_inner .weight.lv02, .BSC_inner .weight.lv04, .weight_rig .bcs_area .inner.lv02, .weight_rig .bcs_area .inner.lv04 { color: #FFB800; } 
.BSC_inner .weight.lv02 img, .BSC_inner .weight.lv04 img { width: 75px; } 
.BSC_inner .imgBox {display: flex; align-items: center; justify-content: center; width: 95px; height: 95px; border-radius: 7px; background-color: #FFAEBE; border: none; } 
.BSC_inner .imgBox img {max-width: 86%; max-height: 86%;}
.BSC_inner .imgBox.lv01, .BSC_inner .imgBox.lv05, .weight_rig .bcs_area .inner .imgBox.lv01, .weight_rig .bcs_area .inner .imgBox.lv05 { background-color: #F9708B; } 
.BSC_inner .imgBox.lv02, .BSC_inner .imgBox.lv04, .weight_rig .bcs_area .inner .imgBox.lv02, .weight_rig .bcs_area .inner .imgBox.lv04 { background-color: #FFCE50; } 
.BSC_inner .imgBox.lv03, .weight_rig .bcs_area .inner .imgBox.lv03 { background-color: #47DAB3; } 
.BSC_inner .tipBox { width: 293px; font-size: 18px; padding: 0 42px; } 
.BSC_inner .tipBox em { color: #BA4241; font-weight: 600; line-height: 1.3em; } 
.BSC_inner .tipBox div:nth-child(2) { width: 100%; font-size: 34px; padding: 14px; margin-bottom: 14px; border-bottom: 1px solid #BA4241; text-align: center; } 
.BSC_inner .tipBox div:last-child { font-size: 20px; } 
.BSC_inner .tipBox div:last-child em { font-size: 28px; } 


.bsc_new {padding: 24px;}
.veterinarian .bsc_new {padding: 36px 24px 0;}
.section_round.bsc_new + .section_round.bsc_new {margin-top: 12px; margin-bottom: 70px;}
.bsc_new .title {display: flex; align-items: center;}
.bsc_new .title button {width: 20px; height: 20px; margin-left: 7px; text-indent: -9999px; border: 0; cursor: pointer; background: url(https://img.lifet.co.kr/icon/danger.png) no-repeat; background-size: 20px;}
.bsc_new .inner02 { width: 100%; min-height: 100%; display: flex; box-shadow: none; background-color: transparent; } 
.bsc_new .inner02 > div { display: flex; align-items: center; }
.bsc_new .inner02 > div + div {margin-left: 44px;}
.bsc_new .inner02 > div > span { display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; margin-right: 8px; border-radius: 50%; background-color: #F5F5F5; } 
.bsc_new .inner02 > div > span img {max-width: 38px;}
.bsc_new .inner02 > div p span { display: block; margin-bottom: 2px; color: #666; font-size: 18px; font-weight: 500; line-height: 130%; } 
.bsc_new .inner02 > div p strong { font-size: 26px; font-weight: 600; line-height: 130%; } 
.bsc_new .inner03 { display: flex; justify-content: center; align-items: center; flex-direction: column; flex: 1;} 
.bsc_new .inner03 p {display: flex; flex-wrap: wrap; justify-content: center; text-align: center; } 
.bsc_new .inner03 span { display: inline-block; margin: 4px 2px; padding: 6px 12px; font-size: 15px; font-weight: 500; line-height: 150%; border-radius: 34px; background-color: #F4F4F4; } 
.bsc_new .inner03 .tit { margin-bottom: 8px; font-size: 20px; font-weight: 600; line-height: 130%; } 
.bsc_new .flex__ .weight p:last-child { font-size: 32px; } 
.bsc_new .help_pop {left: 0; top: 60px;}
.bsc_new .help_pop .tit {font-size: 16px;}

.nutrition_guide h6 { margin-top: 20px; font-size: 28px; font-weight: 600; line-height: 130%; } 
.nutrition_info { display: flex; margin: 14px 0; padding: 18px 30px; border-radius: 10px; background-color: #F2F6FC; } 
.nutrition_info > img { width: 56px; height: 56px; margin-right: 20px; border-radius: 50%; object-fit: cover; } 
.nutrition_info dl dt { margin-bottom: 2px; font-size: 20px; font-weight: 600; line-height: 150%; } 
.nutrition_info dl dt span { margin-left: 4px; padding: 2px 8px; color: #68A5FE; font-size: 16px; font-weight: 600; line-height: 130%; border: 1px solid #68A5FE; border-radius: 60px; } 
.nutrition_info dl dd { font-size: 18px; line-height: 140%; } 

#container.details_examine .section-wrap.low_banner { position: relative; height: 279px; padding: 0; background-color: #FBB9B9; } 
.low_banner p { margin-bottom: 5px; margin-left: 161px; padding-top: 105px; color: #fff; font-size: 30px; font-weight: 600; line-height: 130%; } 
.low_banner p br { display: none; } 
.low_banner a { margin-left: 161px; padding-right: 18.6px; color: #fff; font-size: 20px; font-weight: 600; line-height: 130%; background: url(https://img.lifet.co.kr/icon/arrow_right_w.svg) no-repeat right center; background-size: 18px; } 
.low_banner img { position: absolute; top: 27px; right: 250px; width: 198px; } 
.low_banner span { color: #EA4545; } 


/* profile card */
.profile-card { display: flex; justify-content: flex-start; align-items: center;height: 302px; background-color: #fff; border-radius: 15px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); overflow: hidden; } 
.profile-card + .profile-card { margin-top: 36px; } 
.profile-card > section { height: 100%; padding-bottom: 36px;} 
.details_examine .profile-detail{flex-grow: inherit; width: 100%; height: auto; padding: 0 24px;} 
.profile-simply { position: relative; width: 200px; padding-top: 28px; flex-shrink: 0;display: flex; flex-flow: column; justify-content: space-between; align-items: center; } 
.profile-simply .trigger { position: absolute; top: 0; left: 0; margin: 16px; width: 20px; height: 20px;background-image: url(https://img.lifet.co.kr/icon/dot.svg); background-repeat: no-repeat; background-size: cover; cursor: pointer; z-index: 1; }
.profile-simply .name {width: 180px; font-size: 26px; font-weight: 700; line-height: 1.2em; margin-bottom: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis;}
.details_examine .profile-simply .name {position: absolute; top: 32px; left: 156px; width: auto; font-size: 24px;}
.details_examine #myProfile .profile-simply .img {position: absolute; top: 28px; left: 32px; width: 92px; height: 92px;}
.profile-simply .img { position: relative; width: 120px; height: 120px; margin: 0 auto 20px; text-align: center; overflow: hidden; border-radius: 50%; isolation: isolate; } 
.profile-simply .img.default { border: 2px solid #fff; } 
.profile-simply .img img { /*position: absolute; left: 0; bottom: 0; width: 100%; */ width: 118px; height: 118px; border-radius: 50%; object-fit: cover; isolation: isolate; } 
.details_examine #myProfile .profile-simply .img img {width: 92px; height: 92px;}
.details_examine .profile-simply .profile-tag:nth-of-type(1) {width: auto; position: absolute; top: 70px; left: 156px;}
.details_examine .profile-simply .profile-tag:nth-of-type(2) {width: auto; position: absolute; top: 94px; left: 156px;}
.details_examine .profile-simply .profile-tag li + li::before { content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 7px; vertical-align: 3px; border-radius: 50%; background-color: #595A5D;}
.profile-simply .profile-tag { justify-content: center; } 
.profile-simply .profile-tag li { font-size: 16px; font-weight: 400; padding: 0; line-height: 1.5em; border-radius: 0; opacity: 0.8; background-color: transparent;} 
.profile-simply .profile-tag li.mobile__ { display: none; } 
.profile-detail { flex-grow: 1; } 

.profile-detail .notfound { display: flex; flex-flow: column; align-items: center; justify-content: center; text-align: center;height: 100%; padding-bottom: 12px;font-size: 14px; line-height: 1.3em; color: #737373; } 
.profile-detail .notfound h5 { font-size: 20px; line-height: 1.5em; margin-bottom: 8px; color: #343434; } 
.profile-detail .notfound p { } 

.profile-simply .profile-tag.color01 li,
.profile-detail-layer .profile-tag.color01 li { background-color: #F6C7D5; } 
.profile-simply .profile-tag.color02 li,
.profile-detail-layer .profile-tag.color02 li { background-color: #F7CB9F; } 
.profile-simply .profile-tag.color03 li,
.profile-detail-layer .profile-tag.color03 li { background-color: #BEDEA3; } 
.profile-simply .profile-tag.color04 li,
.profile-detail-layer .profile-tag.color04 li { background-color: #9CE2E3; } 
.profile-simply .profile-tag.color05 li,
.profile-detail-layer .profile-tag.color05 li { background-color: #B5B8F0; } 
.profile-simply .profile-tag.color06 li,
.profile-detail-layer .profile-tag.color06 li { background-color: #E1D4F6; } 

.profile-ticket { display: flex; justify-content: center; align-items: center; text-align: center; flex-flow: column; width: 156px; flex-shrink: 0;font-size: 16px; font-weight: 700; line-height: 1.2em; color: #68A5FE;background-image: url(https://img.lifet.co.kr/icon/Line.png); background-repeat: no-repeat; background-position: left center; } 
.profile-ticket img { margin-bottom: 13px; } 

.profile-detail { display: flex; justify-content: center; align-self: center; flex-flow: column; padding: 0 28px; padding-left: 22px; } 
.profile-detail .title { display: flex; justify-content: center; align-items: flex-end; flex-flow: wrap; font-size: 12px; line-height: 1.5em; color: #737373; margin-bottom: 10px; } 
.details_examine .profile-detail .title {justify-content: center; margin-bottom: 16px;}
.profile-detail .title div span { line-height: 1; } 
.profile-detail .title > div { display: flex; justify-content: flex-start; align-items: flex-end; } 
.profile-detail .title > div:last-child { display: none; } 
.profile-detail .title h5 { font-size: 20px; font-weight: 600; color: #343434; } 
.profile-detail .title .more { font-weight: 700; font-size: 12px; line-height: 14px; color: #68A5FE; } 
.total_examine .profile-detail .detail > div {width: 100%;}
.profile-detail #circleChart { width: 100%; height: auto; margin: 0 0  -4px; padding: 0;} 
.profile-detail #circleChart .circle-chart { width: 54px; height: 54px; margin-bottom: 8px; } 
.profile-detail #circleChart .circle-chart .img img { max-width: 30px; } 
.profile-detail #circleChart .circle-chart_lable span { font-size: 14px; line-height: 130%; } 
.profile-detail #circleChart .circle-chart_lable span:last-child { font-weight: 600;  } 
.profile-detail #circleChart ul {justify-content: center;}
.profile-detail #circleChart ul li { width: 80px; height: 80px; text-align: center; } 
.profile-detail #circleChart ul li + li {margin-left: 12px;}

.profile-detail .detail .info { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; color: #737373; font-size: 12px; } 
.profile-detail .detail .point { width: 80px; height: 62px; padding: 16px 10px; background-color: #EAF0F9; border-radius: 6px; text-align: center; font-size: 24px; font-weight: 600; color: #343434; } 
.profile-detail .detail b { color: #68A5FE; } 


/* 프로필 생성 */
.bg-section { min-height: 100%; /*background-image: url(https://img.lifet.co.kr/visual/profile-bg.png); */
background-position: right -40px bottom 109px; background-repeat: no-repeat; background-attachment: fixed; } 

.background-selector { display: flex; justify-content: space-between; align-items: center; } 
.background-selector li { width: 35px; height: 35px; border-radius: 20px; border: 5px solid #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); cursor: pointer; } 

.profile-info .check-area, .medical_historyModify .check-area { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 12px; } 
.profile-info .check-area .checkbox { width: 110px; } 
.profile-info .check-area .checkbox input { height: 100%; } 


/* 등록 완료 */
.profile-tag { display: flex; justify-content: center; flex-flow: wrap; align-self: center; } 
.profile-tag li { color: #343434; background-color: #EAF0F9; border-radius: 17px; 
font-size: 16px; font-weight: 600; line-height: 1.4em; padding: 6px 13px; margin-bottom: 5px; } 
.profile-tag li + li { margin-left: 6px; } 

/* 건강검진 */
.checkup-wrap { position: relative; max-width: 920px; margin: 0 auto; padding: 0 45px; } 
.checkup-wrap .checkup-tool { position: absolute; top: -33px; right: 123px; 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: 30px; z-index: 100; } 

.checkup-wrap .quiz-area { max-width: 564px; margin: 0 auto; text-align: center; } 
.checkup-wrap .btn-area { max-width: 632px; margin: 0 auto; margin-top: 80px; display: flex; justify-content: center; align-items: center; } 
.checkup-wrap .btn-area .btn-prev { width: 188px; margin-right: 10px; color: #5B5B5B; border: 0; background-color: #EAEAEA; } 
.checkup-wrap .btn-area .btn-next { width: 268px; color: #fff; border: 0; background-color: #68A5FE; } 
.checkup-wrap .btn-area .btn-prev:active { background-color: #E1E1E1; } 
.checkup-wrap .btn-area .btn-next:active { background-color: #5492ED; } 
.checkup-wrap .btn-area .btn.disabled { color: #A0A0A0; border-color: currentColor; } 
.checkup-wrap .btn-area .btn.disabled:hover { color: #A0A0A0; border-color: currentColor; background-color: #fff; cursor: default; } 
.quiz-area .head { margin-bottom: 18px; text-align: center; } 
.quiz-area .head img { width: 60px; } 
.quiz-area .head h5 { margin-top: 8px; font-size: 24px; font-weight: 500; margin-bottom: 6px; } 
.quiz-area .head p { font-size: 20px; color: #737373; } 
.quiz-area progress { width: 446px; height: 6px; margin: 0 auto; background-color: #fff; border-radius: 9px; } 
.quiz-area progress::-webkit-progress-bar { background-color: #ddd; border-radius: 6px; } 
.quiz-area progress::-webkit-progress-value { background-color: #68A5FE; border-radius: 6px; } 
.quiz-area article { margin-top: 44px; } 
.quiz-area article h1 { font-size: 28px; word-break: keep-all; margin-bottom: 22px; font-weight: 600; line-height: 136%; } 
.quiz-area article h1.flex {display: flex; align-items: center; justify-content: center;}
.quiz-area article h1.flex .money_icon { margin-left: 8px; padding-left: 29px; font-size: 24px;  background-size: 24px;}
.quiz-area article h1 span { color: #68A5FE; } 
.quiz-area article > input, .quiz-area article .inp_ > input { width: 202px; height: 70px; padding: 5px 24px; border-radius: 7px; font-size: 22px; text-align: center; border-width: 1.3px; } 
.quiz-area article:nth-child(2) .inp_ > input[type="text"] { text-align: left; } 
.quiz-area article .inp_ > input[type="text"] { padding: 5px 24px; text-align: left; } 
.quiz-area article .inp_ textarea { width: 100%; height: 156px; padding: 20px 24px; border: 1px solid #ccc; border-radius: 7px; font-size: 22px; text-align: left; border-width: 1.3px; background-color: #fff;} 
.quiz-area article .inp_ textarea::placeholder { color: #494949; opacity: 36%; font-size: 22px; } 
.quiz-area article .inp_ > .max-size { width: 100%; text-align: left; } 
.quiz-area article .tool_ { display: flex; justify-content: flex-end; align-items: center; margin-top: 16px; font-size: 16px; } 
.quiz-area article .tool_ a { text-decoration: underline; text-underline-position: under; color: #828282; } 
.quiz-area article input::placeholder { color: rgba(73, 73, 73, 0.36); } 
.quiz-area article > input.del,.quiz-area article .inp_ input.del { border-color: #DC2A2A; } 
.quiz-area article > input + .alert, .quiz-area article .inp_ .alert { color: #DC2A2A; font-size: 23px; height: 1.3em; margin-top: 10px; } 
.quiz-area article > input + .alert.active, .quiz-area article .inp_ .alert.active { opacity: 1; } 
.quiz-area article .inp_ { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } 
.quiz-area article .inp_ label { font-size: 30px; font-weight: 500; margin-left: 20px; } 
.quiz-area article .inp_ .alert { width: 100%; flex-shrink: 0; display: none; } 
.quiz-area article .inp_ .alert.active { display: block; } 

.check-body .checkBtn input + label { display: flex; justify-content: flex-start; align-items: center; padding: 18px 34px; padding-right: 15px; } 
.check-body .checkBtn input + label div[data-body] { flex-shrink: 0; width: 116px; height: 116px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-right: 50px; } 

div[data-body="dog01"] { background-image: url(https://img.lifet.co.kr/dog/body01.png); } 
div[data-body="dog02"] { background-image: url(https://img.lifet.co.kr/dog/body02.png); } 
div[data-body="dog03"] { background-image: url(https://img.lifet.co.kr/dog/body03.png); } 
div[data-body="dog04"] { background-image: url(https://img.lifet.co.kr/dog/body04.png); } 
div[data-body="dog05"] { background-image: url(https://img.lifet.co.kr/dog/body05.png); } 

.check-body .checkBtn input:checked + label div[data-body="dog01"] { background-image: url(https://img.lifet.co.kr/dog/body01_w.png); } 
.check-body .checkBtn input:checked + label div[data-body="dog02"] { background-image: url(https://img.lifet.co.kr/dog/body02_w.png); } 
.check-body .checkBtn input:checked + label div[data-body="dog03"] { background-image: url(https://img.lifet.co.kr/dog/body03_W.png); } 
.check-body .checkBtn input:checked + label div[data-body="dog04"] { background-image: url(https://img.lifet.co.kr/dog/body04_w.png); } 
.check-body .checkBtn input:checked + label div[data-body="dog05"] { background-image: url(https://img.lifet.co.kr/dog/body05_w.png); } 

div[data-body="cat01"] { background-image: url(https://img.lifet.co.kr/cat/body01.png); } 
div[data-body="cat02"] { background-image: url(https://img.lifet.co.kr/cat/body02.png); } 
div[data-body="cat03"] { background-image: url(https://img.lifet.co.kr/cat/body03.png); } 
div[data-body="cat04"] { background-image: url(https://img.lifet.co.kr/cat/body04.png); } 
div[data-body="cat05"] { background-image: url(https://img.lifet.co.kr/cat/body05.png); } 

.check-body .checkBtn input:checked + label div[data-body="cat01"] { background-image: url(https://img.lifet.co.kr/cat/body01_w.png); } 
.check-body .checkBtn input:checked + label div[data-body="cat02"] { background-image: url(https://img.lifet.co.kr/cat/body02_w.png); } 
.check-body .checkBtn input:checked + label div[data-body="cat03"] { background-image: url(https://img.lifet.co.kr/cat/body03_w.png); } 
.check-body .checkBtn input:checked + label div[data-body="cat04"] { background-image: url(https://img.lifet.co.kr/cat/body04_w.png); } 
.check-body .checkBtn input:checked + label div[data-body="cat05"] { background-image: url(https://img.lifet.co.kr/cat/body05_w.png); } 

.check-body .checkBtn .text { flex-grow: 1; } 
.check-body .checkBtn .text h5 { font-size: 26px; font-weight: 600; margin-bottom: 6px; } 
.check-body .checkBtn .text p { font-size: 18px; font-weight: 400; line-height: 1.3em; word-break: keep-all; } 


/* mobile profile */
.m-profile-title-area { text-align: center; font-size: 16px; margin-bottom: 16px; margin-top: -16px; word-break: keep-all; } 
.m-profile-title-area h1 { font-size: 16px; line-height: 1.5em; margin-bottom: 2px; } 
.m-profile-title-area .title { font-size: 18px; line-height: 1.5em; margin-bottom: 2px; } 
.m-profile { max-width: 376px; padding: 0; margin: 0 auto; margin-top: 24px; } 
.m-profile .profile-card { flex-flow: column; height: auto; border-radius: 24px; box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.06); -webkit-}
.m-profile .profile-simply { width: 100%; border-radius: 24px; } 
.m-profile .profile-simply .trigger { width: 20px; height: 20px; background-image: url(https://img.lifet.co.kr/icon/dot.svg); background-size: contain; background-position: center; } 
.m-profile .profile-card + .profile-card { margin-top: 36px; } 
.m-profile .profile-card + .btn-area { margin-top: 36px; } 
.m-profile .profile-detail .checkup-his { margin-bottom: 16px; } 
.m-profile-area { position: relative; border-radius: 24px; padding: 18px; padding-bottom: 0; display: flex; justify-content: space-between; align-items: center; flex-flow: column; margin-bottom: 30px; } 
.m-profile-area .text-wrap { height: 108px; border-radius: 16px; background-color: rgba(255, 255, 255, 0.6); display: flex; flex-flow: column; justify-content: center; align-items: center; width: 100%; text-align: center; font-size: 16px; line-height: 1.3em; margin-bottom: 14px; } 
.m-profile-area .text-wrap p:first-child { font-size: 14px; margin-bottom: 6px; } 
.m-profile-area .text-wrap p:last-child { font-weight: 600; } 
.m-profile-area .text-wrap b { font-weight: 600; } 
.m-profile-area .img-wrap { position: relative; width: 190px; height: 170px; overflow: hidden; text-align: center; margin: 0 auto; } 
.m-profile-area .img-wrap img { position: absolute; left: 0; bottom: 0; width: 100%; vertical-align: bottom; } 
.m-profile-area .background-selector { position: absolute; left: 0; bottom: 0; width: 100%; padding: 23px 47px; } 
.m-profile-area .background-selector li { width: 25px; height: 25px; border-width: 3px; }  

.m-profile .checkBtn { text-align: center; } 
.m-profile .checkBtn input + label { color: #636363; border-color: #fff; border-width: 1px; border-radius: 8px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.09); } 
.m-profile .checkBtn input:checked + label { background-color: #D2E4FF; color: #68A5FE; } 
.m-profile .check-area li + li { margin-top: 8px; } 

.m-profile .profile-simply .info { text-align: center; } 
.m-profile .profile-simply .name { font-size: 18px; } 
.m-profile .profile-card .receive { width: 100%; padding: 20px; } 
.m-profile .profile-card .receive .btn { margin: 0 auto; width: 181px; height: 41px; background-color: #68A5FE; color: #fff; font-size: 14px; font-weight: 700; } 
.m-profile .checkup-his-list li .point { padding-right: 21px !important; background-image: url(https://img.lifet.co.kr/icon/profile_link.svg); background-position: right 0px center; background-repeat: no-repeat; } 

/* 프로필 상세 모달 */

#myProfile { position: relative; display: flex; justify-content: flex-start; align-items: center; flex-flow: column; width: 352px; height: auto; margin: 0 auto; padding: 0; background-color: #fff; border-radius: 24px; box-shadow: 0px 0px 5px rgb(0 0 0 / 10%); -webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / 10%); } 
.details_examine #myProfile {overflow: hidden; width: 375px; height: 594px;  border-radius: 24px;}
#myProfile .profile-simply { height: inherit; justify-content: flex-start; flex-shrink: inherit; padding-bottom: 30px;  border-radius: inherit; background-color: #fff; } 
.details_examine #myProfile .profile-simply {width: 100%; height: 148px; padding: 28px 0 0; border-radius: 0; background-color: #ECF4FF; } 
#myProfile .profile-simply .title__ {margin-bottom: 20px; font-size: 20px; line-height: normal; text-align: center;} 
#myProfile .profile-simply .title__ .date {display: block; margin-top: 6px; color: #8C8C8C; font-size: 12px; font-weight: 400; line-height: normal;} 
#myProfile .total_score {font-size: 20px; font-weight: 600; line-height: normal; text-align: center; } 
.profile-area .title__ {text-align: center; font-size: 30px; line-height: 1.3em; margin-bottom: 30px;}
.myProfile-layer { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000002; } 
.myProfile-layer { padding: 20px 35px; background-color: rgba(0, 0, 0, 0.5); } 
.myProfile-layer.active { display: flex; align-items: center; } 
.myProfile-layer #myProfile { height: 100%; max-height: 600px; overflow-y: scroll; } 
.myProfile-layer #myProfile .profile-simply { max-height: 308px; } 
.myProfile-layer #myProfile .plusBtn { right: inherit; left: 0; } 
.myProfile-layer #myProfile .close { position: absolute; right: 0; top: 0; width: 12px; height: 12px; margin: 20px; background-image: url(https://img.lifet.co.kr/icon/btn_x.svg); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; cursor: pointer; } 

.mobile_pop .btn_arrow {z-index: 10; position: relative; height: 54px; border-radius: 30px 30px 0 0; background: #fff;} 
.mobile_pop .btn_arrow::before { content: url(https://img.lifet.co.kr/icon/drop_down2.svg); position: absolute; top: 20px; left: 50%; width: 50px; height: 32px; margin-left: -25px; } 

/* 건강검진 결과표 */
#container.total_examine .profile-area {padding: 50px 0 60px;}
.profile-area { background-color: #C9DFFF !important; padding-top: 67px; padding-bottom: 35px; } 
.profile-detail .checkup-head { margin-bottom: 20px; } 
.profile-detail .checkup-head h5 { font-size: 24px; font-weight: 700; margin-bottom: 14px; } 
.profile-detail .checkup-head .profile-tag { justify-content: flex-start; } 
.profile-detail .checkup-head .profile-tag li { font-size: 15px; padding: 6px 16px; } 
.profile-area .title__ br { display: none; } 

@media (max-width:767px) { /* chart */ 
    .tool__ .more__btn { width: auto; font-size: 16px; font-weight: 700; } 
    .tool__ .more__btn:after { margin-left: 10px; }    
    .lifet-chart .yAxes__ { border-width: 1px; } 
    .examineTotal-area .dietTip { display: flex; } 
    .examineTotal-area .dietTip > article:first-child { display: none; } 
    .examineTotal-area .dietTip > article:last-child { padding: 26px 24px; border-radius: 10px; 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); } 
    .examineTotal-area .dietTip .point { font-size: 24px; padding-right: 19px; } 
    .examineTotal-area .dietTip > article { font-size: 14px; font-weight: 400; } 
    .examineTotal-area .dietTip .point span { font-size: 36px; } 
    .examineTotal-area .dietTip > article h5 { font-size: 16px; line-height: 1.3em; } 
    .examineTotal-area .title h1 { display: block; font-size: 20px; margin-bottom: 16px; }
    .mobile_pop .title h1 {display: flex; font-weight: 700;}
    .examineTotal-area .chart-inner { margin-top: 20px; margin-bottom: 20px; padding: 20px 16px; border-radius: 10px; flex-flow: column; 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); } 
    .chart-inner hr { width: 100%; height: 0; border: none; border-top: 1.5px solid rgba(0, 0, 0, 0.1); } 
    .ai_check .chart-inner hr { margin: 0; border-top: 0; } 
    .examineTotal-area .chart-wrap { padding-right: 0; width: 100%; } 
    .examineTotal-area .lifet-chart { width: 100%; height: 218px; padding-left: 24px; } 
    .examineTotal-area .lifet-chart .scales__ { padding-top: 38px; padding-bottom: 38px; } 
    .examineTotal-area .lifet-chart .scales__ span, .examineTotal-area .lifet-chart .grideLine__ i { font-size: 12px; } 
    .examineTotal-area .lifet-chart .yAxes__ { height: 42px; font-size: 12px; padding-top: 9px; align-items: flex-start; } 
    .examineTotal-area .lifet-chart .legend__ { position: absolute; left: 0; top: 0; width: 100%; margin-bottom: 26px; font-size: 12px; justify-content: center; } 
    .examineTotal-area .lifet-chart .legend__ li + li { margin-left: 8px; } 
    .examineTotal-area .lifet-chart .legend__ + .scales__ + .chart__ { padding-top: 70px; padding-left: 10px; } 
    .examineTotal-area .guideList { width: 100%; padding-left: 0; padding-top: 20px; } 
    .examineTotal-area .guideList h5 { font-size: 18px; padding-left: 21px; } 
    .examineTotal-area .guideList li { font-size: 14px; line-height: 1.5em; } 
    .examineTotal-area .guideList li:before { width: 21px; line-height: 1.5em; font-size: 14px; } 
    .examineTotal-area .guideList li b { font-weight: 400; } 
    .examineTotal-area .dietTip .point + div { padding-left: 20px; } 
    .dietTip > article:last-child div { font-weight: 400; } 

    .average-area .title h5 { font-size: 20px; margin-bottom: 4px; } 
    .title2 h5 button { width: 24px; height: 24px; margin-left: 4px; background-size: 24px; } 
    h5.flex { display: flex; justify-content: space-between; align-items: center; } 
    h5.flex + p { display: none; } 
    h5.flex.show + p, .breed02-area.show { display: block; } 
    h5.flex button { position: relative; padding-right: 22px; color: #68A5FE; font-size: 14px; font-weight: 600; line-height: 140%; border: 0; background-color: transparent; } 
    h5.flex button::after { content: ''; position: absolute; right: 0; top: 0; display: block; width: 20px; height: 20px; transform: rotate(90deg); background: url(https://img.lifet.co.kr/icon/arrow_right_b.svg) no-repeat center; } 
    h5.flex.show button::after { transform: rotate(-90deg); } 
    .details_examination2 .help_pop {top: 74px;}
    
    .average-area .title p { font-size: 14px; } 
    .average-area .title p br { display: block; } 
    .average-area .chart-inner { flex-flow: column; margin-bottom: 0; margin-top: 20px; padding: 32px 18px; } 
    .average-area .chart-wrap { width: 100%; padding-top: 0; padding-right: 0; } 
    .average-area .lifet-chart .yAxes__ {padding-top: 9px; font-size: 12px; } 
    .average-area .lifet-chart .yAxes__ > div{ font-size: 12px; font-weight: 500; } 
    .average-area .rank-area { width: 100%; padding-top: 29px; } 
    .average-area .rank-area li { padding: 0 12px; } 
    .average-area .rank-area li + li, .ai_check .average-area .rank-area li + li { margin-top: 18px; } 
    .ai_check .average-area .rank-area span:last-child { font-size: 20px; } 
    .ai_check .average-area .rank-area span { font-size: 16px; } 
    .average-area .rank-area span { font-size: 16px; font-weight: 500; color: rgba(52, 52, 52, 0.8); } 
    .average-area .rank-area .percent { font-size: 20px; } 

    .BCS-area h5 { font-size: 20px; margin-bottom: 18px; } 
    .BCS-area h5 br { display: block; } 
    .BSC_inner { margin-top: 16px;  } 
    .BSC_inner > div:nth-child(2n) { margin-right: 0; } 
    .BSC_inner > div:nth-child(3), .BSC_inner > div:nth-child(4) { margin-top: 6px; } 
    .BSC_inner .inner_sub, .bsc_new .inner02 {justify-content: center;}
    .BSC_inner .weight { font-size: 14px; } 
    .BSC_inner .weight p:last-child { font-size: 20px; } 
    .BSC_inner .weight img { width: 68px; } 
    .BSC_inner .weight.lv02 img, 
    .BSC_inner .weight.lv04 img { width: 68px; } 
    .BSC_inner .weight.lv01 img,
    .BSC_inner .weight.lv05 img { width: 66px; } 
    .BSC_inner .imgBox img { max-width: 86%; max-height: 86%; } 
    .BSC_inner .tipBox { font-size: 16px; font-weight: 500; padding: 14px; } 
    .BSC_inner .tipBox div:nth-child(2) { font-size: 26px; font-weight: 600; padding: 8px 0; border: none; margin-bottom: 0px; } 
    .BSC_inner .tipBox div:nth-child(2) em { color: #343434; } 
    .BSC_inner .tipBox div:last-child { text-align: center; font-size: 14px; } 
    .BSC_inner .tipBox div:last-child em { font-size: 16px; font-weight: 400; color: #343434; } 
    #container > .exChart-area.wide { padding: 48px 0; } 
    .bsc_new {padding: 20px;} 
    .veterinarian .bsc_new {padding: 16px 0 0;}
    .bsc_new .imgBox { flex: none; width: 95px; height: 95px; border-radius: 7px; } 
    .bsc_new .weight { align-items: flex-start; flex: none; margin-left: 18px; margin-top: 0; } 
    .bsc_new .weight p:nth-of-type(1) { margin: 5px 0 4px; font-size: 20px; font-weight: 500; line-height: 130%; } 
    .bsc_new .weight p:last-child em { font-size: 24px; } 
    .bsc_new .weight p:last-child span { display: inline; } 
    .bsc_new .inner02 > div + div { margin-left: 40px; } 
    .bsc_new .inner02 > div > span { width: 40px; height: 40px; margin-right: 8px; } 
    .bsc_new .inner02 > div > span img { width: 34px; } 
    .bsc_new .inner02 > div p span { font-size: 16px; } 
    .bsc_new .inner02 > div p strong { font-size: 24px; } 
    .bsc_new .inner03 .tit { font-size: 18px; } 
    .bsc_new .inner03 span { margin: 3px 2px; padding: 6px 12px; font-size: 14px; } 
    .nutrition_guide h6 { margin-top: 14px; font-size: 18px; } 
    .nutrition_info { padding: 14px; } 
    .nutrition_info > img { width: 54px; height: 54px; margin-right: 14px; } 
    .nutrition_info dl dt { display: flex; align-items: center; font-size: 16px; } 
    .nutrition_info dl dt span { padding: 2px 7px; font-size: 12px; } 
    .nutrition_info dl dd { font-size: 14px; } 
    .nutrition_info dl dd br {display: none;}
    .nutrition_guide .scroll { overflow-x: auto; margin-right: -20px; } 
    .nutrition_guide .scroll .inner { overflow-x: auto; } 
    #container.details_examine .section-wrap.low_banner { overflow: hidden; height: 157px; } 
    .mobile_pop.up .section-wrap.low_banner {margin-bottom: 62px;}
    .low_banner p { padding-top: 45px; margin-left: 37px; margin-bottom: 8px; font-size: 18px; } 
    .low_banner p br { display: block; } 
    .low_banner a { margin-left: 37px; padding-right: 12px; font-size: 14px; background-size: 12px; } 
    .low_banner img { top: 9px; right: 4vw; width: 121px; } 
    .exChart-area.wide .title { padding: 0; } 
    .exChart-area.wide .scroll { padding: 0; overflow-x: scroll; } 
    .exChart-area .caution-area { display: block; margin-top: 0; } 
    .consult__wrapper .consult__tool .title { font-size: 14px; line-height: 1.5em; padding-bottom: 10px; } 
    .consult__wrapper .consult__tool .title h1 { font-size: 20px; margin-bottom: 4px; } 
    .consult__wrapper .consult__tool .title br { display: block; } 
    .consult__wrapper .consult__tool .select__wrap { margin-left: 10px; } 
    #examineChart { margin-bottom: 30px; } 
    #examineChart .stateCard { width: 83px; height: 75px; border-radius: 7.2px; box-shadow: 0px 0px 4.85207px rgba(207, 210, 226, 0.38); -webkit-box-shadow: 0px 0px 4.85207px rgba(207, 210, 226, 0.38); } 
    #examineChart .stateCard.lv01 img,
    #examineChart .stateCard.lv02 img,
    #examineChart .stateCard.lv03 img,
    #examineChart .stateCard.lv04 img,
    #examineChart .stateCard.lv05 img { width: 37px; } 
    #examineChart .stateCard p { font-size: 12px; margin-top: 6px; } 

    .profile-detail #circleChart { width: 100%; height: auto; margin-bottom: -4px; padding: 0; box-shadow: none; } 
    .profile-detail #circleChart .circle-chart { width: 54px; height: 54px; margin-bottom: 8px; } 
    .profile-detail #circleChart .circle-chart .img img { max-width: 30px; } 
    .profile-detail #circleChart .circle-chart_lable span { font-size: 14px; font-weight: 400; }  
    .profile-detail #circleChart .circle-chart_lable span:last-child { font-size: 14px; } 
    #circleChart { width: 100%; margin: 0; margin-top: 16px; } 
    #examineChart > li:first-child { position: relative; /*display: flex; */ padding: 16px 20px; margin-bottom: 12px; } 
    #examineChart > li:first-child .desc { position: absolute; left: 0; top: 0; padding: 16px 20px; padding-left: 127px; padding-right: 0; font-size: 16px; line-height: 1.52em; } 


    /* 검진 */
    .bg-section { background-image: none; } 
    .checkup-wrap { padding: 0; } 
    .checkup-wrap .checkup-tool { width: 16px; right: 0; height: 16px; top: -22px; background-size: 20px; } 
    .quiz-area .head { margin-bottom: 12px; margin-top: -10px; word-break: keep-all; } 
    .quiz-area .head img { width: 50px; } 
    .quiz-area .head h5 { font-size: 18px; font-weight: 600; } 
    .quiz-area .head p { font-size: 16px; } 
    .quiz-area .head p br { display: none; } 
    .checkup-wrap .btn-area { margin-top: 50px; } 
    .checkup-wrap .btn-area .btn-prev { max-width: 188px; } 
    .quiz-area progress { display: block; max-width: 218px; margin: 0 auto; height: 4px; } 

    .quiz-area article { margin-top: 24px; word-break: keep-all; } 
    .quiz-area article h1 { font-size: 18px; margin-bottom: 16px; word-break: break-all; } 
    .quiz-area article h1.flex .money_icon {display: inline-block; margin-left: 4px; padding-left: 18px; font-size: 16px;  background-size: 14px;}
    .quiz-area article > input, .quiz-area article .inp_ > input { height: 42px; font-size: 14px; width: 112px; } 
    .quiz-area article .inp_ textarea { height: 96px; padding: 12px 20px; font-size: 14px; } 
    .quiz-area article .inp_ > input[type="text"] { padding: 5px 20px; } 
    .quiz-area article .inp_ textarea::placeholder { font-size: 14px; } 
    .quiz-area article .tool_ a { font-size: 14px; } 
    .quiz-area article > input + .alert, .quiz-area article .inp_ .alert { font-size: 14px; margin-top: 10px; } 
    .quiz-area article .inp_ label { font-size: 20px; font-weight: 500; margin-left: 8px; } 
     
    ul[class^='check-col-'] li { margin-bottom: 3%; } 
    ul[class^='check-col-03'] li .checkBtn { min-height: 44px; } 
    .check-body .checkBtn input + label { padding: 16px; } 
    .check-body .checkBtn input + label div[data-body] { width: 60px; height: 60px; margin-right: 14px; } 
    .check-body .checkBtn .text h5 { font-size: 16px; line-height: 1.3em; margin-bottom: 4px; } 
    .check-body .checkBtn .text p { font-size: 14px; } 
    .check-body .checkBtn .text p br { display: none; } 
    
}


@media (max-width:767px) {
    .profile-area { padding: 30px 30px 14px !important; } 
    .ai_check .profile-area {padding-bottom: 14px !important;}
    .ai_check .profile-area .title__ { display: none; } 
    .profile-area .title__ br { display: block; } 
    .profile-area .m-down { text-align: center; color: #fff; margin-top: 24px; } 
    .profile-area .m-down p { margin-bottom: 8px; } 
    .ai_check .profile-area .m-down { color: #343434; font-weight: 600; } 
    .details_examine .profile-area .title__ {display: none;}
    #myProfile, .details_examine #myProfile { flex-flow: column; width: 100%; height: 502px; padding: 0; border-radius: 24px; overflow: hidden; } 
    #myProfile .profile-simply { width: 100%; border-radius: 24px; padding-top: 24px; } 
    .details_examine #myProfile .profile-simply {height: 126px; padding: 24px 0 0; flex-shrink: 0; border-radius: 20px 20px 0 0;}
    #myProfile .profile-simply .img { position: relative; width: 100px; height: 100px; margin: 0 auto 11px; text-align: center; } 
    #myProfile .profile-simply .img img { /* position: absolute; left: 0; bottom: 0; width: 100%; */ width: 98px; height: 98px; border-radius: 50%; isolation: isolate; } 
    #myProfile .mobile-items { display: block; } 
    #myProfile .btn-area { width: 100%; padding: 18px; } 
    #myProfile .btn-area .btn { display: block; width: 212px; margin: 0 auto; font-weight: 700; } 
    #myProfile .plusBtn { position: absolute; right: 0; top: 0; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; background-image: url(https://img.lifet.co.kr/icon/plus.png); background-size: 14px; z-index: 100; } 
    #myProfile .btn-area .icon { z-index: 99990; position: fixed; top: 13px; right: 20px; display: inline-block; width: 18px; height: 18px; text-indent: -9999px; background-repeat: no-repeat; background-position: center; background-image: url(https://img.lifet.co.kr/icon/share_m.svg); cursor: pointer; } 
    .profile-simply .title { text-align: center; margin-bottom: 10px; font-size: 12px; } 
    .profile-simply .title b { font-size: 20px; } 
    .profile-simply .profile-tag { display: flex !important; width: 200px; margin-bottom: 16px; } 
    .profile-simply .profile-tag + .profile-tag { margin-top: -15px; } 
    .profile-simply .profile-tag li.mobile__ { display: block; } 
    .profile-detail { width: 100%; align-items: center; padding-top: 0; } 
    .profile-detail .checkup-head { display: none; } 
    .profile-detail .detail { flex-flow: column; text-align: center; } 
    .profile-detail .detail > div { flex: 1 1 100%; margin-top: 20px; min-width: 167px; margin: 0 auto; } 
    .profile-detail .detail > div + div { margin-left: 0; margin-top: 0px; align-items: center; justify-content: center; width: 100%; } 
    .profile-detail .title { justify-content: center; margin-bottom: 14px; }
    .details_examine .profile-detail .title {justify-content: center; margin-bottom: 14px;}
    .profile-detail .title div span { display: none; } 
    .profile-detail .disease_score li { height: 83px; } 
    .profile-detail .disease_score li strong { bottom: 3px; } 
    .profile-detail .title > div:first-child { display: none; } 
    .profile-detail .title > div:last-child { display: block; font-size: 14px; font-weight: 600; color: #343434; } 
    .profile-detail .title h5 { margin: 0; font-weight: 600; font-size: 16px;} 
    .profile-detail .detail .point { font-size: 18px; padding: 10px 12px; height: auto; width: auto; } 
    .profile-simply .name { width: 200px; margin-bottom: 11px; font-size: 20px; line-height: 24px; } 
    .profile-detail .detail .point + div { text-align: left; margin-left: 14px; } 

    .checkup-his-list li { width: 100%; max-width: 100%; height: auto; display: none; } 
    .checkup-his-list li a { padding: 0 30px; width: 167px; border-radius: 8px; } 
    .checkup-his-list li a  { width: 188px; min-height: 68px; } 
    .checkup-his .point { margin-left: 10px; font-weight: 600; font-size: 21px; line-height: 100%; } 
    .checkup-his .point span { display: inline-block; margin-right: 3px; font-size: 32px; font-weight: 700; line-height: 130%; vertical-align: -2px; } 
    .checkup-his-list li:first-child { display: block; } 
    .profile-detail .checkup-his {margin: 0 auto 27px !important;} 
    .profile-detail .checkup-his .title { display: none; } 
    .profile-detail .checkup-his .icon_score { display: none; justify-content: space-between; align-items: center; text-align: left; flex-flow: wrap; width: 188px; min-height: 68px; border-radius: 8px; box-shadow: 0px 0px 8px rgb(0 0 0 / 10%); -webkit-box-shadow: 0px 0px 8px rgb(0 0 0 / 10%); } 
    .profile-detail .checkup-his div:nth-of-type(2) { display: block; } 
    .profile-detail .checkup-his .icon_score div { display: flex; align-items: center; justify-content: center; padding-top: 10px !important; } 
    .profile-detail .checkup-his .icon_score div img { width: 60px; } 
    .profile-detail .checkup-his .icon_score div .mobile_icon img { width: 48px; } 
    
    .checkup-his-list { display: none; } 
 }


/*종합문진 상세결과*/
.modal-dialog .total_examine_pop .content-area { overflow: hidden; max-width: 1043px; height: 867px; padding: 85px 0 0; text-align: left; } 
.total_examine_pop .content-area .closer { top: 10px; right: 15px; background-size: 32px; } 
.total_examine_pop .contentWrap { overflow: auto; height: 782px; padding: 0 36px 50px; } 
.modal-dialog .total_examine_pop .head { position: absolute; top: 0; left: 0; width: 100%; height: 85px; padding-left: 30px; padding-top: 31px; text-align: left; font-size: 22px; font-weight: 600; line-height: 1.3; border: 0;} 
.total_examine_pop .content-area .head div:first-child, .details_examine_pop .content-area .head div:first-child { font-size: inherit; position: static; padding: 0; height: auto; border: 0; line-height: inherit; } 
.total_examine_pop .title h5 {margin-top: 60px; margin-bottom: 8px; font-size: 24px;}
.total_examine_pop .list { z-index: 1; position: fixed; width: 1043px; display: flex; justify-content: center; margin: 0 -36px 55px; padding: 12px 0; border-bottom: 1.25px solid #ECECEC; background-color: #fff; } 
.total_examine_pop .list img { width: 30px; height: 30px; } 
.total_examine_pop .list span { display: block; margin-top: 2px; font-size: 12px; line-height: 130%; } 
.total_examine_pop .list li { position: relative; margin: 0 22px; text-align: center; cursor: pointer; opacity: .5; } 
.total_examine_pop .list li.active { opacity: 1; } 
.total_examine_pop .list li em { position: absolute; top: 0; right: 0; width: 4px; height: 4px; text-indent: -9999px; border-radius: 50%; background-color: #F9708B; } 
.total_examine_pop .list li.active span { font-weight: 700; } 
.total_examine_pop h1 { margin-top: 140px; font-size: 24px; font-weight: 700; line-height: 130%; } 
.total_examine_pop h1 img { margin-left: 7px; width: 28px; vertical-align: middle; } 
.total_examine_pop h2 { margin: 20px 0 8px; font-size: 24px; font-weight: 700; line-height: 130%; } 
.total_examine_pop h2 + p { margin-bottom: 60px; font-size: 16px; line-height: 150%; } 
.total_examine_pop h2 + .diseases_symptoms { margin-top: 18px; } 
.diseases_symptoms { overflow: hidden; margin-top: 18px; border-radius: 10px; border: 1px solid #DADADA; } 
.diseases_symptoms h3 { position: relative; padding: 16px 20px; font-size: 18px; font-weight: 600; line-height: 130%; cursor:pointer; } 
.diseases_symptoms.show h3 { border-bottom: 1px solid #DADADA; } 
.diseases_symptoms h3::after { content: ''; position: absolute; top: 16px; right: 20px; width: 24px; height: 24px; background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; background-size: 24px; } 
.diseases_symptoms.show h3::after { transform: rotate(180deg); } 
.diseases_symptoms > dl { display: none; padding: 28px 20px 4px; } 
.diseases_symptoms.show > dl { display: block; background-color: #F9FBFF; } 
.diseases_symptoms > dl > dt { font-size: 16px; font-weight: 600; line-height: 130%; } 
.diseases_symptoms > dl > dd { padding: 6px 0 24px; color: #666; font-size: 16px; line-height: 130%; } 
.diseases_symptoms .diagnostic { display: flex; flex-wrap: wrap; margin-top: -14px; } 
.diseases_symptoms > dl dl { width: calc(100% / 3 - 39px); margin: 28px 0 0 39px; } 
.diseases_symptoms > dl dl dt { color: #343434; font-size: 16px; font-weight: 500; line-height: 130%; } 
.diseases_symptoms > dl dl dd { padding: 6px 0 0; font-size: 14px; font-weight: 400; line-height: 150%; } 
.diseases_symptoms > dl dl:nth-child(3n+1) { margin-left: 0; } 
.diseases_symptoms .price { margin-top: 8px; } 
.diseases_symptoms .price, .diseases_symptoms .price p { display: flex; align-items: center; color: #343434; font-weight: 500; line-height: 130%; } 
.diseases_symptoms .price p + p { margin-left: 51px; } 
.diseases_symptoms > dl dl dd img { width: 20px; margin-right: 8px; } 
.total_examine_pop .title h5 { margin-top: 60px; margin-bottom: 8px; font-size: 24px; } 
.total_examine_pop .title p { font-size: 16px; } 
.total_examine_pop .details_guide .guide_line {width: auto; margin-left: -23px; } 
.total_examine_pop .guide_line .inner { width: calc( (100% / 3) - 23px); height: 235px; margin: 20px 0 0 23px; padding-top: 30px; border-radius: 12px; } 
.total_examine_pop .details_guide .guide_line .inner img { width: 80px; } 
.total_examine_pop .guide_line .inner > div dl { top: 118px; } 
.total_examine_pop .guide_line .inner dl dt { font-size: 18px; } 
.total_examine_pop .guide_line .inner dl dd { font-size: 14px; } 
.nutritional_care { overflow: hidden; } 
.nutritional_care .title { margin-bottom: 8px; } 
.total_examine_pop .nutList { display: flex; flex-wrap: wrap; } 
.total_examine_pop .nutrition_info { width: 470px; margin: 12px 0 0; padding: 30px 47px; border-radius: 10px; border: 1px solid #EBEBEB; background-color: #fff; } 
.total_examine_pop .nutrition_info:nth-child(even) { margin-left: 21px; } 
.total_examine_pop .nutrition_info > img { width: 84px; height: 84px; margin-right: 34px; } 
.total_examine_pop .nutrition_info dl dt { margin-bottom: 8px; font-size: 18px; } 
.total_examine_pop .nutrition_info dl dd { font-size: 14px; } 

@media (max-width:767px) {
    #container > .section-wrap.landing_store { padding-bottom: 18px; padding-top: 50px; } 
    #container > .section-wrap.store_suggestion { padding-top: 50px; } 
    #container .store_suggestion .section-inner { padding-bottom: 46px; } 
    #container .store_suggestion { padding-bottom: 32px; } 
    .store_suggestion .section-inner .title { padding-left: 0; } 
    .day_delivery { padding-left: 24px; font-size: 14px; background-size: 20px; } 
    .landing_store .pro_name .rate, .landing_store .pro_name .review_count, .landing_store .pro_name .discount .overline, .landing_store .pro_name .discount ~ span, .store_suggestion .pro_name .discount ~ span { display: none; } 
    .landing_store .scroll { margin-bottom: 10px; padding-bottom: 8px; } 
    .store_category { margin: 18px 0 0; } 
    .store_category a { font-size: 16px; } 
    .store_category a > span { margin-right: 6px; } 
    .suggestion_slider { overflow: hidden; margin: 0 -20px; padding: 10px 20px; } 
    .main_home .suggestion_slider { width: auto; margin: -10px -20px -20px; padding-bottom: 28px; } 
    .suggestion_slider .pro_name .rate, .suggestion_slider .pro_name .review_count { display: inline-block; margin-top: 0; } 
    .suggestion_swiper { overflow: visible; padding: 0 0 20px; } 
    .suggestion_swiper .swiper-slide { width: 321px; height: auto; padding: 16px 14px 0; border: 1px solid #fff; } 
    .suggestion_swiper .swiper-slide a { align-items: flex-start; height: 124px; } 
    .suggestion_swiper .swiper-slide:last-child { margin-right: 0 !important; } 
    .suggestion_swiper .swiper-button-prev, .suggestion_swiper .swiper-button-next { display: none; } 
    .suggestion_swiper .swiper-slide .img { width: 124px; height: 124px; margin-right: 10px; } 
    .suggestion_swiper .swiper-slide .img img { width: 124px; height: 124px; } 
    .suggestion_swiper .swiper-slide .pro_name { flex: 1; } 
    .suggestion_swiper ul { margin-top: 16px; margin-bottom: 8px; padding-top: 16px; } 
    .suggestion_swiper ul li { flex: 0 0 100%; margin-left: 18px; margin-bottom: 8px; font-size: 14px; text-indent: -18px; } 
    .suggestion_swiper ul li span { font-weight: 600; } 
    .suggestion_slider .swiper-button-next, .suggestion_slider .swiper-button-prev { display: none; } 
    #container .store_suggestion .landing_more { right: 0; } 
    #container .suggestion_swiper .swiper-pagination-bullet, #container .store_suggestion .swiper-pagination-bullet, .main_home .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 4px; } 


    

    /* 세부문진 상세결과 */
    .details_examine_new .disease_score2 li { flex: auto; width: 100%; height: auto; margin: 0 0 9px; padding: 23px 24px; border-radius: 14px; } 
    .details_examine_new .disease_score2 li dl dt { margin-bottom: 6px; } 
    .details_examine_new .disease_score2 li dl dt span { position: static; vertical-align: 1px; } 
    .details_examine_new .disease_score2 li dl dd p { display: block; min-height: 36px; font-size: 14px; } 
    .details_examine_new .disease_score2 li dl dd strong, .details_examine_new .first_examine li dl dd strong { position: absolute; right: 24px; top: 19px; font-size: 36px; } 
    .details_examine_new .disease_score2 li dl dd strong span, .details_examine_new .first_examine li dl dd strong span { font-size: 24px; } 
    .details_examine_new .disease_score2 li a, .details_examine_new .first_examine li a { right: 24px; bottom: 22px; font-size: 14px; background-size: 16px; } 
    .details_examine .details_examine_new .chart-inner + .chart-inner { margin-top: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } 
    .modal-dialog .modal-content.details_examine_pop, .modal-dialog .modal-content.total_examine_pop { align-items: flex-start; } 
    .modal-dialog .details_examine_pop .content-area { max-width: none; height: 100vh; padding-top: 0; border-radius: 0; } 
    .details_examine_pop .contentWrap::-webkit-scrollbar { width: 0; } 
    .modal-dialog .details_examine_pop .head, .modal-dialog .total_examine_pop .head { z-index: 12; position: fixed; height: 60px; padding: 20px 0 0 20px; font-size: 16px; font-weight: 700; background-color: #fff; } 
    .details_examine_pop .content-area .closer, .total_examine_pop .content-area .closer { right: 10px; background-size: 24px; } 
    .contentWrap .details_menu { justify-content: flex-start; flex-wrap: wrap; top: 60px; width: calc(100% - 40px); left: 20px; padding: 12px 0 4px 0; transform: none; transition: all 0.3s ease; } 
    .contentWrap .details_menu.up { top: -120px; } 
    .contentWrap .details_menu li { width: calc(100% / 2 - 4px); margin-bottom: 8px; } 
    .contentWrap .details_menu li + li { margin-left: 8px; } 
    .contentWrap .details_menu li:nth-child(odd) { margin-left: 0; } 
    .contentWrap .details_menu li a { width: auto; height: auto; padding: 12px 0; font-size: 16px; border-radius: 4px; border-width: 1px; } 
    .contentWrap .details_menu li a span { margin-left: 4px; font-size: 12px; } 
    .details_examine_pop .contentWrap { overflow: hidden; height: auto; padding: 0; } 
    .details_examine_pop .contentWrap .details_cont { overflow-y: auto; overflow-x: hidden; height: 100vh; padding: 0 20px 100px; } 
    .details_cont > .inner { padding-top: 185px; } 
    .details_menu.up + .details_cont > .inner { padding-top: 80px; } 
    .details_cont .cont01 .left { order: 2; width: 100%; margin-left: 0; } 
    .details_cont .cont01 img { order: 0; width: 100%; height: 220px; } 
    .details_cont > div h2 { order: 1; margin: 30px 0 4px; font-size: 18px; } 
    .details_cont h2 + p { font-size: 14px; } 
    .details_cont > div h3 { margin: 20px 0 2px; font-size: 16px; line-height: 150%; font-weight: 600; } 
    .cont05 .inner h3 { font-size: 18px; } 
    .details_cont .cont01 .left p { font-size: 15px; } 
    .details_cont > div h2 + h3 { margin-top: 10px; } 
    .check_bullet li { margin-left: 20px; text-indent: -20px; } 
    .details_cont > div > div + div { margin-top: 40px; } 
    .symptoms { flex-wrap: wrap; margin-bottom: -30px; } 
    .symptoms li { width: calc(100% / 2 - 8px); } 
    .symptoms li:nth-child(odd) { margin-left: 0; } 
    .symptoms li + li { margin-left: 15px; } 
    .symptoms li img { width: 100%; height: auto; } 
    .symptoms li span { margin: 14px 0 30px; font-size: 16px; } 
    [class*='info_swiper'] { margin-bottom: -10px; } 
    [class*='info_swiper'] .swiper-slide { width: 100%; height: 160px; margin-bottom: 10px; padding: 16px 20px;} 
    [class*='info_swiper'] .swiper-slide .Tag { margin-bottom: 4px; } 
    [class*='info_swiper'] .swiper-slide .desc { height: 69px; font-size: 15px; } 
    [class*='info_swiper'] .swiper-slide .price { justify-content: flex-start; } 
    [class*='info_swiper'] .swiper-slide .price p { flex-grow: 1; } 
    [class*='info_swiper'] .swiper-slide .price p + p { margin-left: 0; } 
    .cont04 ul { flex-wrap: wrap; } 
    .cont04 ul li { width: calc(100% / 2 - 4px); height: auto; margin-bottom: 10px; padding: 26px 0; border-radius: 14px; } 
    .cont04 ul li + li { margin-left: 7px; } 
    .cont04 ul li:nth-child(odd) { margin-left: 0; padding: 26px 0; } 
    .cont04 ul li img { width: 64px; } 
    .cont04 ul li strong { margin: 8px 0 4px; } 
    .cont04 ul li p { font-size: 14px; } 
    .cont04 .caution { margin-top: 4px; padding: 20px; font-size: 14px; } 
    .cont04 .caution h3 { margin-bottom: 0; } 
    .cont04 .caution strong { display: block; margin-bottom: 2px; font-weight: 600; font-size: 15px; line-height: 150%; } 
    .cont04 .caution p { margin-top: 6px; font-size: 15px; } 
    .cont05 .inner { padding: 22px 20px 24px; } 
    .cont05 .inner, .cont05 .inner dl { display: block; } 
    .cont05 .inner dl { width: 100%; margin-bottom: 0; padding-right: 0; } 
    .cont05 .inner dl + dl { margin-top: 9px; } 
    .cont05 .inner dl dt { margin-bottom: 2px; font-size: 16px; line-height: 150%; } 
    .cont05 .inner dl dd { font-size: 15px; line-height: 150%; } 
    .cont06 .guide_line { margin-bottom: -8px; } 
    .cont06 .guide_line .inner { width: 100%; height: auto; margin: 0 0 8px; padding: 24px 24px 24px 22px; border-radius: 10px; } 
    .cont06 .guide_line .inner img { width: 60px; height: 60px; } 
    .cont06 .guide_line .inner > div dl { margin-left: 10px; } 
    .cont06 .guide_line .inner > div dl dd { padding: 0; } 
    .councel_photo .title { font-size: 14px; } 
    .councel_photo .photo label, .councel_photo #Preview li, .councel_photo #Preview li img, .councel_photo #Preview li div { width: 80px; height: 80px; } 
    .councel_photo .photo label img { width: 38px; } 
    .councel_photo #Preview li .delBtn { width: 18px; height: 18px; background-size: 18px; } 
    .councel_photo #Preview { overflow-x: auto; max-width: 368px; margin-top: -10px; padding: 10px 0 0; } 
    .councel_photo .bullet { margin-left: 23px; font-size: 13px; text-indent: -23px; } 
    .councel_photo .bullet br { display: block; } 
    header .my_alarm { right: 0; } 

    /*종합문진 상세결과*/
    .modal-dialog .total_examine_pop .content-area { overflow-y: auto; max-width: none; height: 100vh; padding-top: 0; border-radius: 0; } 
    .total_examine_pop .contentWrap { overflow: hidden; height: auto; padding: 130px 20px 0; } 
    .total_examine_pop .m_scroll { width: 100%; margin: 0 -20px 0; padding: 0 9px; background-color: #fff; } 
    .total_examine_pop .list { overflow-x: auto; top: 60px; justify-content: flex-start; width: 100%; margin: 0; padding: 10px 10px 10px 0; } 
    .total_examine_pop .list li { display: flex; flex-flow: column; align-items: center; flex: 1 1 100%; flex-shrink: 0; max-width: 54px; height: 48px; margin: 0; } 
    .total_examine_pop h1 { margin-top: 43px; } 
    .total_examine_pop h1, .total_examine_pop h2 { font-size: 20px; } 
    .total_examine_pop h1 img { margin-left: 6px; width: 24px; } 
    .total_examine_pop h1 + h2 { margin: 10px 0 6px; font-size: 16px; } 
    .total_examine_pop h2 + p { margin-bottom: 40px; font-size: 14px; line-height: 180%; } 
    .total_examine_pop .details_guide .guide_line {margin-left: 0;}
    .diseases_symptoms h3 { padding: 16px; } 
    .diseases_symptoms h3::after { right: 16px; } 
    .diseases_symptoms > dl { padding: 20px 16px; } 
    .diseases_symptoms .diagnostic { display: flex; flex-flow: column; flex-wrap: wrap; } 
    .diseases_symptoms > dl > dd { font-size: 15px; } 
    .diseases_symptoms > dl > dd:last-child { padding-bottom: 0; } 
    .diseases_symptoms > dl dl { width: 100%; } 
    .diseases_symptoms > dl dl + dl { margin-left: 0; margin-top: 20px; } 
    .diseases_symptoms + .diseases_symptoms { margin-top: 14px; } 
    .total_examine_pop .title h5 { margin-bottom: 5px; font-size: 20px; } 
    .total_examine_pop .title p { font-size: 14px; } 
    .total_examine_pop .guide_line .inner { width: auto; height: 116px; margin: 8px 0 0; border-width: 1.5px; } 
    .total_examine_pop .guide_line .inner > div dl { top: 50%; transform: translateY(-50%); } 
    .total_examine_pop .nutrition_info:nth-child(even) { margin-left: 0; } 
    .total_examine_pop .details_guide .guide_line .inner img { width: 60px; } 
    .total_examine_pop .guide_line .inner dl dt { font-size: 16px; } 
    .total_examine_pop .nutrition_info { float: none; width: auto; margin: 20px 0 0; padding: 0 15px; border: 0; } 
    .total_examine_pop .nutrition_info > img { width: 50px; height: 50px; margin-right: 12px; } 
    .total_examine_pop .nutrition_info:nth-last-of-type(even) { margin-left: 0; } 
    .total_examine_pop .nutrition_info dl dt { font-size: 16px; } 
    .nutritional_care { padding-bottom: 72px; } 
    .nutritional_care .title { margin-bottom: 34px; } 
    .nutritional_care .nutrition_info dl dt span { padding: 4px 8px; } 
    .total_examine_pop .list li em { right: 10px; } 
}

.section_round {position: relative; max-width: 375px; margin: 0 auto; border-radius: 12px; box-shadow: 0px 0px 11.194px 0px rgba(0, 0, 0, 0.08); background-color: #FFF;}
.section_round + .section_round {margin-top: 20px;}
.section_round .chart-inner {box-shadow: none;}
.score_vet {display: flex; align-items: center; margin-top: 48px;  padding: 24px 20px;}
.score_vet .score {display: flex; align-items: flex-end; justify-content: center;width: 87px; margin-right: 14px;}
.score_vet .score strong {font-size: 38px;  font-weight: 600; line-height: normal;}
.score_vet .score span {margin-left: 2px; font-size: 22px; font-weight: 500; line-height: 35px;}
.score_vet .word .tit { font-size: 18px; font-weight: 700; line-height: 130%;}
.score_vet .word p {margin-top: 4px; font-size: 16px; line-height: 130%;}
.total_examine .average-area .title, .section_round .title {margin-bottom: 20px; font-size: 22px; font-weight: 700; line-height: 130%;}
.section_round .title span {display: block; margin-bottom: 4px; font-size: 18px; font-weight: 500; line-height: 120%;}
.average-area {padding: 24px 24px 28px;}
.average-area .title strong { color: #68A5FE;}
.average-area .chart-wrap .lifet-chart {width: 100%; height: 233px;}
.average-area .lifet-chart .yAxes__ div span {display: none;}
.average-area .lifet-chart .canvas__ .value__ .bar__ {color: #92BEFF !important;}
.average-area .lifet-chart .canvas__ .value__ .bar__:first-child  {color: #68A5FE !important;}
.average-area .lifet-chart .canvas__ .value__ .bar__ span {font-size: 16px; font-weight: 600;}
.average-area .chart-wrap {width: 268px; padding: 0;}
.average-area .chart-inner {justify-content: center; margin: 0; padding: 0;}
.average-area .lifet-chart .canvas__ .value__ .bar__ > div  {width: 40px; margin: 0 6px; border-radius: 4px;}
.average-area .lifet-chart .canvas__ .value__ .bar__ + .bar__ {margin-left: 20px;}
.average-area .lifet-chart .yAxes__ {display: flex; align-items: center; width: 100%; padding-top: 12px; font-size: 14px; font-weight: 500; border-top: 0;}
.average-area .lifet-chart .yAxes__ > div + div {margin-left: 20px;}
.total_examine .average-area .title strong, .details_examine .average-area .title strong { color: #68A5FE;}
/*.total_examine .average-area .chart-wrap .lifet-chart, .details_examine  .average-area .chart-wrap .lifet-chart {width: 100%; height: 233px;}*/
.total_examine .average-area .lifet-chart .yAxes__ div span, .details_examine .average-area .lifet-chart .yAxes__ div span {display: none;}
.total_examine .average-area .lifet-chart .canvas__ .value__ .bar__, .details_examine .average-area .lifet-chart .canvas__ .value__ .bar__ {color: #92BEFF !important;}
.total_examine .average-area .lifet-chart .canvas__ .value__ .bar__:first-child, .details_examine .average-area .lifet-chart .canvas__ .value__ .bar__:first-child  {color: #68A5FE !important;}
.total_examine .average-area .lifet-chart .canvas__ .value__ .bar__ span, .details_examine .average-area .lifet-chart .canvas__ .value__ .bar__ span {font-size: 16px; font-weight: 600;}
.total_examine .average-area .chart-wrap, .details_examine  .average-area .chart-wrap {width: 268px; padding: 0;}
/*.total_examine .average-area .chart-inner, .details_examine .average-area .chart-inner {justify-content: center; margin: 0; padding: 0;}*/
.total_examine .average-area .lifet-chart .canvas__ .value__ .bar__ > div, .details_examine .average-area .lifet-chart .canvas__ .value__ .bar__ > div  {width: 40px; margin: 0 6px; border-radius: 4px;}
.total_examine .average-area .lifet-chart .canvas__ .value__ .bar__ + .bar__, .details_examine .average-area .lifet-chart .canvas__ .value__ .bar__ + .bar__ {margin-left: 20px;}
.total_examine .average-area .lifet-chart .yAxes__, .details_examine .average-area .lifet-chart .yAxes__ {height: auto; padding-top: 12px; font-size: 14px; font-weight: 500; border-top: 0;}
.total_examine .average-area .lifet-chart .yAxes__ > div:first-child, .details_examine .average-area .lifet-chart .yAxes__ > div:first-child {font-size: 14px; font-weight: 500;}
.total_examine .average-area .lifet-chart .yAxes__ > div + div, .details_examine .average-area .lifet-chart .yAxes__ > div + div {margin-left: 20px;}
.worst_top5, .disease_area  {padding: 28px 24px;}
.worst_top5 .title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px;}
.worst_top5 .title  button {color: #808080; font-size: 16px; line-height: 130%; text-decoration-line: underline;}
.worst_top5 ul li {display: flex; align-items: center; justify-content: space-between; height: 40px;}
.worst_top5 ul li + li {margin-top: 14px;}
.worst_top5 ul li .left {display: flex; align-items: center;}
.worst_top5 ul li .num {display: inline-block; width: 25px; padding-left: 8px; font-size: 18px; font-weight: 700; line-height: 130%; }
.worst_top5 ul li .badge {display: inline-block; height: 21px; margin: 0 12px; padding: 2px 6px; color: #fff; font-size: 13px; font-weight: 600; line-height: 130%; border-radius: 40px;}
.worst_top5 ul li .part_name {font-size: 18px; font-weight: 600; line-height: 130%;}
.worst_top5 ul li .rig {text-align: right;}
.worst_top5 ul li .rig strong {font-size: 18px; font-weight: 600; line-height: 130%;}
.worst_top5 ul li .rig span {display: block;  padding-left: 12.3px; font-size: 13px; font-weight: 600; line-height: 130%;  background-position: left center; background-repeat: no-repeat; background-size: 9px;}
.modal-dialog .worst_top5 ul li .rig span {min-width: 70px; text-align: left;}
.worst_top5 ul li .rig span.up {color: #4880ED; background-image: url(https://img.lifet.co.kr/icon/score_up.png);}
.worst_top5 ul li .rig span.down {color: #DD5257; background-image: url(https://img.lifet.co.kr/icon/score_down.png);}
.worst_top5 ul li .rig span.same {padding-right: 12px; text-align: right;}
.disease_area .inner {margin-top: 8px; padding: 16px 10px 14px 16px; border-radius: 8px; background-color: #F4F5FA;}
.disease_area .inner .tit {margin-bottom: 12px; font-size: 18px; font-weight: 700; line-height: 120%;}
.disease_area .inner .tit span {margin-left: 4px; color: #666; font-size: 12px; font-weight: 400; line-height: 120%;}
.disease_area .inner dl {display: flex; font-size: 16px;}
.disease_area .inner dl + dl {margin-top: 4px;}
.disease_area .inner dl dt {width: 34px;}
.disease_area .inner dl dd {flex: 1;}
.disease_area button, .bsc_new > button, .diagnostic_test > button, .veterinarian > button {display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 16px; padding-top: 16px; color: #5498FA; font-size: 18px; font-weight: 600; line-height: 130%; border-top: 1px solid #EFEFEF;}
.disease_area button::after, .bsc_new button::after, .diagnostic_test > button::after, .veterinarian > button::after {content: ''; display: inline-block; width: 18px; height: 18px; margin-left: 4px; background: url(https://img.lifet.co.kr/icon/arrow_parts.png) no-repeat left center; background-size: 18px;}
.disease_area button, .bsc_new > button, .diagnostic_test > button {display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 16px; padding-top: 16px; color: #5498FA; font-size: 18px; font-weight: 600; line-height: 130%; border-top: 1px solid #EFEFEF;}
.disease_area button::after, .bsc_new button::after, .diagnostic_test > button::after {content: ''; display: inline-block; width: 18px; height: 18px; margin-left: 4px; background: url(https://img.lifet.co.kr/icon/arrow_parts.png) no-repeat left center; background-size: 18px;}
.weak_pats {padding: 28px 24px 20px;}

.doctor_banner {padding: 30px 0; background-color: #F4F5FA;}
.doctor_banner .inner {max-width: 375px; margin: 0 auto; background: url(http://img.lifet.co.kr/profile/doctor_banner.png) no-repeat right 15px top; background-size: 117px;}
.doctor_banner .tit {padding: 16px 0 4px; font-size: 20px; font-weight: 600; line-height: 150%; }
.doctor_banner p {margin-bottom: 16px; font-size: 16px; line-height: 130%;}
.doctor_banner button {width: 100%; height: 52px; font-size: 18px; border-radius: 67px; background-color: #68A5FE;}

.best_nutrient {max-width: 375px; margin: 70px auto 50px;}
.best_nutrient .title, .counsel_list .title, .contents_list .title {margin-bottom: 16px; font-size: 22px; font-weight: 700; line-height: 130%;}
.best_nutrient .title span {color: #F66;}
.best_nutrient .product_list {flex-flow: column; margin: 0;}
.best_nutrient .product_list li {width: 100%; margin: 0 0  12px;}
.best_nutrient .product_list li .point_tooltip {display: none;}
.best_nutrient .product_list li:first-child .point_tooltip {display: flex; left: auto; right: 0; top: -30px; bottom: auto;}
.best_nutrient .product_list li a {display: flex; align-items: flex-start;}
.best_nutrient .product_list li .img { display: block; width: 123px; height: 123px; margin-right: 13px; margin-bottom: 0;}
.best_nutrient .product_list li .img img {width: 100%;}
.best_nutrient .product_list li .img .badge {right: auto; left: 0; bottom: 0; width: 22px; height: 22px; padding: 3px 0; font-size: 13px; text-align: center; border-radius: 0;}
.best_nutrient .product_list li .pro_name {flex: 1;} 
.best_nutrient .product_list li .heart {left: 96px; top: 6px; width: 18px !important; height: 18px !important; background-size: 18px !important;}

.counsel_list {max-width: 375px; margin: 0 auto 50px;}
.counsel_list .question_area {flex-flow: column; margin-top: 0;}
.contents_list {max-width: 375px; margin: 0 auto 70px;}
.contents_list .cartegory_list {flex-flow: column; width: auto; margin: 0; padding: 0;}
.contents_list .cartegory_list li {width: auto; margin: 0;}
.contents_list .cartegory_list li + li {margin-top: 9px;}
.contents_list .cartegory_list li a {display: flex; justify-content: space-between; padding: 16px 14px; border-radius: 9px;}
.contents_list .cartegory_list li .text {position: relative; width: 59%; padding: 0;}
.contents_list .cartegory_list li h3 {margin: 4px 0 18px; padding-right: 10px; font-size: 18px; white-space: normal;}
.contents_list .cartegory_list li .img {width: 140px; height: 104px; border-radius: 8px;}
.contents_list .cartegory_list li .img img {width: 140px; height: 104px; object-fit: cover;}
.contents_list .cartegory_list li p {position: absolute; bottom: 0; left: 0; height: auto; font-size: 14px; font-weight: 400;}

#totalScorePop.bottom_sheet .content-area {text-align: left;}
.modal-dialog .worst_top5 {width: 375px; padding-top: 60px; padding-right: 0;}
.modal-dialog .worst_top5 ul {overflow-y: auto; max-height: 526px; padding-right: 28px;}
.modal-dialog .worst_top5 ul li .rig {display: flex; align-items: center; flex-direction: row-reverse;}
.modal-dialog .worst_top5 ul li .rig strong {width: 47px; margin-left: 8px;}
.modal-dialog .worst_top5 button {width: calc(100% - 28px); margin-top: 30px; font-size: 16px; border-radius: 60px;}

.score_change {margin: 0 24px; padding: 20px 0 18px; border-top: 1px solid #EBEBEB;}
.score_change .title {margin-bottom: 8px;}
.score_change ul {display: flex; flex-wrap: wrap; margin-left: -8px;}
.score_change ul li {width: 159px; height: 82px; margin: 8px 0 0 8px; padding: 12px 15px; border-radius: 10px; background-color: #F4F5FA;}
.score_change ul li span:first-child {display: block; margin-bottom: 4px; font-size: 18px;  font-weight: 600; line-height: 130%;}
.score_change ul li strong, .score_change ul li span:last-child {font-size: 24px; font-weight: 600; line-height: 130%; }
.score_change ul li span:last-child {margin-left: 4px; margin-right: -8px; padding-right: 20px; color: #666; background-size: 16px; background-position: right center; background-repeat: no-repeat;}
.score_change ul li span.up {color: #4880ED; background-image: url(http://img.lifet.co.kr/icon/score_up.png);}
.score_change ul li span.down {color: #DD5257; background-image: url(http://img.lifet.co.kr/icon/score_down.png);}

.diagnostic_test {margin-bottom: 70px; padding: 26px 24px 20px;}
.diagnostic_test ul li {display: flex; align-items: center; padding: 14px 0;}
.diagnostic_test ul li > span {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin-right: 15px; border-radius: 50%; background-color: #F5F5F5;}
.diagnostic_test ul li > span img {width: 44px;}
.diagnostic_test ul li p {flex: 1;}
.diagnostic_test ul li p span {display: block; margin-bottom: 4px; font-size: 18px; line-height: 130%;}
.diagnostic_test ul li p strong {font-size: 18px; font-weight: 600; line-height: 130%;}

.details_guide {overflow: hidden; max-width: 375px; margin: 70px auto 50px;}
.details_guide .title {margin-bottom: 16px; font-size: 22px; font-weight: 700; line-height: 130%;}
.details_guideSwiper .swiper-slide {width: 294px; height: auto !important; margin-right: 8px; padding: 30px 22px; border-radius: 18px; background-color: #F4F5FA;}
.details_guideSwiper .swiper-slide .img::before {display: none;}
.details_guideSwiper .img {width: 80px; height: 80px; margin: 0 auto 12px; padding: 10px; border-radius: 50%; background-color: #fff;}
.details_guideSwiper .img img {width: 100%;}
.details_guideSwiper dl dt {margin-bottom: 18px; font-size: 22px; font-weight: 700; line-height: 120%; text-align: center;}
.details_guideSwiper dl p {font-size: 15px; line-height: 140%; }
.details_guideSwiper dl p:last-child {font-weight: 500;}
.details_guideSwiper dl dd span {display: inline-block; margin: 12px 0 9px; padding: 2px 6px; color: #fff; font-weight: 500; line-height: 130%; border-radius: 100px; background-color: #68A5FE;}

.custom_nutrition dl dt {display: flex; align-items: center; margin-bottom: 5px;  font-size: 18px; font-weight: 600; line-height: 130%;}
.custom_nutrition dl dt span {margin-left: 5px; padding: 2px 6px; color: #68A5FE; font-size: 12px; font-weight: 600; line-height: 130%; border-radius: 10px; border: 1px solid #68A5FE;}
.custom_nutrition dl dd {padding-bottom: 20px; color: #666; font-size: 15px; line-height: 130%;}
.nutrition_contents {position: relative; display: flex; justify-content: space-between; margin: 0 0 30px; padding: 14px 12px; border-radius: 8px; border: 1px solid #E4E4E4; cursor: pointer;}
.nutrition_contents .left {flex: 1;}
.nutrition_contents .left span:first-child {color: #6992DE; font-size: 13px; font-weight: 600; line-height: 130%; }
.nutrition_contents .left strong {display: block; margin-top: 2px; color: #494949; font-size: 18px; font-weight: 600; line-height: 130%;}
.nutrition_contents .left .tag {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; bottom: 14px; left: 12px;  width: 240px; color: #6C6C6C; font-size: 13px; line-height: 130%}
.nutrition_contents .img {overflow: hidden; width: 106px; height: 94px; border-radius: 4px;}
.nutrition_contents .img img {width: 106px; height: 94px; object-fit: cover;}
.nutrition_product h2 button, .ai_check .title h1 button {overflow: hidden; display: inline-block; width: 24px; height: 24px; transform: rotate(-90deg); text-indent: -99999px; background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; background-size: 24px;}
.nutrition_product {position: relative; margin-bottom: 50px;}
.nutrition_product .product_list {margin: 0; margin-right: -9px;}
.nutrition_product .product_list li {width: calc(100% / 2 - 9px); margin: 16px 9px 0 0;}
.nutrition_product h2 button {overflow: hidden; display: inline-block; width: 24px; height: 24px; transform: rotate(-90deg); text-indent: -99999px; background: url(https://img.lifet.co.kr/icon/arrow_down_gray2.svg) no-repeat right center; background-size: 24px;}
.nutrition_product .product_list li .img {width: auto; height: auto;}
.nutrition_product .product_list li .img img {width: 100%;}
.nutrition_product .product_list li .heart {top: 10px; right: 10px; width: 24px; height: 24px; background-size: 24px;}

.symptom_list {display: flex; flex-wrap: wrap; margin-left: -16px; margin-top: 14px; margin-bottom: -18px;}
.symptom_list li {width: calc(100% / 2 - 16px); margin: 0 0 18px 16px;}
.symptom_list li img {display: block; width: 100%;}
.symptom_list li span {display: block; margin-top: 13px; font-size: 18px; font-weight: 600; line-height: 130%; text-align: center;}

.dislocation_info {overflow-y: auto; max-width: 390px; max-height: calc(100vh - 114px); padding: 0 20px; text-align: left;}
.dislocation_info img {max-width: 100%;}
.dislocation_info dl dt {margin: 12px 0 10px; font-size: 18px; font-weight: 700; line-height: 130%; }
.dislocation_info .tit {margin:20px 0 2px; font-size: 16px; font-weight: 600; line-height: 150%;}
.dislocation_info p {margin-bottom: 20px; font-size: 15px; line-height: 150%;}

.survey_slick {max-width: 1170px; margin: 50px auto 0; cursor: pointer;}
.survey_slick img {max-width: 100%;}

@media (max-width: 767px) {
    .details_examine .examineTotal-area .wrap {max-width: 100%; padding-right: 0; padding-left: 0;}
    .disease_area button, .bsc_new > button, .diagnostic_test > button {font-size: 16px;}
    .best_nutrient .title, .counsel_list .title, .contents_list .title {font-size: 20px;}
    .disease_area button::after, .bsc_new button::after, .diagnostic_test > button::after {width: 16px; height: 16px; background-size: 16px;}
    .section_round {max-width: none; border-radius: 10px;}
    .score_vet {margin-top: 25px; padding: 17px 18px 14px;}
    .up .score_vet {margin-top: 68px;}
    .score_vet .score {margin-right: 13px;}
    .score_vet .score strong {font-size: 34px;}
    .score_vet .score span {font-size: 20px;}
    .score_vet .word .tit, .worst_top5 ul li .num, .worst_top5 ul li .part_name, .section_round .title span  {font-size: 16px;}
    .score_vet .word p {margin-top: 3px; font-size: 14px;}
    .average-area .lifet-chart .yAxes__ {padding-bottom: 0;}
    .average-area .title, .section_round .title {font-size: 20px;}
    .average-area {padding: 24px 20px;}
    .average-area .lifet-chart .yAxes__ {padding-bottom: 0;}
    .average-area .chart-wrap {width: 256px;}
    .average-area .chart-wrap .lifet-chart {height: 213px;}
    .average-area .lifet-chart .canvas__ .value__ .bar__ > div {width: 36px; margin: 0 8px;}
    .average-area .lifet-chart .canvas__ .value__ .bar__ + .bar__, .total_examine .average-area .lifet-chart .yAxes__ > div + div {margin-left: 16px;}
    .total_examine .average-area .lifet-chart .yAxes__, .details_examine .average-area .lifet-chart .yAxes__ {padding-bottom: 0;}
    .total_examine .average-area .title, .section_round .title {font-size: 20px;}
    .total_examine .average-area {padding: 24px 20px;}
/*    .total_examine .average-area .chart-wrap .lifet-chart, .details_examine .average-area .chart-wrap .lifet-chart {height: 213px;}*/
    .total_examine .average-area .lifet-chart .yAxes__ {padding-bottom: 0;}
    .total_examine .average-area .chart-wrap {width: 256px;}
    .total_examine .average-area .lifet-chart .canvas__ .value__ .bar__ > div {width: 36px; margin: 0 8px;}
    .total_examine .average-area .lifet-chart .canvas__ .value__ .bar__ + .bar__, .total_examine .average-area .lifet-chart .yAxes__ > div + div {margin-left: 16px;}
    .total_examine .average-area .lifet-chart .canvas__ .value__ .bar__ > div {width: 36px; margin: 0 8px;}
    .total_examine .average-area .lifet-chart .canvas__ .value__ .bar__ + .bar__, .total_examine .average-area .lifet-chart .yAxes__ > div + div {margin-left: 16px;}
    .worst_top5 .title button, .disease_area .inner dl, .counsel_list .question_area .left p {font-size: 14px;}
    .worst_top5 ul li .num {width: 20px;}
    .worst_top5 ul li .badge {height: 20px; font-size: 12px;}
    .worst_top5 ul li .rig span {text-align: right; min-width: auto; font-size: 12px; background-size: 8px;}
    .disease_area button, .bsc_new > button {margin-bottom: -6px; font-size: 16px;}
    .disease_area button::after, .bsc_new button::after {width: 16px; height: 16px; background-size: 16px;}
    .section_round.bsc_new + .section_round.bsc_new {margin-bottom: 40px; padding: 16px 19px 22px;}
    .best_nutrient .title, .counsel_list .title, .contents_list .title {font-size: 20px;}
    .doctor_banner {margin: 0 -20px; padding: 11px 20px 20px;}
    .doctor_banner .inner { background-size: 107px; background-position: right 21px top;}
    .doctor_banner .tit {padding: 16px 0 2px; font-size: 18px;}
    .doctor_banner p {margin-bottom: 17px; font-size: 14px;}
    .doctor_banner button {height: 44px; font-size: 16px;}
    .best_nutrient {margin: 40px 0 28px;}
    .best_nutrient .product_list li .img {width: 110px !important; height: 110px !important; margin-right: 12px;}
    .best_nutrient .product_list li .pro_name {flex: 1;}
    .best_nutrient .product_list li .heart {left: 86px; }
    .best_nutrient .product_list li a {margin-bottom: 0;}
    .counsel_list {max-width: 100%; margin-bottom: 40px;}
    .counsel_list .question_area .consult__list li a {border-radius: 10px;}
    .up .contents_list {padding-bottom: 0;}
    .contents_list {max-width: 100%; margin-bottom: 0; padding-bottom: 32px;}
    .up .contents_list {padding-bottom: 64px;}
    .contents_list .title {margin-bottom: 14px;}
    .contents_list .cartegory_list li {margin: 0 0 8px !important;}
    .contents_list .cartegory_list li h3 {font-size: 16px;}
    .contents_list .cartegory_list li .text {width: 56%;}
    .contents_list .cartegory_list li .img, .contents_list .cartegory_list li .img img {width: 126px; height: 94px;}
    #totalScorePop.bottom_sheet .content-area {padding: 0;}
    .modal-dialog .worst_top5 {width: 100%;}
    .modal-dialog .worst_top5 ul {max-height: calc(100vh - 210px);}
    .score_change ul {margin-left: -7px;}
    .score_change ul li {width: calc(100% / 2 - 7px); height: 74px; margin: 7px 0 0 7px; padding: 10px 14px;}
    .score_change ul li span:first-child {font-size: 16px;}
    .score_change ul li strong, .score_change ul li span:last-child {font-size: 22px;}
    .section_round.diagnostic_test {margin-top: 26px; margin-bottom: 40px; padding: 24px 20px 20px;}
    .diagnostic_test ul li > span {width: 54px; height: 54px;}
    .diagnostic_test ul li > span img {width: 40px;}
    .diagnostic_test ul li p {flex: 1;}
    .diagnostic_test ul li p span {font-size: 16px;}
    .diagnostic_test ul li p strong {font-size: 18px;}
    .details_guide {max-width: none; margin: 40px -20px 40px; padding-left: 20px;}
    .custom_nutrition dl dd {padding-bottom: 17px; font-size: 14px;}
    .nutrition_contents {margin: 0 0 40px;}
    .nutrition_contents .left span:first-child {font-size: 12px;}
    .nutrition_contents .left strong {font-size: 16px;}
    .nutrition_contents .left .tag {width: calc(100% - 130px); font-size: 12px;}
    .nutrition_product {margin-bottom: 10px;}
    .nutrition_product .product_list li {margin-top: 11px;}
    
    .dislocation_info {max-width: 100%; text-align: center;}
    .dislocation_info dl {text-align: left;}
    .dislocation_info dl dt {margin-top: 20px;}
    .dislocation_info img {max-width: 320px;}
    .symptom_list li {margin: 0 0 16px 15px;}
    .symptom_list li span {margin-top: 12px; font-size: 16px;}
    .complications {padding: 4px 20px 20px;}
    .complications dt {margin-top: 16px; font-size: 16px;}
    .complications dd {font-size: 15px;}
    .survey_slick {max-width: 100%; margin: 20px 20px 0;}
}