/* font */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
@font-face {
font-family: 'HS-Regular';
src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Rabbitstype/HS-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LeeSeoyun';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202-2@1.0/LeeSeoyun.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* Color Variables */
:root {
--bf_black: #000000;
--bf_culture: #00C4B3;
--bf_education: #00A1E0;
--bf_environment: #00833E;
--bf_gray: #7F7F7F;
--bf_health: #F63440;
--bf_live: #794211;
--bf_safe: #783CBD;
--bf_social: #FFA400;
--bf_white: #FFF;
--bf_work: #003A70;
--bf_yellow: #F4A100;
--ff-rabbit: 'HS-Regular', sans-serif;
--ff-lee: 'LeeSeoyun', sans-serif;
}
html,body {min-height: 100%;}
html.noScroll body {min-height: 100%;overflow: hidden;}
.wrap {position: relative;width: 100%;min-width: 1280px;min-height: 100%;overflow: hidden;}
/* wrap_fixed */
.wrap_fixed {}
.wrap_fixed .logo_set {position: fixed;top: 30px;left: 30px;z-index: -1;opacity: 0;transition: all 0.3s ease;}
.wrap_fixed .logo_set.show {opacity: 1;z-index: 200;}
.wrap_fixed .logo_set a {display: block;width: 160px;aspect-ratio: 160/39;background: url("../images/logo.png") no-repeat left center;background-size: contain;}
section {width: 100%;position: absolute;top: 0;left: 0;visibility: hidden;transition: all 0.5s ease;opacity: 0;z-index: 1;}
.wrap[data-page="0"] .section_visual {position: relative;top: auto;left: auto;visibility: visible;opacity: 1;z-index: 2;}
.wrap[data-page="1"] .section_question {position: relative;top: auto;left: auto;visibility: visible;opacity: 1;z-index: 2;}
.wrap[data-page="2"] .section_analysis {position: relative;top: auto;left: auto;visibility: visible;opacity: 1;z-index: 2;}
.wrap[data-page="3"] .section_result {position: relative;top: auto;left: auto;visibility: visible;opacity: 1;z-index: 2;}
.section_visual {}
.section_visual .main_tit_set {display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;text-align: center;margin-top: 93px;}
.section_visual .main_tit_set .eyebrow_txt {width: 318px;height: 41px;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;text-align: center;font-family: var(--ff-lee);font-size: 27px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -2.148px;
background: url('data:image/svg+xml,') no-repeat center center;
background-size: contain;
}
.section_visual .illust_image {width: 413px;aspect-ratio: 413 / 334;background: url('../images/main_img@1.5x.png') no-repeat center center;background-size: contain;margin: 36px auto 0;}
.section_visual .main_tit_set .tit {color: var(--bf_yellow);font-family: var(--ff-rabbit);font-size: 54px;font-style: normal;font-weight: 400;line-height: 75px;letter-spacing: -1.6px;margin-top: 22px;}
.section_visual .main_tit_set .underline {display: inline-block;width: 142px;height: 9px;margin: 0 -2px -10px 13px;
background: url('data:image/svg+xml,') no-repeat center center;
}
.section_visual .desc {color: var(--bf_black);text-align: center;font-size: 16px;font-style: normal;font-weight: 600;line-height: 24px;margin-top: 60px;}
.section_visual .btn_set {display: flex;justify-content: center;align-items: center;margin: 24px 0 46px;}
.section_visual .btn_set .btn_start {
width: 267px;height: 92px;
border-radius: 87px;
color: var(--bf_black);
font-size: 20px;
font-weight: 700;
line-height: 17px;
letter-spacing: -0.2px;
text-align: left;
padding: 0 0 0 54px;
background: var(--bf_yellow) url('data:image/svg+xml,') no-repeat right 54px center;background-size: auto 17px;
}
.section_question {padding: 38px 0;background: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0, rgba(255, 255, 255, 0.90) 100%), var(--bf_yellow);}
.section_question .in {width: 716px;height: 948px;border-radius: 40px;background:var(--bf_white);margin: 0 auto;}
.section_question .in .progress_set {}
.section_question .in .progress_set .progress_bar {display: flex;flex-direction: row;justify-content: center;gap: 6px;padding-top: 40px;}
.section_question .in .progress_set .progress_bar li {width: 60px;height: 10px;background: #D9D9D9;border-radius: 5px;transition: background-color 0.5s ease;}
.section_question[data-question="1"] .in .progress_set .progress_bar li:nth-child(1) {background: var(--bf_yellow);}
.section_question[data-question="2"] .in .progress_set .progress_bar li:nth-child(-n+2) {background: var(--bf_yellow);}
.section_question[data-question="3"] .in .progress_set .progress_bar li:nth-child(-n+3) {background: var(--bf_yellow);}
.section_question[data-question="4"] .in .progress_set .progress_bar li:nth-child(-n+4) {background: var(--bf_yellow);}
.section_question[data-question="5"] .in .progress_set .progress_bar li:nth-child(-n+5) {background: var(--bf_yellow);}
.section_question[data-question="6"] .in .progress_set .progress_bar li:nth-child(-n+6) {background: var(--bf_yellow);}
.section_question[data-question="7"] .in .progress_set .progress_bar li:nth-child(-n+7) {background: var(--bf_yellow);}
.section_question[data-question="8"] .in .progress_set .progress_bar li:nth-child(-n+8) {background: var(--bf_yellow);}
.section_question[data-question="9"] .in .progress_set .progress_bar li:nth-child(-n+9) {background: var(--bf_yellow);}
.section_question .question_list {position: relative;}
.section_question .question_list .question_set {position: absolute;top: 0;left: 0;display: block;width: 100%;visibility: hidden;transition: all 0.5s ease;opacity: 0;z-index: 1;padding-top: 62px;}
.section_question[data-question="1"] .question_list li:nth-child(1) {position: relative;top: auto;left: auto;visibility: visible;opacity: 1;z-index: 2;}
.section_question[data-question="2"] .question_list li:nth-child(2) {position: relative;top: auto;left: auto;visibility: visible;opacity: 1;z-index: 2;}
.section_question[data-question="3"] .question_list li:nth-child(3) {position: relative;top: auto;left: auto;visibility: visible;opacity: 1;z-index: 2;}
.section_question[data-question="4"] .question_list li:nth-child(4) {position: relative;top: auto;left: auto;visibility: visible;opacity: 1;z-index: 2;}
.section_question[data-question="5"] .question_list li:nth-child(5) {position: relative;top: auto;left: auto;visibility: visible;opacity: 1;z-index: 2;}
.section_question[data-question="6"] .question_list li:nth-child(6) {position: relative;top: auto;left: auto;visibility: visible;opacity: 1;z-index: 2;}
.section_question[data-question="7"] .question_list li:nth-child(7) {position: relative;top: auto;left: auto;visibility: visible;opacity: 1;z-index: 2;}
.section_question[data-question="8"] .question_list li:nth-child(8) {position: relative;top: auto;left: auto;visibility: visible;opacity: 1;z-index: 2;}
.section_question[data-question="9"] .question_list li:nth-child(9) {position: relative;top: auto;left: auto;visibility: visible;opacity: 1;z-index: 2;}
.section_question .question_list .question_set .q_no {width: 84px;height: 54px;border-radius: 1000px;background: #FEF6E5;margin: 0 auto;color: var(--bf_yellow);text-align: center;font-family: var(--ff-rabbit);font-size: 26px;font-weight: 400;line-height: 54px;letter-spacing: -0.78px;padding-top: 4px;}
.section_question .question_list .question_set h2 {color: var(--bf_black);text-align: center;font-family: var(--ff-rabbit);font-size: 44px;font-style: normal;font-weight: 400;line-height: 54px;letter-spacing: -1.32px;margin-top: 23px;}
.section_question .question_list .question_set .q_image {height: 375px;}
.section_question[data-question="1"] .question_list .question_set .q_image {background: url('../images/q_img_01@1.5x.png') no-repeat;background-size: 408px 316px;background-position: left 170px top 20px;}
.section_question[data-question="2"] .question_list .question_set .q_image {background: url('../images/q_img_02@1.5x.png') no-repeat;background-size: 333px 288px;background-position: left 190px top 23px;}
.section_question[data-question="3"] .question_list .question_set .q_image {background: url('../images/q_img_03@1.5x.png') no-repeat;background-size: 430px 259px;background-position: left 144px top 36px;}
.section_question[data-question="4"] .question_list .question_set .q_image {background: url('../images/q_img_04@1.5x.png') no-repeat;background-size: 333px 251px;background-position: left 183px top 64px;}
.section_question[data-question="5"] .question_list .question_set .q_image {background: url('../images/q_img_05@1.5x.png') no-repeat;background-size: 318px 300px;background-position: left 197px top 16px;}
.section_question[data-question="6"] .question_list .question_set .q_image {background: url('../images/q_img_06@1.5x.png') no-repeat;background-size: 440px 180px;background-position: left 147px top 74px;}
.section_question[data-question="7"] .question_list .question_set .q_image {background: url('../images/q_img_07@1.5x.png') no-repeat;background-size: 496px 201px;background-position: left 102px top 68px;}
.section_question[data-question="8"] .question_list .question_set .q_image {background: url('../images/q_img_08@1.5x.png') no-repeat;background-size: 335px 282px;background-position: left 197px top 35px;}
.section_question[data-question="9"] .question_list .question_set .q_image {background: url('../images/q_img_09@1.5x.png') no-repeat;background-size: 266px 240px;background-position: left 223px top 57px;}
.section_question .question_list .question_set .answer_set {}
.section_question .question_list .question_set .answer_set label{position: relative;display: flex;justify-content: center;align-items: center;width: 584px;height: 75px;margin: 0 auto;cursor: pointer;pointer-events: none;}
.section_question .question_list .question_set .answer_set label:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;
background: url('../images/q_btn_bg_normal@1.5x.png') no-repeat center center;
background-size: contain;
}
.section_question .question_list .question_set .answer_set label:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;
opacity: 0;
background: url('../images/q_btn_bg_active@1.5x.png') no-repeat center center;
background-size: contain;
transition: opacity 0.3s ease;
}
.section_question .question_list .question_set .answer_set label span {position: relative;z-index: 3;color: var(--bf_black);text-align: center;font-size: 20px;font-weight: 600;line-height: 23.045px;letter-spacing: -0.2px;margin-left: -9px;transition: color 0.3s ease;}
.section_question .question_list .question_set .answer_set label input[type="radio"] {width: 0;height: 0;opacity: 0;}
.section_question .question_list .question_set .answer_set label:has(input[type="radio"]:checked):after {opacity: 1;}
.section_question .question_list .question_set .answer_set label:has(input[type="radio"]:checked) span {color:var(--bf_white);}
.section_question .question_list .question_set .answer_set label + label {margin-top: 15px;}
.section_question[data-question="1"] .question_list li:nth-child(1) .answer_set label {pointer-events: auto;}
.section_question[data-question="2"] .question_list li:nth-child(2) .answer_set label {pointer-events: auto;}
.section_question[data-question="3"] .question_list li:nth-child(3) .answer_set label {pointer-events: auto;}
.section_question[data-question="4"] .question_list li:nth-child(4) .answer_set label {pointer-events: auto;}
.section_question[data-question="5"] .question_list li:nth-child(5) .answer_set label {pointer-events: auto;}
.section_question[data-question="6"] .question_list li:nth-child(6) .answer_set label {pointer-events: auto;}
.section_question[data-question="7"] .question_list li:nth-child(7) .answer_set label {pointer-events: auto;}
.section_question[data-question="8"] .question_list li:nth-child(8) .answer_set label {pointer-events: auto;}
.section_question[data-question="9"] .question_list li:nth-child(9) .answer_set label {pointer-events: auto;}
.section_analysis {padding: 38px 0;background: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0, rgba(255, 255, 255, 0.90) 100%), var(--bf_yellow);}
.section_analysis .in {display: block;width: 716px;height: 948px;border-radius: 40px;background:var(--bf_white);margin: 0 auto;}
.section_analysis .in .loading_ani {display: flex;flex-direction: row;gap: 25px;justify-content: center;align-items: center;padding-top: 132px;}
.section_analysis .in .loading_ani li {width: 23px;height: 27px;
background: var(--bf_gray);
mask: url('data:image/svg+xml,') no-repeat center center;
mask-size: 100% 100%;
-webkit-mask: url('data:image/svg+xml,') no-repeat center center;
-webkit-mask-size: 100% 100%;
}
.section_analysis .in .loading_ani li:nth-child(1) {animation: leaf_loading01 3s ease infinite;}
.section_analysis .in .loading_ani li:nth-child(2) {animation: leaf_loading02 3s ease infinite;}
.section_analysis .in .loading_ani li:nth-child(3) {animation: leaf_loading03 3s ease infinite;}
@keyframes leaf_loading01 {
0% {background: var(--bf_gray);}
20% {background: var(--bf_gray);}
25% {background: var(--bf_yellow);}
95% {background: var(--bf_yellow);}
100% {background: var(--bf_gray);}
}
@keyframes leaf_loading02 {
0% {background: var(--bf_gray);}
45% {background: var(--bf_gray);}
50% {background: var(--bf_yellow);}
95% {background: var(--bf_yellow);}
100% {background: var(--bf_gray);}
}
@keyframes leaf_loading03 {
0% {background: var(--bf_gray);}
70% {background: var(--bf_gray);}
75% {background: var(--bf_yellow);}
95% {background: var(--bf_yellow);}
100% {background: var(--bf_gray);}
}
.section_analysis .in h2 {color: var(--bf_yellow);text-align: center;font-family: var(--ff-rabbit);font-size: 44px;font-weight: 400;line-height: 54px;letter-spacing: -1.32px;margin-top: 50px;}
.section_analysis .in .h_line {display: block;width: 650px;height: 2px;border-radius: 30px;opacity: 0.1;background: var(--bf_gray);margin: 64px auto 0;}
.section_analysis .in .txt {color: var(--bf_black);text-align: center;font-size: 18px;font-weight: 700;line-height: 28px;margin-top: 41px;}
.section_analysis .in .form_set {display: flex;flex-direction: column;justify-content: center;gap: 12px;width: 480px;border-radius: 30px;background: rgba(127, 127, 127, .1);margin: 40px auto 0;padding: 30px 42px 27px;}
.section_analysis .in .form_set .input_group {width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 14px;}
.section_analysis .in .form_set .input_group label {flex: 0 0 64px;color: var(--bf_black);font-size: 14px;font-weight: 500;line-height: 28px;text-align: right;}
.section_analysis .in .form_set .input_group input {flex: 1 1 auto;height: 35px;border-radius: 60px;background: var(--bf_white);color: var(--bf_gray);font-size: 13px;font-weight: 500;line-height: 28px;padding-left: 15px;}
.section_analysis .in .form_set .input_group input::placeholder {color: var(--bf_gray);font-size: 13px;font-weight: 500;line-height: 28px;opacity: 0.2;}
.section_analysis .in .form_set .input_group input:-webkit-autofill,input:-webkit-autofill:hover,
.section_analysis .in .form_set .input_group input:-webkit-autofill:focus,
.section_analysis .in .form_set .input_group input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 1000px var(--bf_white) inset;
box-shadow: 0 0 0 1000px var(--bf_white) inset;
-webkit-text-fill-color: var(--bf_gray);
}
.section_analysis .in .form_set .privacy_set {width: auto;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 8px;margin: 11px 0 0 78px;}
.section_analysis .in .form_set .privacy_set label {flex: unset;display: flex;align-items: center;gap: 4px;}
.section_analysis .in .form_set .input_group input[type="checkbox"] {position:absolute;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;overflow:hidden;}
.section_analysis .in .form_set .input_group input[type="checkbox"] + span {position: relative;width: 15px;aspect-ratio: 1/1;border: 1px solid var(--bf_black);border-radius: 0;cursor: pointer;}
.section_analysis .in .form_set .input_group input[type="checkbox"]:focus + span {border: 1px dashed var(--bf_black);}
.section_analysis .in .form_set .input_group input[type="checkbox"]:checked + span:after {content:'';position:absolute;left: 0;top: 0;z-index:1;width: 100%;height: 100%;background: url('data:image/svg+xml,') no-repeat center center;background-size: auto 9px;box-sizing:border-box;}
.section_analysis .in .form_set .input_group .agree_txt {font-size: 12px;font-weight: 500;line-height: 1;letter-spacing: -0.02em;}
.section_analysis .in .form_set .input_group .agree_txt .btn {position: relative;}
.section_analysis .in .form_set .input_group .agree_txt .btn::after {content:'';position: absolute;left: 50%;bottom: -1px;z-index: 0;width: 100%;height: 1px;background: var(--bf_black);transform: translateX(-50%);}
.section_analysis .in .form_set .input_group .agree_txt em {color: var(--bf_health);}
.section_analysis .in .btn_set {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 14px;margin-top: 30px;}
.section_analysis .in .btn_set .btn_submit {
width: 230px;
height: 50px;
color: var(--bf_white);text-align: center;font-family: var(--ff-lee);font-size: 17px;font-weight: 400;line-height: 14px;letter-spacing: -0.169px;
background: url('data:image/svg+xml,') no-repeat center center;
background-size: contain;
transition: all 0.3s ease;
}
.section_analysis .in .btn_set .btn_submit[disabled] {opacity: 0.1;}
.section_analysis .in .btn_set .btn_result {
position: relative;
color: rgba(0, 0, 0, 0.6);
font-size: 13px;
font-weight: 600;
line-height: 18px;
letter-spacing: -0.13px;
padding-right: 19px;
background: url('data:image/svg+xml,') no-repeat center center;
background-size: 10px 10px;
background-position: right 4px center;
}
.section_analysis .in .btn_set .btn_result:after {content: '';position: absolute;bottom: -3px;left: 0;width: 100%;height: 1px;background: #666;}
.section_result {}
.section_result .result_set {padding: 98px 0 33px;}
.section_result .result_set .eyebrow_txt {color: var(--bf_black);font-family: var(--ff-lee);font-size: 26px;font-weight: 400;line-height: normal;letter-spacing: -0.26px;text-align: center;}
.section_result .result_set .eyebrow_txt span {display: none;}
.section_result[data-result="TPN"] .result_set .eyebrow_txt span[data-result="TPN"] {display: inline-block;}
.section_result[data-result="TPS"] .result_set .eyebrow_txt span[data-result="TPS"] {display: inline-block;}
.section_result[data-result="FJN"] .result_set .eyebrow_txt span[data-result="FJN"] {display: inline-block;}
.section_result[data-result="FJS"] .result_set .eyebrow_txt span[data-result="FJS"] {display: inline-block;}
.section_result[data-result="TJN"] .result_set .eyebrow_txt span[data-result="TJN"] {display: inline-block;}
.section_result[data-result="TJS"] .result_set .eyebrow_txt span[data-result="TJS"] {display: inline-block;}
.section_result[data-result="FPN"] .result_set .eyebrow_txt span[data-result="FPN"] {display: inline-block;}
.section_result[data-result="FPS"] .result_set .eyebrow_txt span[data-result="FPS"] {display: inline-block;}
.section_result .result_set h2 {font-family: var(--ff-rabbit);font-size: 80px;font-weight: 400;line-height: 54px;/* 67.5% */letter-spacing: -2.4px;text-align: center;margin-top: 26px;}
.section_result .result_set h2 span {display: none;}
.section_result[data-result="TPN"] .result_set h2 span[data-result="TPN"] {display: inline-block;color: var(--bf_health);}
.section_result[data-result="TPS"] .result_set h2 span[data-result="TPS"] {display: inline-block;color: var(--bf_safe);}
.section_result[data-result="FJN"] .result_set h2 span[data-result="FJN"] {display: inline-block;color: var(--bf_work);}
.section_result[data-result="FJS"] .result_set h2 span[data-result="FJS"] {display: inline-block;color: var(--bf_live);}
.section_result[data-result="TJN"] .result_set h2 span[data-result="TJN"] {display: inline-block;color: var(--bf_environment);}
.section_result[data-result="TJS"] .result_set h2 span[data-result="TJS"] {display: inline-block;color: var(--bf_education);}
.section_result[data-result="FPN"] .result_set h2 span[data-result="FPN"] {display: inline-block;color: var(--bf_culture);}
.section_result[data-result="FPS"] .result_set h2 span[data-result="FPS"] {display: inline-block;color: var(--bf_social);}
.section_result .result_set .tag_list {display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 10px;margin-top: 24px;}
.section_result .result_set .tag_list li {display: none;padding: 9px 10px;justify-content: center;align-items: center;color:var(--bf_white);font-size: 16px;font-weight: 600;line-height: 1;letter-spacing: -0.16px;border-radius: 100px;}
.section_result[data-result="TPN"] .result_set .tag_list li[data-result="TPN"] {display: flex;background: var(--bf_health);}
.section_result[data-result="TPS"] .result_set .tag_list li[data-result="TPS"] {display: flex;background: var(--bf_safe);}
.section_result[data-result="FJN"] .result_set .tag_list li[data-result="FJN"] {display: flex;background: var(--bf_work);}
.section_result[data-result="FJS"] .result_set .tag_list li[data-result="FJS"] {display: flex;background: var(--bf_live);}
.section_result[data-result="TJN"] .result_set .tag_list li[data-result="TJN"] {display: flex;background: var(--bf_environment);}
.section_result[data-result="TJS"] .result_set .tag_list li[data-result="TJS"] {display: flex;background: var(--bf_education);}
.section_result[data-result="FPN"] .result_set .tag_list li[data-result="FPN"] {display: flex;background: var(--bf_culture);}
.section_result[data-result="FPS"] .result_set .tag_list li[data-result="FPS"] {display: flex;background: var(--bf_social);}
.section_result .result_set .result_image {width: 650px;height: 320px;margin: 0 auto;}
.section_result[data-result="TPN"] .result_set .result_image {background: url('../images/result_TPN_img@1.5x.png') no-repeat center top 25px;background-size: 397px 252px;}
.section_result[data-result="TPS"] .result_set .result_image {background: url('../images/result_TPS_img@1.5x.png') no-repeat center top 53px;background-size: 355px 245px;}
.section_result[data-result="FJN"] .result_set .result_image {background: url('../images/result_FJN_img@1.5x.png') no-repeat center top 24px;background-size: 265px 273px;}
.section_result[data-result="FJS"] .result_set .result_image {background: url('../images/result_FJS_img@1.5x.png') no-repeat center top 45px;background-size: 316px 251px;}
.section_result[data-result="TJN"] .result_set .result_image {background: url('../images/result_TJN_img@1.5x.png') no-repeat left 156px top 36px;background-size: 373px 255px;}
.section_result[data-result="TJS"] .result_set .result_image {background: url('../images/result_TJS_img@1.5x.png') no-repeat left 209px top 37px;background-size: 251px 247px;}
.section_result[data-result="FPN"] .result_set .result_image {background: url('../images/result_FPN_img@1.5x.png') no-repeat center top 17px;background-size: 303px 282px;}
.section_result[data-result="FPS"] .result_set .result_image {background: url('../images/result_FPS_img@1.5x.png') no-repeat left 110px top 6px;background-size: 384px 282px;}
.section_result .result_set .txt {color: var(--bf_black);font-size: 18px;font-weight: 700;line-height: 26px;/* 144.444% */letter-spacing: -0.18px;text-align: center;}
.section_result .result_set .txt span {display: none;}
.section_result[data-result="TPN"] .result_set .txt span[data-result="TPN"] {display: inline-block;}
.section_result[data-result="TPS"] .result_set .txt span[data-result="TPS"] {display: inline-block;}
.section_result[data-result="FJN"] .result_set .txt span[data-result="FJN"] {display: inline-block;}
.section_result[data-result="FJS"] .result_set .txt span[data-result="FJS"] {display: inline-block;}
.section_result[data-result="TJN"] .result_set .txt span[data-result="TJN"] {display: inline-block;}
.section_result[data-result="TJS"] .result_set .txt span[data-result="TJS"] {display: inline-block;}
.section_result[data-result="FPN"] .result_set .txt span[data-result="FPN"] {display: inline-block;}
.section_result[data-result="FPS"] .result_set .txt span[data-result="FPS"] {display: inline-block;}
.section_result[data-result="TPN"] .result_set .txt span[data-result="TPN"] em {color: var(--bf_health);}
.section_result[data-result="TPS"] .result_set .txt span[data-result="TPS"] em {color: var(--bf_safe);}
.section_result[data-result="FJN"] .result_set .txt span[data-result="FJN"] em {color: var(--bf_work);}
.section_result[data-result="FJS"] .result_set .txt span[data-result="FJS"] em {color: var(--bf_live);}
.section_result[data-result="TJN"] .result_set .txt span[data-result="TJN"] em {color: var(--bf_environment);}
.section_result[data-result="TJS"] .result_set .txt span[data-result="TJS"] em {color: var(--bf_education);}
.section_result[data-result="FPN"] .result_set .txt span[data-result="FPN"] em {color: var(--bf_culture);}
.section_result[data-result="FPS"] .result_set .txt span[data-result="FPS"] em {color: var(--bf_social);}
.section_result .result_set .explain_list {display: flex;width: 650px;height: 120px;padding: 20px 0 20px 38px;flex-direction: column;justify-content: center;align-items: start;gap: 8px;flex-shrink: 0;border-radius: 30px;background: rgba(127, 127, 127, 0.10);margin: 24px auto 0;}
.section_result[data-result="FJN"] .result_set .explain_list {padding-left: 33px;}
.section_result[data-result="FJS"] .result_set .explain_list {padding-left: 33px;}
.section_result[data-result="FPN"] .result_set .explain_list {padding-left: 61px;}
.section_result[data-result="FPS"] .result_set .explain_list {padding-left: 61px;}
.section_result .result_set .explain_list li {position: relative;display: none;color: var(--bf_black);font-size: 14px;font-weight: 600;line-height: 20px;/* 142.857% */letter-spacing: -0.14px;padding-left: 20px;}
.section_result .result_set .explain_list li:after {content: '';position: absolute;top: 50%;left: 0;width: 7px;height: 8px;transform: translateY(-50%);
mask: url('data:image/svg+xml,') no-repeat center center;
mask-size: contain;
-webkit-mask: url('data:image/svg+xml,') no-repeat center center;
-webkit-mask-size: contain;
}
.section_result[data-result="TPN"] .result_set .explain_list li[data-result="TPN"] {display: block;}
.section_result[data-result="TPS"] .result_set .explain_list li[data-result="TPS"] {display: block;}
.section_result[data-result="FJN"] .result_set .explain_list li[data-result="FJN"] {display: block;}
.section_result[data-result="FJS"] .result_set .explain_list li[data-result="FJS"] {display: block;}
.section_result[data-result="TJN"] .result_set .explain_list li[data-result="TJN"] {display: block;}
.section_result[data-result="TJS"] .result_set .explain_list li[data-result="TJS"] {display: block;}
.section_result[data-result="FPN"] .result_set .explain_list li[data-result="FPN"] {display: block;}
.section_result[data-result="FPS"] .result_set .explain_list li[data-result="FPS"] {display: block;}
.section_result[data-result="TPN"] .result_set .explain_list li[data-result="TPN"]:after {background: var(--bf_health);}
.section_result[data-result="TPS"] .result_set .explain_list li[data-result="TPS"]:after {background: var(--bf_safe);}
.section_result[data-result="FJN"] .result_set .explain_list li[data-result="FJN"]:after {background: var(--bf_work);}
.section_result[data-result="FJS"] .result_set .explain_list li[data-result="FJS"]:after {background: var(--bf_live);}
.section_result[data-result="TJN"] .result_set .explain_list li[data-result="TJN"]:after {background: var(--bf_environment);}
.section_result[data-result="TJS"] .result_set .explain_list li[data-result="TJS"]:after {background: var(--bf_education);}
.section_result[data-result="FPN"] .result_set .explain_list li[data-result="FPN"]:after {background: var(--bf_culture);}
.section_result[data-result="FPS"] .result_set .explain_list li[data-result="FPS"]:after {background: var(--bf_social);}
.section_result .result_set .best_pair_set {position: relative;display: flex;flex-direction: column;justify-content: start;align-items: start;width: 654px;height: 171px;border-radius: 30px;border: 2px solid rgba(127, 127, 127, 0.10);margin: 25px auto 0;}
/* 선택된 이미지가 아닌 짝궁 이미지임 */
.section_result[data-result="TPN"] .result_set .best_pair_set {background: url('../images/result_FJS_img_small@1.5x.png') no-repeat left 127px top 36px;background-size: 127px 101px;}
.section_result[data-result="TPS"] .result_set .best_pair_set {background: url('../images/result_FJN_img_small@1.5x.png') no-repeat left 152px top 25px;background-size: 106px 110px;}
.section_result[data-result="FJN"] .result_set .best_pair_set {background: url('../images/result_TPS_img_small@1.5x.png') no-repeat left 120px top 38px;background-size: 142px 98px;}
.section_result[data-result="FJS"] .result_set .best_pair_set {background: url('../images/result_TPN_img_small@1.5x.png') no-repeat left 121px top 36px;background-size: 152px 101px;}
.section_result[data-result="TJN"] .result_set .best_pair_set {background: url('../images/result_FPS_img_small@1.5x.png') no-repeat left 124px top 24px;background-size: 153px 113px;}
.section_result[data-result="TJS"] .result_set .best_pair_set {background: url('../images/result_FPN_img_small@1.5x.png') no-repeat left 159px top 24px;background-size: 122px 113px;}
.section_result[data-result="FPN"] .result_set .best_pair_set {background: url('../images/result_TJS_img_small@1.5x.png') no-repeat left 159px top 35px;background-size: 101px 99px;}
.section_result[data-result="FPS"] .result_set .best_pair_set {background: url('../images/result_TJN_img_small@1.5x.png') no-repeat left 133px top 34px;background-size: 150px 102px;}
.section_result .result_set .best_pair_set .tit {
position: absolute;
top: -12px;left: 50%;
transform: translateX(-50%);
color: var(--bf_gray);font-size: 16px;font-weight: 700;line-height: 24px;/* 150% */letter-spacing: -0.16px;background:var(--bf_white);white-space: nowrap;padding: 0 15px;}
.section_result .result_set .best_pair_set .pair_info_set {margin-top: 36px;}
.section_result[data-result="TPN"] .result_set .best_pair_set .pair_info_set {margin-left: 262px;}
.section_result[data-result="TPS"] .result_set .best_pair_set .pair_info_set {margin-left: 262px;}
.section_result[data-result="FJN"] .result_set .best_pair_set .pair_info_set {margin-left: 267px;}
.section_result[data-result="FJS"] .result_set .best_pair_set .pair_info_set {margin-left: 267px;}
.section_result[data-result="TJN"] .result_set .best_pair_set .pair_info_set {margin-left: 287px;}
.section_result[data-result="TJS"] .result_set .best_pair_set .pair_info_set {margin-left: 287px;}
.section_result[data-result="FPN"] .result_set .best_pair_set .pair_info_set {margin-left: 268px;}
.section_result[data-result="FPS"] .result_set .best_pair_set .pair_info_set {margin-left: 268px;}
.section_result .result_set .best_pair_set .pair_info_set .bp_eyebrow_txt {color: var(--bf_black);text-align: center;font-family: var(--ff-lee);font-size: 15px;font-weight: 400;line-height: normal;letter-spacing: -0.152px;}
.section_result .result_set .best_pair_set .pair_info_set .bp_eyebrow_txt span {display: none;}
.section_result[data-result="TPN"] .result_set .best_pair_set .pair_info_set .bp_eyebrow_txt span[data-result="FJS"] {display: inline-block;}
.section_result[data-result="TPS"] .result_set .best_pair_set .pair_info_set .bp_eyebrow_txt span[data-result="FJN"] {display: inline-block;}
.section_result[data-result="FJN"] .result_set .best_pair_set .pair_info_set .bp_eyebrow_txt span[data-result="TPS"] {display: inline-block;}
.section_result[data-result="FJS"] .result_set .best_pair_set .pair_info_set .bp_eyebrow_txt span[data-result="TPN"] {display: inline-block;}
.section_result[data-result="TJN"] .result_set .best_pair_set .pair_info_set .bp_eyebrow_txt span[data-result="FPS"] {display: inline-block;}
.section_result[data-result="TJS"] .result_set .best_pair_set .pair_info_set .bp_eyebrow_txt span[data-result="FPN"] {display: inline-block;}
.section_result[data-result="FPN"] .result_set .best_pair_set .pair_info_set .bp_eyebrow_txt span[data-result="TJS"] {display: inline-block;}
.section_result[data-result="FPS"] .result_set .best_pair_set .pair_info_set .bp_eyebrow_txt span[data-result="TJN"] {display: inline-block;}
.section_result .result_set .best_pair_set .pair_info_set h3 {font-family: var(--ff-rabbit);font-size: 47px;font-weight: 400;line-height: 50px;letter-spacing: -1.405px;text-align: center;margin-top: 7px;}
.section_result .result_set .best_pair_set .pair_info_set h3 span {display: none;}
.section_result[data-result="TPN"] .result_set .best_pair_set .pair_info_set h3 span[data-result="FJS"] {display: inline-block;color: var(--bf_live);}
.section_result[data-result="TPS"] .result_set .best_pair_set .pair_info_set h3 span[data-result="FJN"] {display: inline-block;color: var(--bf_work);}
.section_result[data-result="FJN"] .result_set .best_pair_set .pair_info_set h3 span[data-result="TPS"] {display: inline-block;color: var(--bf_safe);}
.section_result[data-result="FJS"] .result_set .best_pair_set .pair_info_set h3 span[data-result="TPN"] {display: inline-block;color: var(--bf_health);}
.section_result[data-result="TJN"] .result_set .best_pair_set .pair_info_set h3 span[data-result="FPS"] {display: inline-block;color: var(--bf_social);}
.section_result[data-result="TJS"] .result_set .best_pair_set .pair_info_set h3 span[data-result="FPN"] {display: inline-block;color: var(--bf_culture);}
.section_result[data-result="FPN"] .result_set .best_pair_set .pair_info_set h3 span[data-result="TJS"] {display: inline-block;color: var(--bf_education);}
.section_result[data-result="FPS"] .result_set .best_pair_set .pair_info_set h3 span[data-result="TJN"] {display: inline-block;color: var(--bf_environment);}
.section_result .result_set .best_pair_set .pair_info_set .bp_tag_list {display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 5px;}
.section_result .result_set .best_pair_set .pair_info_set .bp_tag_list li {display: none;padding: 6px 7px;justify-content: center;align-items: center;gap: 7px;color:var(--bf_white);font-size: 11px;font-weight: 600;letter-spacing: -0.108px;border-radius: 68px;white-space: nowrap;}
.section_result[data-result="TPN"] .result_set .best_pair_set .pair_info_set .bp_tag_list li[data-result="FJS"] {display: flex;background: var(--bf_live);}
.section_result[data-result="TPS"] .result_set .best_pair_set .pair_info_set .bp_tag_list li[data-result="FJN"] {display: flex;background: var(--bf_work);}
.section_result[data-result="FJN"] .result_set .best_pair_set .pair_info_set .bp_tag_list li[data-result="TPS"] {display: flex;background: var(--bf_safe);}
.section_result[data-result="FJS"] .result_set .best_pair_set .pair_info_set .bp_tag_list li[data-result="TPN"] {display: flex;background: var(--bf_health);}
.section_result[data-result="TJN"] .result_set .best_pair_set .pair_info_set .bp_tag_list li[data-result="FPS"] {display: flex;background: var(--bf_social);}
.section_result[data-result="TJS"] .result_set .best_pair_set .pair_info_set .bp_tag_list li[data-result="FPN"] {display: flex;background: var(--bf_culture);}
.section_result[data-result="FPN"] .result_set .best_pair_set .pair_info_set .bp_tag_list li[data-result="TJS"] {display: flex;background: var(--bf_education);}
.section_result[data-result="FPS"] .result_set .best_pair_set .pair_info_set .bp_tag_list li[data-result="TJN"] {display: flex;background: var(--bf_environment);}
.section_result .result_set .btn_set {display: flex;justify-content: center;align-items: center;margin-top: 32px;}
.section_result .result_set .btn_set .btn_restart {width: 232px;height: 52px;background: url('../images/btn_restart.png') no-repeat center center;background-size: contain;color: var(--bf_black);font-family: var(--ff-lee);font-size: 17px;font-weight: 400;line-height: 14px;/* 82.305% */letter-spacing: -0.169px;}
.section_result .share_set {background: rgba(127, 127, 127, 0.1);}
.section_result .share_set .in {display: flex;align-items: center;justify-content: center;gap: 26px;padding: 33px 0 36px;}
.section_result .share_set p {
color: var(--bf_black);
text-align: center;
font-family: var(--ff-lee);
font-size: 16.943px;
font-style: normal;
font-weight: 400;
line-height: 13.945px;
letter-spacing: -0.169px;
}
.section_result .share_set .link_set {display: flex;align-items: center;gap: 5px;}
.section_result .share_set .link_set button {position: relative;width: 30px;aspect-ratio: 1/1;background: url("../images/btn_share_sprites@2x.png") no-repeat left -10px center;background-size: auto 50px;}
.section_result .share_set .link_set .btn_share_url {background-position: left -10px center;}
.section_result .share_set .link_set .btn_share_url::after {
content:'복사가 완료되었습니다.';
position: absolute;left: 50%;top: 50%;z-index: 5;opacity: 0;
color: #fff;font-size: 10px;font-weight: 400;line-height: 1;letter-spacing: -0.01em;
text-align: center;white-space: nowrap;
background: #666;
border-radius: 10px;
padding: 5px 10px;
transform: translate(-50%, -50%);
transition: all 0.3s ease;
pointer-events: none;
}
.section_result .share_set .link_set .btn_share_url.on::after {opacity: 1;}
.section_result .share_set .link_set .btn_share_kakao {background-position: left -60px center;}
.section_result .share_set .link_set .btn_share_facebook {background-position: left -110px center;}
.section_result .sec01 {background: #FEF6E5;padding: 83px 0 80px;}
.section_result .sec01 .in {max-width: 650px;margin: 0 auto;}
.section_result .sec01 .tit {color: var(--bf_black);font-family: var(--ff-rabbit);font-size: 32px;font-weight: 400;line-height: 32px;letter-spacing: -0.01em;text-align: center;margin-bottom: 40px;}
.section_result .sec01 .tit em {color: var(--bf_social);}
.section_result .sec01 .icon {display: block;width: 100%;height: 70px;background: url("../images/result_change_icon@1.5x.png") no-repeat center center;background-size: contain;}
.section_result .sec01 ul {display: flex;align-items: center;justify-content: center;gap: 55px;background: var(--bf_white);border-radius: 30px;padding: 7px 22px 7px 20px;}
.section_result .sec01 ul li {color: var(--bf_black);font-size: 14px;font-weight: 600;line-height: 20px;letter-spacing: -0.01em;}
.sec_change_why {
position: relative;z-index: 0;overflow: hidden;
display: flex;align-items: center;justify-content: center;
padding: 31px 0 35px;
}
.sec_change_why::after {
content:'';
position: absolute;left: 50%;top: 50%;z-index: -1;width: 105%;aspect-ratio: 1/1;
background: linear-gradient(91deg, #F63440 -1.95%, #FFA800 31.73%, #00C4B3 67.96%, #783CBD 100.11%);
background-size: 100% 100%;
transform-origin: center center;
animation: gradientAni 5s linear infinite;
pointer-events: none;
}
@keyframes gradientAni {
0%{transform: translate(-50%, -50%) rotate(0deg);}
100%{transform: translate(-50%, -50%) rotate(360deg);}
}
.sec_change_why .in {margin-left: 17px;}
.sec_change_why .tit_set {display: flex;justify-content: space-between;align-items: center;gap: 12px;margin-bottom: 6px;}
.sec_change_why .tit_set .tit {color: var(--bf_white);font-family: var(--ff-rabbit);font-size: 27px;font-weight: 400;line-height: 28px;letter-spacing: -0.01em; margin-top: 3px;}
.sec_change_why .btn_detail {display: flex;align-items: center;gap: 7px;background: rgba(255,255,255,0.3);border-radius: 109px;padding: 5px 15px 5px 18px;}
.sec_change_why .btn_detail .txt {color: var(--bf_black);font-size: 14px;font-weight: 600;line-height: 20px;letter-spacing: -0.01em;opacity: 0.6;}
.sec_change_why .btn_detail .arr {width: 11px;aspect-ratio: 11/10;background: url('data:image/svg+xml,') no-repeat center center;background-size: contain;opacity: 0.6;}
.sec_change_why .s_tit {color: var(--bf_white);font-size: 13px;font-weight: 500;line-height: 20px;letter-spacing: -0.01em;}
.sec_change_survey {background: var(--bf_white);padding: 106px 0 114px;}
.sec_change_survey .tit {color: var(--bf_black);font-family: var(--ff-rabbit);font-size: 32px;font-weight: 400;line-height: 1;letter-spacing: -0.01em;text-align: center;margin-bottom: 61px;}
.sec_change_survey .tit em {color: var(--bf_yellow);}
.sec_change_survey .join_set {display: flex;align-items: flex-start;justify-content: center;gap: 30px;text-align: center;}
.sec_change_survey .join_set > li {flex-shrink: 0;}
.sec_change_survey .join_set .li_tit {color: var(--bf_black);font-size: 18px;font-weight: 800;line-height: 20px;letter-spacing: -0.01em;margin-bottom: 19px;}
.sec_change_survey .join_set .box {width: 375px;height: 292px;background: #F2F2F2;border-radius: 30px;overflow: hidden;}
.sec_change_survey .join_set > li:nth-child(1) .box {}
.sec_change_survey .join_set > li:nth-child(1) .img {width: 100%;height: 292px;background: url("../images/result_change_new_img01@1.5x.jpg") no-repeat center center;background-size: cover;}
.sec_change_survey .join_set > li:nth-child(1) .img .txt {position: relative;z-index: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;color: var(--bf_white);font-size: 16px;font-weight: 700;line-height: 23px;letter-spacing: -0.01em;text-align: center;padding-top: 10px;opacity: 0.1;transition: all 0.3s ease;}
.sec_change_survey .join_set > li:nth-child(1) .img .txt span { opacity: 0; }
.sec_change_survey .join_set > li:nth-child(1) .img .txt::after {content:'';position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: rgba(50,50,50,0.5); }
.sec_change_survey .join_set > li:nth-child(1):hover .img .txt {opacity: 1;}
.sec_change_survey .join_set > li:nth-child(1):hover .img .txt span { opacity: 1; }
.sec_change_survey .join_set > li:nth-child(1) .txt_set {padding: 20px 0 24px 26px;text-align: left;}
.sec_change_survey .join_set > li:nth-child(1) .txt_set p {color: var(--bf_black);font-size: 15px;font-weight: 500;line-height: 20px;letter-spacing: -0.01em;}
.sec_change_survey .join_set > li:nth-child(1) .txt_set p:nth-child(1) {font-weight: 700;margin-bottom: 4px;}
.sec_change_survey .join_set > li:nth-child(2) .box {}
.sec_change_survey .join_set > li:nth-child(2) .img {position: relative;width: 100%;height: 140px;background: url("../images/result_change_img02@1.5x.jpg") no-repeat center center;background-size: cover;}
.sec_change_survey .join_set > li:nth-child(2) .txt_set {padding: 5px 15px;text-align: left;}
.sec_change_survey .join_set > li:nth-child(2) .txt_set .info {display: flex;gap: 6px;color: var(--bf_black);font-size: 13px;font-weight: 500;line-height: 17px;letter-spacing: -0.01em;border-top: 1px solid var(--bf_black);padding: 8px 0;}
.sec_change_survey .join_set > li:nth-child(2) .txt_set .info > span {opacity: 0.5;}
.sec_change_survey .join_set > li:nth-child(2) .txt_set .date {flex: 0 0 140px;font-weight: 700;}
.sec_change_survey .join_set > li:nth-child(2) .txt_set .inner {position: relative;flex: 0 1 auto;}
.sec_change_survey .join_set > li:nth-child(2) .txt_set .inner .eng {font-size: 12px;}
.sec_change_survey .join_set > li:nth-child(2) .txt_set .inner .arrow {display: none;width: 16px;aspect-ratio: 1/1;background: #D9D9D9 url('data:image/svg+xml,') no-repeat left 4px center;background-size: 9px auto;border-radius: 100%;margin-left: 4px;vertical-align: sub;}
.sec_change_survey .join_set > li:nth-child(2) .txt_set .info:has(a) {display: block;font-weight: 700;}
.sec_change_survey .join_set > li:nth-child(2) .txt_set .info:has(a) a {display: flex;gap: 6px;}
.sec_change_survey .join_set > li:nth-child(2) .txt_set .info:has(a) .arrow {display: inline-block;}
.sec_change_survey .join_set > li:nth-child(2) .txt_set li:nth-child(1) {border-top: 0;}
.sec_change_survey .join_set > li:nth-child(3) .box {}
.sec_change_survey .join_set > li:nth-child(3) .box .img {width: 100%;height: 117px;background: url("../images/result_illust_event@1.5x.jpg") no-repeat center center;background-size: cover;}
.sec_change_survey .join_set > li:nth-child(3) .box p {color: var(--bf_black);font-size: 13px;font-weight: 500;line-height: 20px;letter-spacing: -0.01em;margin: 18px 0 23px;}
.sec_change_survey .join_set > li:nth-child(3) .btn_survey {display: inline-flex;align-items: center;gap: 4px;background: var(--bf_yellow);border-radius: 110px;padding: 4px 17px 6px 18px;}
.sec_change_survey .join_set > li:nth-child(3) .btn_survey .txt {color: var(--bf_white);font-size: 14px;font-weight: 600;line-height: 20px;letter-spacing: -0.01em;}
.sec_change_survey .join_set > li:nth-child(3) .btn_survey .arr {width: 11px;aspect-ratio: 11/10;background: url('data:image/svg+xml,') no-repeat center center;background-size: contain;}
.sec_change_cta {background: #F4A100 url("../images/result_cta_bg@1.5x.jpg") no-repeat center center;background-size: auto 100%;}
.sec_change_cta .in {display: flex;align-items: center;justify-content: center;gap: 89px;padding: 76px 0 86px;}
.sec_change_cta .tit {color: var(--bf_white);font-family: var(--ff-rabbit);font-size: 32px;font-weight: 400;line-height: 38px;letter-spacing: -0.01em;margin-left: 0;}
.sec_change_cta .btn_cta {width: 267px;display: flex;align-items: center;justify-content: space-between;background: var(--bf_white);border-radius: 86px;padding: 36px 61px 39px 69px;}
.sec_change_cta .btn_cta .txt {color: var(--bf_yellow);font-size: 20px;font-weight: 700;line-height: 17px;letter-spacing: -0.01em;}
.sec_change_cta .btn_cta .arr {width: 18px;aspect-ratio: 18/17;background: url('data:image/svg+xml,') no-repeat center center;background-size: contain;}
/* popup */
.popup {
position: fixed;top: 0;left: 0;z-index: -1;opacity: 0;
display: flex;align-items: center;justify-content: center;
width: 100%;height: 100%;
background: rgba(0,0,0,0.4);
transition: opacity 0.2s ease, z-index 0s 0.1s linear;
}
.popup.show {z-index: 300;opacity: 1;transition: opacity 0.2s ease, z-index 0s linear;}
.popup .popup_wrap {transition: all 0.3s ease;transform: translateY(100%);}
.popup.show .popup_wrap {transform: translateY(0);}
.popup_inner {position: relative;}
.popup_ans_privacy .popup_inner {width: 410px;color: var(--bf_black);font-size: 12px;font-weight: 500;line-height: 19px;word-break: break-all;background: var(--bf_white);border-radius: 40px;padding: 32px 31px 24px;}
.popup_ans_privacy .popup_inner .tit {font-weight: 700;}
/*.popup_ans_privacy .popup_inner .desc {text-indent: -10px;padding-left: 10px;}*/
.popup_ans_privacy .popup_inner ul {}
.popup_ans_privacy .popup_inner ul li {position: relative;padding-left: 18px;}
.popup_ans_privacy .popup_inner ul li::before {content:'';position: absolute;left: 7px;top: 8px;z-index: 0;width: 3px;aspect-ratio: 1/1;background: var(--bf_black);border-radius: 100%;}
.popup_ans_privacy .btn_pop_close {display: flex;align-items: center;justify-content: center;width: 100%;gap: 9px;padding: 17.5px 0;background: rgba(0,0,0,0.1);border-radius: 40px;margin-top: 17px;}
.popup_ans_privacy .btn_pop_close .icon {width: 11px;aspect-ratio: 1/1;background: url('data:image/svg+xml,') no-repeat center center;background-size: contain;}
.popup_ans_privacy .btn_pop_close .txt {color: var(--bf_black);font-size: 13px;font-weight: 500;line-height: 1;}
/* loading */
.loading_set {
position:fixed;top:0;left:0;z-index:-1;opacity:0;
display: flex;flex-direction: column;align-items: center;justify-content: center;
width:100%;height:100%;
background:rgba(0, 0, 0, 0.3);
transition:all 0.3s ease;
}
.loading_set.show {opacity:1;z-index:999;}
.loading_set .txt {display: block;color: #333;font-size: 18px;font-weight: 500;line-height: 1.2;text-align: center;margin: 10px 0;}
.loading_set .loading_circle {display: flex;align-items: center;justify-content: center;gap: 6px;}
.loading_set .loading_circle > div {
width: 15px;aspect-ratio: 1/1;background:#eee;border-radius:50%;
animation:loading_ani_color 1.2s infinite steps(1, end);
}
.loading_set .loading_circle > div:nth-child(2) {animation-delay: 0.3s;}
.loading_set .loading_circle > div:nth-child(3) {animation-delay: 0.6s;}
@keyframes loading_ani_color {
0% {background-color: #eee;}
20% {background-color: #F5A216;}
40% {background-color: #eee;}
}