html, body {height: 100%; margin: 0; padding: 0;}
html {overflow-y:scroll!important; overflow-x:hidden; box-sizing:border-box;}
html::-webkit-scrollbar {width:5px!important; height:5px!important;}
html::-webkit-scrollbar-thumb {background:rgba(255,255,255,0.2)!important; border-radius:50px!important;}
html::-webkit-scrollbar-track {background:rgba(255,255,255,0.5)!important;}

/* Wrapper */
.body_back {width:100vw; min-height:100%; background-color:#f8f8f8;}

/* 언어 셋팅 */
.forKR {display:block;}
.forEN {display:none;}
.forCN {display:none;}
.forKRib {display:inline-block;}
.forENib {display:none;}
.forCNib {display:none;}
.forKRw {display:-webkit-box;}
.forENw {display:none;}
.forCNw {display:none;}
.forKRf {display:flex;}
.forENf {display:none;}
.forCNf {display:none;}
.forKRif {display:inline-flex;}
.forENif {display:none;}
.forCNif {display:none;}

/* 메인 */
.main {width:600px; max-width:100%; margin:0 auto; background-color:#ffffff;}
.main > div {min-height:100%;}

/* 메인커버 */
.main_cover {position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.8); display:flex; justify-content:center; align-items:center; z-index:9999;}
.main_cover_cont {text-align:center; padding:20px 0; width:650px; max-width:100%; box-sizing:border-box;}
.main_cover_cont h1 {font-size:20px; font-weight:600; color:#ffffff; margin-bottom:30px;}
.main_cover_cont > div {font-size:20px; color:#7397EA; background-color:#DFEEFA; border-radius:10px; height:60px; font-weight:600; display:flex; justify-content:center; align-items:center; margin:0 auto 20px auto; cursor:pointer; transition:background-color 0.3s; max-width:400px; width:calc(100% - 40px);}
.main_cover_cont > div:hover {background-color:#7397EA; color:#DFEEFA; transition:background-color 0.3s;}

/* 초기화면 */
.init {width:100%; display:block;}
.init_header {position:relative; text-align:center; padding:60px 0 20px 0;}
.init_header_txt {font-size:24px; font-weight:600; line-height:1.5; z-index:0;}
.init_header_ctry {position:absolute; top:30px; right:20px; width:55px; height:32px; display:flex; align-items:center; text-align:left; font-size:14px; font-weight:400; background-color:#ffffff; cursor:pointer; z-index:1;}
.init_header_ctry .selLang {position:relative; width:100%; height:100%;}
.init_header_ctry .selLang div {width:55px; height:32px; padding:0 10px; box-sizing:border-box; display:flex; align-items:center; text-align:left; border:1px solid #7397EA; border-top:0; color:#7397EA; border-collapse:collapse; background-color:#ffffff;}
.init_header_ctry .selLang div:first-child {border-top:1px solid #7397EA;}
#selLangArrow {width:8px; margin:0 0 0 5px; position:absolute; top:44px; right:27px; z-index:2;}
.init_body {padding:0 0 20px 0;}

/* 로그아웃 버튼 */
.btn_logout {position:absolute; top:30px; right:86px; width:60px; height:32px; display:none; align-items:center; justify-content:flex-end; text-align:right; font-size:14px; font-weight:400; cursor:pointer; z-index:1; color:#7397EA;}
.result_footer_top_btns > div.rft_btn {width:25%!important;}

/* 슬라이드(메인배너) */
.slide_cont {height:460px; width:260px; display:flex; align-items:center; justify-content:center; transition:width 0.3s ease, height 0.3s ease;}
.slide_cont_on {width:300px!important; transition:width 0.3s ease, height 0.3s ease;}

.slide_cont > div {margin:10px; border:0; border-radius:10px; background-color:#2E5ECE; width:240px; height:375px; transition: width 0.3s ease, height 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease; opacity:0.5; overflow:hidden;}
div.sc1 {background: linear-gradient(157.75deg, #7397EA 1.19%, #2E5ECE 98.65%); box-shadow: 1.7px 1.7px 5.11px 0px rgba(0, 0, 0, 0.15), -0.85px -0.85px 0.43px 0px rgba(0, 0, 0, 0.3) inset, 0.85px 0.85px 0.43px 0px rgba(255, 255, 255, 0.7) inset;}
div.sc2 {background: linear-gradient(157.75deg, #6A8CD8 1.19%, #0A2F86 98.65%); box-shadow: 1.71px 1.71px 5.12px 0px rgba(0, 0, 0, 0.15), -0.85px -0.85px 0.43px 0px rgba(0, 0, 0, 0.3) inset, 0.85px 0.85px 0.43px 0px rgba(255, 255, 255, 0.7) inset;}
div.sc3 {background: linear-gradient(157.75deg, #7397EA 1.19%, #141C2E 98.65%); box-shadow: 1.71px 1.71px 5.12px 0px rgba(0, 0, 0, 0.15), -0.85px -0.85px 0.43px 0px rgba(0, 0, 0, 0.3) inset, 0.85px 0.85px 0.43px 0px rgba(255, 255, 255, 0.7) inset;}
div.sc4 {background: linear-gradient(157.75deg, #2E5ECE 1.19%, #161944 98.65%); box-shadow: 1.71px 1.71px 5.12px 0px rgba(0, 0, 0, 0.15), -0.85px -0.85px 0.43px 0px rgba(0, 0, 0, 0.3) inset, 0.85px 0.85px 0.43px 0px rgba(255, 255, 255, 0.7) inset;}
div.sc5 {background: linear-gradient(157.75deg, #7397EA 1.19%, #001C5E 98.65%); box-shadow: 1.71px 1.71px 5.12px 0px rgba(0, 0, 0, 0.15), -0.85px -0.85px 0.43px 0px rgba(0, 0, 0, 0.3) inset, 0.85px 0.85px 0.43px 0px rgba(255, 255, 255, 0.7) inset;}
.slide_cont > div > .sc_body {margin:20px; width:calc(100% - 40px); height:calc(100% - 40px); box-sizing:border-box; position:relative; padding:100px 0 0 0;}
.slide_cont > div > .sc_body .sc_img {position:absolute; top:0; right:0; width:55px; height:55px; display:flex; justify-content:center; align-items:center;}
.slide_cont > div > .sc_body .sc_img img {max-width:100%; max-height:100%;}
.slide_cont > div > .sc_body .sc_txt1 {font-size:10px; font-weight:500; color:#DFEEFA; margin-bottom:10px;}
.slide_cont > div > .sc_body .sc_txt2 {font-size:20px; font-weight:700; color:#ffffff; margin-bottom:10px; line-height:1.4;}
.slide_cont > div > .sc_body .sc_txt3 {font-size:13px; font-weight:300; color:#DFEEFA; line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical;}
.slide_cont > div > .sc_card {margin:0; width:100%; height:100%; box-sizing:border-box; overflow:hidden;}
.slide_cont > div > .sc_card > img {width:100%; height:100%; object-fit:cover;}

.slide_cont > div.sc1 > .sc_body .sc_txt2 span {color:#0C115C;}
.slide_cont > div.sc2 > .sc_body .sc_txt2 span {color:#B9E0FF;}
.slide_cont > div.sc3 > .sc_body .sc_txt2 span {color:#B1D6F3;}
.slide_cont > div.sc4 > .sc_body .sc_txt2 span {color:#B2DDFF;}
.slide_cont > div.sc5 > .sc_body .sc_txt2 span {color:#B9BDEE;}

.slide_cont_on > div {width:280px; height:440px!important; transition: width 0.3s ease, height 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease; opacity:1;}
.slide_cont_on > div.sc1 {box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25), -1px -1px 0.5px 0px rgba(0, 0, 0, 0.3) inset, 1px 1px 0.5px 0px rgba(255, 255, 255, 0.7) inset;}
.slide_cont_on > div.sc2 {box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25), -1px -1px 0.5px 0px rgba(0, 0, 0, 0.3) inset, 1px 1px 0.5px 0px rgba(255, 255, 255, 0.7) inset;}
.slide_cont_on > div.sc3 {box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25), -1px -1px 0.5px 0px rgba(0, 0, 0, 0.3) inset, 1px 1px 0.5px 0px rgba(255, 255, 255, 0.7) inset;}
.slide_cont_on > div.sc4 {box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25), -1px -1px 0.5px 0px rgba(0, 0, 0, 0.3) inset, 1px 1px 0.5px 0px rgba(255, 255, 255, 0.7) inset;}
.slide_cont_on > div.sc5 {box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25), -1px -1px 0.5px 0px rgba(0, 0, 0, 0.3) inset, 1px 1px 0.5px 0px rgba(255, 255, 255, 0.7) inset;}
.slide_cont > div > .sc_body {margin:20px; width:calc(100% - 40px); height:calc(100% - 40px); box-sizing:border-box; position:relative; padding:100px 0 0 0;}
.slide_cont_on > div > .sc_body .sc_img {position:absolute; top:0; right:0; width:65px; height:65px; display:flex; justify-content:center; align-items:center;}
.slide_cont_on > div > .sc_body .sc_img img {max-width:100%; max-height:100%;}
.slide_cont_on > div > .sc_body .sc_txt1 {font-size:12px; font-weight:500; color:#DFEEFA; margin-bottom:10px;}
.slide_cont_on > div > .sc_body .sc_txt2 {font-size:24px; font-weight:700; color:#ffffff; margin-bottom:20px; line-height:1.4;}
.slide_cont_on > div > .sc_body .sc_txt3 {font-size:15px; font-weight:300; color:#DFEEFA; line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical;}

/* 인증 시작 버튼 */
.startBtn {width:100%; text-align:center;}
.startBtn > div {width:360px; max-width:calc(100% - 40px); margin:0 auto; background-color:#7397EA; color:#ffffff; font-size:20px; font-weight:700; padding:0; border-radius:10px; cursor:pointer; transition:background-color 0.3s; height:60px; display:flex; justify-content:center; align-items:center; box-sizing:border-box;}
.startBtn > div:hover {background-color:#2E5ECE; transition:background-color 0.3s;}

.warn0 {width:100%; text-align:center; margin:20px auto;}
.warn0 > div {font-size:12px; margin:0 auto; color:#777777;}

/* 인증화면 */
.certify {display:none; width:100%; text-align:center;}
.certify_header {width:100%; height:70px; display:flex; justify-content:center; align-items:center; background-color:#7397EA; color:#ffffff; font-size:20px; font-weight:600; position:relative;}
.certify_header_txt > div {font-size:20px;}
.certify_back_btn {position:absolute; left:20px; top:50%; transform:translateY(-50%); cursor:pointer;}
.certify_back_btn img {height:25px; transition:transform 0.3s; cursor:pointer;}
.cTitle {width:100%; text-align:center; margin:10px auto 0 auto; padding:20px 0 15px 0; box-sizing:border-box; font-weight:600; color:#111111;}
.cTitle > div {font-size:20px;}
.cInput {width:calc(100% - 40px); margin:0 20px 20px 20px; position:relative;}
.cInput input[type="text"] {width:100%; height:60px; padding:0 20px; box-sizing:border-box; border:1px solid #7397EA; border-radius:10px; font-size:16px; color:#333333; outline:none; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05); transition:border-color 0.3s;}
.cInput input[type="text"]:focus {border-color:#2E5ECE; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.cInput input[type="text"]::placeholder {color:#999999; font-size:16px;}
.cInput input[type="text"]:focus::placeholder {color:#2E5ECE;}
.cPhoneIn {width:calc(100% - 160px); padding:0 120px 0 0;}
.cInput .cPhoneBtn {position:absolute; right:0; top:0; width:110px; height:60px; display:flex; justify-content:center; align-items:center; background-color:#DFEEFA; border-radius:10px; font-size:20px; font-weight:500; color:#7397EA; cursor:pointer; transition:background-color 0.3s;}
.cInput .cPhoneBtn:hover {background-color:#7397EA; color:#ffffff; transition:background-color 0.3s;}
.cTitleConf {display:none;}
.cPhoneConf {display:none; width:calc(100% - 160px); padding:0 120px 0 0;}
.cInput .cPhoneConfirmBtn {position:absolute; right:0; top:0; width:110px; height:60px; display:flex; justify-content:center; align-items:center; background-color:#DFEEFA; border-radius:10px; font-size:20px; font-weight:500; color:#7397EA; cursor:pointer; transition:background-color 0.3s;}
.cInput .cPhoneConfirmBtn:hover {background-color:#7397EA; color:#ffffff; transition:background-color 0.3s;}
.vCountDown {position:absolute; right:130px; top:20px; display:flex; align-items:center; justify-content:flex-end; font-size:16px; color:#999999;}

.voidSpace {height:15px;}

.cAgree {width:calc(100% - 40px); margin:0 20px; padding:10px 0; box-sizing:border-box; display:flex; align-items:center; position:relative;}
.cAgree > div {font-size:16px; font-weight:400; color:#161944; padding:0 30px 0 0; text-align:left;}
.cAgree > div > span {color:#999999; cursor:pointer; transition:color 0.3s; margin:0 0 0 10px; cursor:pointer; text-decoration:underline;}

/* 체크박스 숨기기 */
.cAgree input[type="checkbox"] {display: none;}

/* label 기본 상태 (빈 체크박스 이미지) */
.cAgree label {display: inline-block; width: 18px; height: 18px; background: url('/image/chkbox.png') no-repeat center center; background-size: cover; cursor: pointer; vertical-align: middle; transition: all 0.2s ease; position:absolute; top:10px; right:0;}

/* 체크된 상태 (체크된 이미지) */
.cAgree input[type="checkbox"]:checked + label {background: url('/image/chkbox_on.png') no-repeat center center; background-size: cover;}

.agreePopBack {position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.5); display:none; justify-content:center; align-items:center; z-index:9999;}
.agreePop {width:calc(100% - 40px); max-width:500px; height:calc(100% - 100px); max-height:500px; background-color:#ffffff; position:relative; padding:50px 0 15px 0; box-sizing:border-box;}
.agreeClose {position:absolute; top:15px; right:15px; width:21px; height:21px; cursor:pointer;}
.agreeClose img {width:100%; height:100%; margin:0; transition:transform 0.3s;}
.agreeClose img:hover {transform:rotate(90deg); transition:transform 0.3s;}
.agreeTxt {padding:0 20px; box-sizing:border-box; height:100%; overflow:auto; font-size:14px; color:#333333; line-height:1.5; text-align:left;}
.agreeTxt::-webkit-scrollbar {width:5px!important; height:5px!important;}
.agreeTxt::-webkit-scrollbar-thumb {background:#bbbbbb!important;}
.agreeTxt::-webkit-scrollbar-track {background:#eeeeee!important;}
.agreeTxt h1 {font-size:16px; font-weight:600; color:#161944;}

.certify_banner {width:calc(100% - 40px); margin:80px auto 20px auto; display:flex; justify-content:center; align-items:center; position:relative;}
.certify_banner > img {width:100%;}

/* 리서치 시작 버튼 */
.startBtn1 {width:100%; text-align:center;}
.startBtn1 > div {width:calc(100% - 40px); margin:0 auto;}
.startBtn1 > div > div {width:calc(50% - 5px); margin:0; font-size:20px; font-weight:700; padding:0; border-radius:10px; cursor:pointer; transition:background-color 0.3s; height:60px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center;}
.startBtn1 > div > div.btnPrev {background-color:#DFEEFA; color:#7397EA; margin-right:5px;}
.startBtn1 > div > div.btnNext {background-color:#7397EA; color:#ffffff; margin-left:5px;}

.warn1 {width:100%; text-align:center; margin:20px auto; padding:0 0 20px 0; letter-spacing:-0.5px;}
.warn1 > div {font-size:12px; margin:0 auto; color:#777777;}

/* 리서치 */
.research {display:none; width:100%; text-align:center;}
.research_header {width:100%; height:70px; display:flex; justify-content:center; align-items:center; background-color:#7397EA; color:#ffffff; font-size:20px; font-weight:600; position:relative;}
.research_header_txt > div {font-size:20px; margin:0 40px;}
.research_back_btn {position:absolute; left:20px; top:50%; transform:translateY(-50%); cursor:pointer;}
.research_back_btn img {height:25px; transition:transform 0.3s; cursor:pointer;}
.research_body_txt > div {width:calc(100% - 40px); margin:50px auto 30px auto; padding:0 20px; box-sizing:border-box; font-size:20px; color:#111111; text-align:center; line-height:30px; font-weight:600;}
.research_body_sources {width:calc(100% - 40px); margin:20px auto 0 auto; padding:0; box-sizing:border-box; text-align:center;}
.source {width:100%; padding:0 20px; box-sizing:border-box; border:0; border-radius:10px; background-color:#DFEEFA; height:60px; display:flex; justify-content:center; align-items:center; font-size:20px; color:#7397EA; font-weight:600; margin-bottom:20px; cursor:pointer; transition:background-color 0.3s; line-height:1.2;}
.source:hover {background-color:#161944; color:#DFEEFA; transition:background-color 0.3s;}
.source > div {line-height:1.2;}

.warn2 {width:100%; text-align:center; margin:20px 0; padding:0 0 100px 0; letter-spacing:-0.5px;}
.warn2 > div {font-size:12px; margin:0 auto; color:#777777;}

.research_body_cont {display:none; width:100%; text-align:center; padding:50px 0 30px 0; box-sizing:border-box; position:relative;}
.research_progBar {width:calc(100% - 40px); height:5px; background-color:#E2EDF6; border-radius:10px; margin:20px auto 20px auto; box-sizing:border-box; overflow:hidden; position:absolute; top:0; left:20px;}
.sv {display:none;}
.sv_on {display:block;}
.sv_txt {font-size:20px; font-weight:600; line-height:30px; min-height:60px; display:flex; align-items:center; justify-content:center; text-align:center; color:#111111; margin:0 auto 30px auto; width:calc(100% - 40px); padding:0 20px; box-sizing:border-box;}
.sv_ans {width:calc(100% - 40px); margin:0 auto; padding:0; box-sizing:border-box;}
.sv_ans > div {width:calc(50% - 5px); border:0; border-radius:10px; background-color:#DFEEFA; height:60px; cursor:pointer; display:inline-flex; justify-content:center; align-items:center; font-size:18px; color:#7397EA; font-weight:600; margin-bottom:15px; cursor:pointer; transition:background-color 0.3s;}
.sv_ans > div:hover {background-color:#161944; color:#DFEEFA; transition:background-color 0.3s;}
.sv_ans > div:nth-child(odd) {margin-right:5px;}
.sv_ans > div:nth-child(even) {margin-left:5px;}

.research_banner_back {width:100%; position:fixed; bottom:50px; left:0; text-align:center;}
.research_banner {width:560px; max-width:calc(100% - 40px); margin:80px auto 20px auto; display:flex; justify-content:center; align-items:center; }
.research_banner > img {width:100%;}

.warn3 {width:calc(100% - 40px); text-align:center; margin:20px auto; padding:0 0 20px 0; position:fixed; bottom:0; left:20px; z-index:1000;}
.warn3 > div {font-size:12px; margin:0 auto; color:#777777;}

.research_footer {position:fixed; bottom:0; left:0; width:100%; background-color:transparent; display:none;}
.research_footer_back {width:100%; max-width:605px; margin:0 auto; padding:10px 20px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; background-color:#f7f7f7; border-top:0 solid #dddddd;}
.research_footer_back > div {width:100%; margin:0; font-size:20px; font-weight:600; padding:0; border-radius:10px; cursor:pointer; transition:background-color 0.3s; height:60px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; background-color:#7397EA; color:#ffffff; cursor:pointer;}
.research_myPrev {display:none; position:relative;}
.prevTxt {text-align:center; font-size:18px; font-weight:500; color:#161944; padding:50px 20px 40px 20px;}
.prevTxt > span {color:#7397EA;}
.prev_cont {display:block; padding:0 20px 20px 20px;}
.prev_record {position:relative; margin:0 auto; padding:15px 170px 15px 0; text-align:left; border-bottom:1px solid #A0A1AE;}
.prev_record_title {font-size:14px; font-weight:500; color:#161944; line-height:1.3;}
.prev_record_date {position:absolute; top:50%; right:100px; width:70px; transform:translateY(-50%); font-size:12px; font-weight:300; color:#7397EA;}
.prev_record_btn {position:absolute; top:50%; right:0; transform:translateY(-50%); width:100px; height:30px; line-height:30px; border-radius:18px; background-color:#7397EA; color:#DFEEFA; font-size:14px; font-weight:400; text-align:center;}
.prev_record_btn:hover {background-color:#161944; color:#DFEEFA; cursor:pointer;}

/* 결과 */
.result {display:none; width:100%; text-align:center;}
.result_header {width:100%; height:70px; display:flex; justify-content:center; align-items:center; background-color:#7397EA; color:#ffffff; font-size:20px; font-weight:600; position:relative;}
.result_header_txt > div {font-size:20px;}
.result_back_btn {position:absolute; left:20px; top:50%; transform:translateY(-50%); cursor:pointer;}
.result_back_btn img {height:25px; transition:transform 0.3s; cursor:pointer;}

.result_body {width:100%; text-align:center; padding:0; box-sizing:border-box; position:relative;}
.warn4 {width:100%; text-align:center; margin:0; padding:0; line-height:26px; background-color:#F4F4F4;}
.warn4 > div {font-size:12px; margin:0 auto; color:#777777;}
.result_body_cont {width:100%; max-width:600px; margin:0 auto 0 auto; box-sizing:border-box; text-align:center; background-color:#F6F6F6;}
.result_body_cont > div {background-color:#ffffff; margin:0 0 10px 0; padding:40px 20px; width:100%; box-sizing:border-box;}

.rbc_head {text-align:center;}
.rbc_head_status {width:62px; height:62px; margin:0 auto 10px auto; display:flex; justify-content:center; align-items:center; overflow:hidden; font-size:18px; font-weight:500;}
.rbc_head > .good {background:url(../image/ccGood.png) no-repeat center center; background-size:cover; color:#ffffff;}
.rbc_head > .soso {background:url(../image/ccSoso.png) no-repeat center center; background-size:cover; color:#ffffff;}
.rbc_head > .bad {background:url(../image/ccBad.png) no-repeat center center; background-size:cover; color:#ffffff;}
.rbc_head_status > div {font-size:16px;}
.rbc_head_txt > div {font-size:18px; font-weight:500; color:#161944; line-height:1.4; margin-bottom:10px;}
.rbc_head_txt > div > span {color:#7397EA;}
.rbc_head_ment {position:relative; margin:0 0 15px 0;}
.rbc_head_ment > .mentTail {position:relative; margin:0 auto; width:10px; height:8px; z-index:2;}
.rbc_head_ment > .mentTail > div.mentTailT {position:absolute; top:-5px; left:0; margin:0 auto; width:0; height:0; border:7px solid transparent; border-bottom:7px solid #7397EA; padding:0; margin:0; z-index:3;}
.rbc_head_ment > .mentTail > div.mentTailT1 {position:absolute; top:-4px; left:0; margin:0 auto; width:0; height:0; border:7px solid transparent; border-bottom:7px solid #F3F7F9; padding:0; margin:0; z-index:4;}
.rbc_head_ment > .mentBox {border:1px solid #7397EA; border-radius:13.5px; background-color:#F3F7F9; padding:15px 25px; margin:0; z-index:1}
.rbc_head_ment > .mentBox > div {text-align:left; line-height:1.4; font-size:14px; color:#7397EA;}
.rbc_head_nutri {position:relative; border:1px solid #7397EA; border-radius:13.5px; background-color:#F3F7F9; padding:25px 25px; margin:0;}
.nutri_txt {font-size:16px; font-weight:500; color:#7397EA; text-align:center; margin:0 0 15px 0;}
.nutri_tab {border:1px solid; border-radius:15px; width:400px; max-width:90%; height:30px; position:relative; display:flex; align-items:center; justify-content:center; background-color:#ffffff; color:#7397EA; font-size:16px; font-weight:400; margin:10px auto 0 auto; padding:0 30px; box-sizing:border-box; line-height:0.9;}
.nutri_tab > .nutri_num {background: linear-gradient(180deg, #AABFF1 0%, #7397EA 100%); position:absolute; top:-1px; left:-1px; width:29px; height:29px; color:#ffffff; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:500; border-radius:50px;}

.rbc_body {text-align:left;}
.rbc_body_title {padding:0 0 0 45px; height:35px; position:relative; margin:0 0 15px 0;}
.rbc_body_num {position:absolute; top:0; left:0; width:35px; height:35px; background-color:#161944; color:#ffffff; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:500; border-radius:50px;}
.rbc_body_title_txt {font-size:20px; font-weight:600; color:#161944; height:35px; line-height:1.1; align-items:center; justify-content:flex-start;}
.rbc_body_hashtag {text-align:left; margin:0 0 30px 0;}
.rbc_body_hashtag div {display:inline-block; font-size:13px; font-weight:400; color:#7397EA; padding:7px; border-radius:8px; border:1px solid #7397EA; margin:0 8px 8px 0;}
.rbc_body_cont {font-size:14px; font-weight:400; line-height:1.5; color:#808080; text-align:left; margin:0 0 15px 0;}
.rbc_body_cont b {font-size:16px; font-weight:600; color:#161944;}
.rbc_body_cont span {color:#7397EA;}
.rbc_body_link {font-size:13px; font-weight:400; border:0; border-radius:8px; background-color:#7397EA; color:#ffffff; padding:10px 10px 10px 30px; text-align:left; margin:0; display:inline-block; cursor:pointer; position:relative;}
.rbc_body_link img {width:14px; height:14px; position:absolute; top:50%; left:10px; transform:translateY(-50%);}

.rbc_body1 {text-align:center; border:0; border-radius:10px; background-color:#7397EA!important; color:#ffffff; padding:30px!important;}
.rbc_body1_icon {width:19px; height:19px; border:1px solid #ffffff; border-radius:30px; display:flex; justify-content:center; align-items:center; margin:0 auto 15px auto; color:#ffffff; font-size:14px; font-weight:400;}
.rbc_body1_title {font-weight:500; font-size:16px; line-height:1.3; text-align:center; margin:0 0 15px 0;}
.rbc_body1_cont {font-size:14px; font-weight:300; line-height:1.5; text-align:center; margin:0 0 40px 0;}
.pentaheal {height:14px; overflow:hidden; text-align:center; margin:0 0 15px 0;}
.pentaheal img {height:100%;}
.pentaheal_hashtag {color:#DFEEFA; font-size:13px; line-height:1.4; text-align:center; margin:0 0 15px 0;}
.pentaheal_link {background-color:#DFEEFA; border:0; border-radius:8px; width:170px; color:#7397EA; font-size:14px; font-weight:600; padding:0; text-align:center; margin:0 auto; height:30px; display:flex; cursor:pointer; justify-content:center; align-items:center; cursor:pointer;}

.rbc_body_reco {text-align:left;}
.rbc_body_reco_txt {font-size:16px; font-weight:600; color:#161944; margin:30px 0 15px 0;}
.rbc_body_reco_box {border:1px solid #CCE1F1; border-radius:10px; padding:20px; background-color:#F3F7F9; margin:0 0 15px 0;}
.rbc_body_reco_box_top {padding:0 0 5px 95px; border-bottom:1px solid #D7E1E7; position:relative; min-height:90px;}
.rbc_body_reco_box_img {width:80px; height:80px; border-radius:10px; overflow:hidden; position:absolute; top:10px; left:0; background-image:url("../image/circleW.png"); background-repeat:no-repeat; background-size:contain; background-position:center; background-color:transparent; background-size:100% 100%;}
.rbc_body_reco_box_img img {width:100%; height:100%; object-fit:contain;}
.rbc_body_reco_box_txt > div {color:#161944; font-size:14px; font-weight:600; margin:0 0 10px 0;}
.rbc_body_reco_hashtag {text-align:left;}
.rbc_body_reco_hashtag > div {border:1px solid #7397EA; border-radius:6px; color:#7397EA; font-size:13px; font-weight:300; display:inline-block; margin:0 0 7px 0; padding:5px 7px;}
.rbc_body_reco_box_bottom {padding:0; margin:15px 0 0 0; text-align:center; position:relative; display:flex; align-items:center; justify-content:center;}
.rbc_body_reco_box_bottom > img {width:14px; height:14px; transform:translateY(-50%); margin:13px 5px 0 0;}
.rbc_body_reco_box_bottom > div {font-size:14px; font-weight:400; text-align:left; color:#9FB1BC; cursor:pointer;}

.result_footer {width:100%; background-color:#ffffff; border-top:10px solid #F6F6F6;}
.result_footer_top {padding:40px 20px 60px 20px; position:relative;}
.result_footer_top_title {font-size:16px; font-weight:600; color:#161944; text-align:center; margin:0 0 30px 0;}
.result_footer_top_btns {display:block; font-size:0; padding:0 0 30px 0;}
.result_footer_top_btns > div.rft_btn {display:inline-block; width:25%; text-align:center; vertical-align:top; margin:0 auto; padding:0; box-sizing:border-box; cursor:pointer;}
.result_footer_top_btns > div.rft_btn > div.rft_ico {width:64px; height:64px; border:0; border-radius:100px; display:flex; justify-content:center; align-items:center; background-color:#F3F7F9; margin:0 auto 5px auto;}
.result_footer_top_btns > div.rft_btn > div.rft_ico img {width:26px;}
.result_footer_top_btns > div.rft_btn > div.rft_txt {font-size:12px; font-weight:300; color:#7994CC; line-height:1.2;}
.result_footer_top_goback {width:100%; margin:0; padding:10px 0; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.result_footer_top_goback > div {width:100%; margin:0; font-size:20px; font-weight:600; padding:0; border-radius:10px; cursor:pointer; transition:background-color 0.3s; height:60px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; background-color:#7397EA; color:#ffffff; cursor:pointer;}
.result_footer_bottom {width:100%; height:60px; color:#DFEEFA; font-size:12px; font-weight:300; background-color:#7397EA; display:flex; justify-content:center; align-items:center; position:relative; margin:0;}

/* 결과 커버 */
.result_cover {position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:#7397EA; display:flex; justify-content:center; align-items:center; z-index:9999;}
.result_cover_cont {text-align:center; padding:20px 0; width:650px; max-width:100%; box-sizing:border-box;}
.result_cover_cont .logoImg {width:80px; height:80px; overflow:hidden; margin:0 auto 20px auto;}
.result_cover_cont .logoImg img {width:70px; height:70px; margin:0; animation: spin 3s linear infinite;}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.result_cover_cont > div {font-size:20px; color:#ffffff; font-weight:500; display:flex; justify-content:center; align-items:center; margin:0 auto 20px auto; cursor:pointer; max-width:400px; width:calc(100% - 40px);}