.health_age{margin:0 auto;width:calc(100% - 40px);max-width:790px;line-height:1.3}.health_age .info_box{padding:16px 28px;font-size:14px;background-color:var(--color-bg-lightskyblue);border-radius:12px;margin-top:20px}.health_age .service_tab{width:100%;display:flex;margin:24px 0 36px 0}.health_age .service_tab li{padding:8px 18px;text-align:center;border-bottom:1px solid #eaecf0;cursor:pointer;white-space:nowrap}.health_age .service_tab li.select{border-bottom:2px solid var(--color-border-brand)}.health_age .period_select{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px 0}.health_age .period_select select{width:200px;height:40px;padding:8px 12px;gap:12px}.health_age .health_age_section{display:flex;flex-direction:column;gap:24px;padding:32px;margin:0 0 36px 0;background-color:var(--color-bg-lightskyblue);border-radius:12px}.health_age .health_age_section .top{display:flex;align-items:center;justify-content:space-between}.health_age .health_age_section .top .left .title{display:flex;flex-direction:row;align-items:center;gap:12px;margin:0 0 12px 0;font-size:32px;font-weight:var(--font-weight-sb)}.health_age .row{display:flex;flex-direction:row;align-items:center;gap:12px}.health_age .health_age_section .top .right{display:flex;flex-direction:column;gap:12px}.health_age .health_age_section .top .right>div{display:flex;justify-content:center;align-items:center;width:130px;height:40px;color:var(--color-text-inverse);border-radius:20px}.health_age .health_age_section .top .right>div span{margin:0 0 0 12px;font-size:20px;font-weight:var(--font-weight-sb)}.health_age .health_age_section .top .right>div.actuality_age{background-color:var(--color-bg-brand)}.health_age .health_age_section .top .right>div.healthy_age{background-color:var(--color-bg-health)}.health_age .health_age_section .middle{display:flex;justify-content:space-between;gap:120px;padding:12px;background-color:var(--color-bg-inverse);border-radius:8px}.health_age .health_age_section .middle>ul{display:flex;flex-direction:column;gap:16px;width:100%}.health_age .health_age_section .middle>ul li{display:flex;gap:50px}.health_age .health_age_section .middle>ul li .info{width:80px}.health_age .health_age_section .bottom{padding:20px;background-color:var(--color-bg-inverse);border-radius:8px;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:22px;word-break:keep-all}.health_age .period_select .inquiry{display:flex;justify-content:center;gap:4px;padding:9px 12px;align-items:center;color:var(--color-text-inverse);background-color:var(--color-bg-brand);border-radius:8px;cursor:pointer}.health_age .control_health_risk{margin:0 0 45px}.health_age .page_title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:var(--font-weight-sb)}.health_age .control_health_risk .page_subtitle{margin:8px 0 24px;font-size:14px;line-height:19px}.health_age .control_health_risk .control_list{display:flex;flex-direction:column;gap:12px}.health_age .control_health_risk .control_title{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:var(--font-weight-sb)}.health_age input[type=range]{-webkit-appearance:none;width:100%;background:0 0;border:none}.health_age input[type=range]:focus{outline:0}.health_age input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;border-radius:4px}.health_age input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-bg-inverse);cursor:pointer;height:22px;width:22px;margin-top:-6.5px;box-shadow:1px 2px 4px 0 rgba(0,0,0,.4);border-radius:11px;position:relative}.health_age input[type=range]::-webkit-slider-thumb{background:var(--color-bg-inverse)}.health_age .range_container{position:relative;margin:26px 0 0 0}.health_age .range_container .range_wrap{position:relative;padding:8px 0;width:100%}.health_age .range_wrap .tooltip{display:flex;align-items:center;justify-content:center;position:absolute;top:-25px;left:50%;transform:translateX(-50%);background:var(--color-bg-brand);color:#fff;width:40px;height:30px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none}.health_age .range_wrap .tooltip::before{width:8px;height:8px;background-color:var(--color-bg-brand);content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg)}.health_age .range_container .gauge_wrap{display:flex;gap:12px;align-items:center;width:100%}.health_age .control_health_risk .age_section{margin:45px 0 0 0;padding:24px;text-align:center;background-color:var(--color-bg-box);border-radius:12px;font-size:18px;font-weight:var(--font-weight-m)}.health_age .control_health_risk .age_section span{color:var(--color-text-brand);font-weight:var(--font-weight-sb)}.health_age .notice_txt{padding:24px 36px;background-color:var(--color-bg-box);border-radius:12px;font-size:14px;color:var(--color-text-tertiary);word-break:keep-all}.health_age .notice_txt .title{margin:0 0 4px 0;font-size:16px;font-weight:var(--font-weight-m);color:var(--color-text-primary)}.health_age .none_report{display:flex;flex-direction:column;align-items:center;margin:140px 0}.health_age .none_report .title{margin:42px 0 24px;font-size:20px;font-weight:var(--font-weight-sb)}.health_age .none_report .txtbox{color:var(--color-text-secondary);text-align:center}.health_age .none_report .txtbox a{color:var(--color-text-secondary);text-align:center;font-weight:var(--font-weight-sb);padding-top:20px}.health_age .detail_contentwrap{margin:0 auto;width:100%;max-width:1024px}.health_age .detail_contentwrap .detail_contents{display:flex;justify-content:space-between;padding:100px 0;overflow:hidden}.health_age .detail_contentwrap .detail_contents.row_reverse{flex-direction:row-reverse}.health_age .detail_contentwrap .detail_contents .contents_textwrap{padding:80px 28px 0 28px}.health_age .detail_contentwrap .detail_contents .contents_textwrap .textchip{font-size:var(--font-size-24);font-weight:var(--font-weight-sb);color:#004bab}.health_age .detail_contentwrap .detail_contents .contents_textwrap .textmain{padding:12px 0 24px 0;font-size:var(--font-size-48);font-weight:var(--font-weight-sb)}.health_age .detail_contentwrap .detail_contents .contents_textwrap .textmain .colorbrand{color:var(--color-text-brand)}.health_age .detail_contentwrap .detail_contents .contents_textwrap .textsub{font-size:var(--font-size-20);font-weight:var(--font-weight-m);color:var(--color-text-tertiary)}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .imgbox{position:relative}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .imgbox .img_mockup{width:360px}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .imgbox .img_front{width:332px;position:absolute;bottom:0}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .imgbox .img_front.medical_records{right:132px}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .imgbox .img_front.checkup{left:132px}.health_age .detail_contentwrap .detail_contents .contents_textwrap .btn_matchinggo{margin:48px 0 0 0;padding:0 24px;height:48px;font-size:var(--font-size-18);font-weight:var(--font-weight-sb);color:var(--color-text-inverse);background:var(--color-bg-brand);border-radius:var(--border-radius-8)}.health_age .detail_contentwrap .detail_contents .contents_textwrap .btn_box{margin:48px 0 0 0;display:flex;gap:20px}.health_age .detail_contentwrap .detail_contents .contents_textwrap .btn_box .iconbox{width:160px}.health_age .detail_contentwrap .detail_contents .contents_imgwrap{position:relative}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .btn_down{width:50%;height:50px;position:absolute;bottom:21%;left:50%;transform:translateX(-50%);cursor:pointer}.health_age .detail_contentwrap .detail_first{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0}.health_age .detail_contentwrap .detail_first img{position:relative;max-width:464px;max-height:402px}.health_age .detail_contentwrap .detail_first .title{margin-top:91px;color:var(--Color-text-primary,#1d2939);text-align:center;font-family:Pretendard;font-size:36px;font-style:normal;font-weight:var(--font-weight-b);line-height:48px}.health_age .detail_contentwrap .detail_first .title span{border-bottom:3px solid var(--color-border-brand)}.health_age .detail_contentwrap .detail_first .txt{padding:40px 0 0 0;color:var(--Color-text-secondary,#475467);text-align:center;font-family:Pretendard;font-size:28px;font-style:normal;font-weight:var(--font-weight-m);line-height:normal}.health_age .detail_contentwrap .detail_first .txt span{color:var(--Color-text-error,#f04438)}.detail_btnwrap{position:fixed;left:50%;bottom:40px;transform:translateX(-50%)}.detail_btnwrap .btn_healthgo{padding:20px 0;width:300px;font-size:var(--font-size-24);font-weight:var(--font-weight-sb);color:var(--color-text-inverse);background:var(--primitive-color-secondary);border-radius:var(--border-radius-full)}.scroll_on{opacity:0;transition:all ease 1s}.scroll_on2{opacity:0;transition:all ease .8s}.scroll_on.active,.scroll_on2.active{opacity:1!important;transform:translate(0,0)!important}.scroll_on.type_bottom{transform:translate(0,100px)}.scroll_on2.type_bottom{transform:translate(0,150px)}.health_age .go_service{width:100%;position:fixed;left:50%;bottom:40px;transform:translateX(-50%)}.health_age .go_service>button{padding:20px 0;margin:0 auto;width:100%;max-width:400px;font-size:var(--font-size-24);font-weight:var(--font-weight-sb);color:var(--color-text-inverse);background:var(--color-bg-brand);border-radius:var(--border-radius-full)}.health_age .disease_prediction{margin:36px auto}.health_age .disease_prediction .percent_wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;margin:54px auto 24px;width:150px;height:150px;border:2px solid var(--color-border-primary);border-radius:75px;position:relative}.health_age .disease_prediction .percent_wrap .top{color:#12b76a;font-size:20px;font-weight:var(--font-weight-sb)}.health_age .disease_prediction .percent_wrap .top.normal{color:#12b76a}.health_age .disease_prediction .percent_wrap .top.alert{color:#ffb515}.health_age .disease_prediction .percent_wrap .top.warn{color:#ffec1f}.health_age .disease_prediction .percent_wrap .top.danger{color:red}.health_age .disease_prediction .percent_wrap .bottom{font-size:20px;color:var(--color-text-tertiary)}.health_age .disease_prediction .percent_wrap::after{position:absolute;content:'';width:100px;height:1px;background-color:var(--color-border-primary)}.health_age .disease_prediction .degree_danger{display:flex;justify-content:center;align-items:center;margin:0 0 24px 0;width:100%}.health_age .disease_prediction .degree_danger li{display:flex;align-items:center;justify-content:center;width:calc(100% / 5);height:24px;background-color:var(--color-bg-box);font-size:14px;font-weight:var(--font-weight-m)}.health_age .disease_prediction .degree_danger li.normal{background-color:#12b76a;color:var(--color-text-inverse)}.health_age .disease_prediction .degree_danger li.alert{background-color:#ffb515;color:var(--color-text-primary)}.health_age .disease_prediction .degree_danger li.warn{background-color:#ffec1f;color:var(--color-text-primary)}.health_age .disease_prediction .degree_danger li.danger{background-color:red;color:var(--color-text-inverse)}.health_age .disease_prediction .degree_danger li:first-of-type{border-radius:12px 0 0 12px}.health_age .disease_prediction .degree_danger li:last-of-type{border-radius:0 12px 12px 0}.health_age .danger_analysis{margin:36px 0 0 0}.health_age .danger_analysis .page_title{margin:0 0 24px 0}.health_age .danger_analysis .ingredient_list{display:flex;gap:12px;flex-wrap:wrap}.health_age .danger_analysis .ingredient_list>li{flex:0 0 calc((100% - 2 * 12px)/ 3);box-sizing:border-box;min-width:calc((100% - 2 * 12px)/ 3);padding:20px;border:1px solid var(--color-border-primary);border-radius:12px}.health_age .danger_analysis .ingredient_list>li .badge{display:inline-block;padding:6px 12px;font-size:14px;font-weight:var(--font-weight-m);background-color:#ffd7d7;color:red;border-radius:4px}.health_age .danger_analysis .ingredient_list>li .attention{background-color:#d1fadf;color:#12b76a}.health_age .danger_analysis .ingredient_list>li .nomal{background-color:#dce5ff;color:#5073ff}.health_age .danger_analysis .ingredient_list>li ul{display:flex;flex-direction:column;gap:18px;margin:12px 0}.health_age .danger_analysis .ingredient_list>li ul li{display:flex;align-items:center;justify-content:space-between}.health_age .danger_analysis .ingredient_list>li ul li .right{color:var(--color-text-tertiary);font-weight:var(--font-weight-m)}.health_age .danger_analysis .ingredient_list>li ul li:first-of-type{font-size:20px;font-weight:var(--font-weight-b)}.health_age .danger_analysis .ingredient_list>li ul li:first-of-type .right{font-size:20px;color:var(--color-text-primary);font-weight:var(--font-weight-b)}.health_age .danger_analysis .ingredient_list>li .view_detail{display:flex;align-items:center;justify-content:center;height:42px;font-size:18px;font-weight:var(--font-weight-m);border-radius:8px;border:1px solid var(--color-border-primary);color:var(--color-text-primary);cursor:pointer}input[type=range].slider{background-color:#eaecf0;background-repeat:no-repeat;background-size:100% 100%;background-image:linear-gradient(to right,var(--color-bg-brand) 0,var(--color-bg-brand) 50%,#eaecf0 50%,#eaecf0 100%)}@media screen and (max-width:767px){.health_age{margin:0 auto;width:calc(100% - 40px);max-width:initial}.health_age .info_box{margin:0 auto;margin-top:20px}.health_age .service_tab{margin:16px 0 24px;white-space:nowrap;overflow-x:scroll;-ms-overflow-style:none;scroll-snap-type:none}.health_age .service_tab::-webkit-scrollbar{display:none}.health_age .service_tab li{padding:8px 20px;text-align:center;border-bottom:1px solid #eaecf0;font-size:14px}.health_age .health_age_section{gap:16px;padding:12px;margin:0 0 24px 0}.health_age .health_age_section .top{display:flex;flex-direction:column;gap:14px;align-items:initial;justify-content:initial;font-size:14px}.health_age .health_age_section .top .left .title{margin:0 0 12px 0;font-size:24px}.health_age .health_age_section .top .right{display:flex;flex-direction:column;gap:12px}.health_age .health_age_section .top .right>div{display:flex;justify-content:space-between;align-items:center;padding:12px;width:100%}.health_age .health_age_section .middle{display:flex;flex-direction:column;justify-content:initial;gap:16px}.health_age .health_age_section .middle>ul li{display:flex;gap:30px}.health_age .health_age_section .middle>ul li .info{width:60px}.health_age .health_age_section .bottom{font-size:14px}.health_age .control_health_risk{margin:0 0 45px}.health_age .page_title{font-size:20px}.health_age .control_health_risk .control_title{gap:6px;font-size:18px}.health_age .control_health_risk .age_section{margin:45px 0 0 0;padding:12px;text-align:center;font-size:16px;word-break:keep-all}.health_age .control_health_risk .age_section span{color:var(--color-text-brand);font-weight:var(--font-weight-sb)}.health_age .notice_txt{padding:12px}.health_age .none_report{margin:74px 0}.health_age .none_report .title{font-size:16px}.health_age .none_report .txtbox{font-size:14px}.health_age .danger_analysis .ingredient_list{flex-direction:column;gap:12px;flex-wrap:nowrap}.health_age .danger_analysis .ingredient_list>li{flex:initial;padding:20px;max-width:100%}.health_age .detail_contentwrap .detail_contents{flex-direction:column;gap:20px;padding:80px 20px 40px 20px}.health_age .detail_contentwrap .detail_contents.left_contents{flex-direction:column}.health_age .detail_contentwrap .detail_contents .contents_textwrap{padding:0;text-align:center}.health_age .detail_contentwrap .detail_contents .contents_textwrap .textchip{font-size:var(--font-size-16)}.health_age .detail_contentwrap .detail_contents .contents_textwrap .textmain{font-size:var(--font-size-28)}.health_age .detail_contentwrap .detail_contents .contents_textwrap .textsub{font-size:var(--font-size-20)}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .imgbox{height:440px}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .imgbox .img_mockup{margin:0;width:260px;position:absolute;left:50%;transform:translateX(-50%)}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .imgbox .img_front{width:260px;left:50%;transform:translateX(-50%)}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .imgbox .img_front.records1{top:48px}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .imgbox .img_front.records2{bottom:20px}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .imgbox .img_front.records3{top:180px}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .imgbox .img_front.records4{top:160px}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .imgbox .img_front.records5{top:156px}.health_age .detail_contentwrap .detail_contents .contents_imgwrap .imgbox .img_top{width:260px;top:44px;left:50%;transform:translateX(-50%)}.health_age .go_service>button{margin-bottom:40px;padding:16px 0;text-align:center;align-items:center;width:90%;max-width:400px;font-size:var(--font-size-18)}.health_age .detail_contentwrap .detail_contents.row_reverse{flex-direction:column}.health_age .detail_contentwrap .detail_first{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0}.health_age .detail_contentwrap .detail_first img{position:relative}.health_age .detail_contentwrap .detail_first .title{margin-top:91px;color:var(--Color-text-primary,#1d2939);text-align:center;font-family:Pretendard;font-size:28px;font-style:normal;font-weight:var(--font-weight-b);line-height:48px}.health_age .detail_contentwrap .detail_first .title span{border-bottom:3px solid var(--color-border-brand)}.health_age .detail_contentwrap .detail_first .txt{padding:40px 20px 0;color:var(--Color-text-secondary,#475467);text-align:center;font-family:Pretendard;font-size:20px;font-style:normal;font-weight:var(--font-weight-m);line-height:normal}.health_age .detail_contentwrap .detail_first .txt span{color:var(--Color-text-error,#f04438)}}