* {margin: 0;padding: 0;}body {font-family: "Poppins", "sans-serif";background: #ffffff;min-height: 100vh;position: relative;display: flex;flex-direction: column;color: #3d3d4e;}@font-face {font-family: "Robot";src: url("/font/Roboto-Medium.ttf");}@font-face {font-family: "Poppins";src: url("/font/Poppins-Regular.ttf");}img {width: 100%;}ul, li {list-style-type: none;}a, a:link, a:visited, a:hover, a:active {text-decoration: none;color: #3d3d4e;}input {background: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;border: none;outline: none;padding: 0;margin: 0;font: inherit;width: 100%;}.bu-svg {display: inline-block;min-width: 20px;min-height: 20px;vertical-align: middle;width: 20px;height: 20px;}.bu-svg.big {width: 30px;height: 30px;}.bu-svg.bigger {width: 40px;height: 40px;}.bu-layout {max-width: 1280px;margin: 0 auto;}.bu-padding {padding: 1rem 1.25rem;}.bu-margin {margin: 25px 0;}main {flex: 1;}header {position: sticky;top: 0;left: 0;right: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);background-color: #ffffff;z-index: 11;}.bu-header-layout {position: relative;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0 1.25rem;height: 50px;z-index: 11;}.bu-header-layout .bu-svg {color: #4cb0ea;}@media (min-width: 679px) {.bu-header-layout .bu-svg {display: none;}}.bu-header-layout h1 {color: transparent;background: linear-gradient(0deg, #70e78f 0%, #6f30fe 100%);-webkit-background-clip: text;background-clip: text;}.bu-header-layout .header-menu {background-image: url("/img/icon/menu.svg");transition: all 0.3s ease-in-out;}.bu-header-layout .header-menu.close {background-image: url("/img/icon/close.svg");}.bu-header-menu_phone {position: fixed;top: 50px;left: 0;width: 100%;display: flex;flex-direction: column;align-items: center;background-color: #ffffff;height: 100vh;visibility: hidden;opacity: 0;z-index: 10;transition: all 0.3s ease-in-out;}.bu-header-menu_phone.show {visibility: visible;opacity: 1;}.bu-header-menu_phone a {width: 100%;text-align: center;font-size: 1.2rem;padding: 0.625rem 0;}.bu-header-menu_phone a:nth-child(odd) {background-color: #f2f2f2;}@media (min-width: 679px) {.bu-header-menu_phone {display: none;}}.bu-header-menu_web {display: none;height: 100%;}.bu-header-menu_web a {height: inherit;display: flex;flex-direction: row;align-items: center;padding: 0 0.625rem;transition: all 0.3s ease-in-out;position: relative;}.bu-header-menu_web a:hover {background-color: #dbdbdbcc;}.bu-header-menu_web a.active::after {content: "";width: 25px;height: 6px;border-radius: 25px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);background: linear-gradient(83.16deg, #56d3ea 0%, #3b92ea 100%);}@media (min-width: 679px) {.bu-header-menu_web {display: flex;flex-direction: row;gap: 1.25rem;}}.bu-page-title {border-radius: 1.5625rem;background: linear-gradient(83.16deg, #56d3ea 0%, #3b92ea 100%);margin: 0.9375rem 1.5625rem 1.25rem;text-align: center;padding: 0.625rem 0;box-shadow: 7px 6px 8px -1px #acdffc;color: #ffffff;}@media (min-width: 679px) {.bu-page-title {display: none;}}.bu-type-section:nth-child(odd) {background-color: #f4f4f4;}.bu-section-title {color: #3d3d4e;display: flex;flex-direction: row;gap: 0.625rem;justify-content: center;align-items: center;padding: 10px;}.bu-quize-list {display: grid;grid-template-columns: repeat(3, 1fr);grid-auto-rows: 1fr;gap: 1.25rem;padding: 1rem 1.25rem;}@media (max-width: 679px) {.bu-quize-list {grid-template-columns: repeat(1, 1fr);}}@media (min-width: 679px) and (max-width: 900px) {.bu-quize-list {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 900px) {.bu-quize-list {grid-template-columns: repeat(3, 1fr);}}.bu-quize-list .bu-quize_item {border-radius: 0.5rem;box-shadow: 0px 2px 6px 0px rgba(108, 0, 27, 0.2);background-color: #ffffff;height: 100%;display: flex;flex-direction: column;transition: all 0.2s ease-in-out;}.bu-quize-list .bu-quize_item:hover {transform: scale(0.98);}.bu-quize-list .quize-item_img {display: inline-flex;width: 100%;border-top-left-radius: inherit;border-top-right-radius: inherit;flex: 2;}.bu-quize-list .quize-item_img img {border-top-left-radius: inherit;border-top-right-radius: inherit;}.bu-quize-list .quize-item_title {padding: 0.9375rem 0.625rem;font-size: 1.2rem;flex: 1;display: inline-flex;align-items: center;}.bu-bg {background-color: #f2f2f2;}.bu-bg .bu-answerpage-title {color: #3d3d4e;text-align: left;font-size: 1.5rem;}.bu-content {display: grid;grid-template-columns: repeat(12, 1fr);}.bu-answer-list {display: flex;flex-direction: column;gap: 1.25rem;}.bu-answer-section {padding: 1rem 1.25rem;box-sizing: border-box;grid-column: 2 / span 7;}@media (max-width: 1060px) {.bu-answer-section {grid-column: 1 / span 12;}}.answer:not(:first-child) {margin-top: 1.5625rem;}.answer .answer_serial {color: #3d3d4e;}.answer .answer_serial span {color: #4cb0ea;font-size: 2rem;line-height: 2.9rem;font-weight: 600;}.answer .answer_box {display: flex;flex-direction: column;border-radius: 0.5rem;background-color: #ffffff;box-shadow: 2px 9px 6px -1px #acdffc;}.answer .answer_box_title {padding: 0.5rem;background-color: #4cb0ea;border-top-left-radius: inherit;border-top-right-radius: inherit;color: #ffffff;}.answer .answer_box_img {width: 100%;}.answer .answer_box_answer {display: grid;gap: 0.625rem;padding: 1rem;grid-auto-rows: 1fr;}@media (min-width: 500px) {.answer .answer_box_answer {grid-template-columns: repeat(2, 1fr);}}.answer .answer_box_answer li {position: relative;display: inline-flex;border-radius: 0.5rem;transition: all 0.2s ease-in-out;align-items: center;gap: 0.625rem;}.answer .answer_box_answer li label {width: 100%;border-radius: inherit;color: #3d3d4e;vertical-align: middle;cursor: pointer;padding: 0.5rem 0.75rem;height: 100%;box-sizing: border-box;background-color: #ecf6fd;display: inline-flex;align-items: center;}.answer .answer_box_answer li label img {border-radius: inherit;}.answer .answer_box_answer li label:hover {background-color: #d5e6f3;}.answer .answer_box_answer li label[aria-img="false"]::before {content: "";display: inline-block;min-width: 20px;min-height: 20px;vertical-align: middle;width: 20px;height: 20px;background-image: url("/img/icon/circle.svg");background-repeat: no-repeat;background-size: contain;padding-right: 0.625rem;}.answer .answer_box_answer li input {visibility: hidden;position: absolute;}.answer .answer_box_answer li input[type="radio"]:checked ~ label {background: linear-gradient(76.58deg, #5a53f0 0%, #4eaee9 100%);color: #ffffff;}.answer .answer_box_answer li input[type="radio"]:checked ~ label[aria-img="false"]::before {background-image: url("/img/icon/circleActive.svg");background-repeat: no-repeat;background-size: contain;}.answer .answer_box_answer.isImage {display: grid;grid-template-columns: repeat(2, 1fr);}.answer .answer_box_answer.isImage li {padding: 0.3125rem;}.answer .answer_box_answer.isImage img {border-radius: 0.75rem;}#answerSumbit {display: inline-block;border-radius: 0.75rem;background-color: #4cb0ea;text-align: center;width: 100%;max-width: 450px;padding: 0.5rem 0;margin-top: 1.875rem;color: #ffffff;font-size: 1.5rem;font-weight: 600;margin: 1.875rem auto 0;cursor: pointer;}#answerSumbit:hover {background-color: #3b92ea;}.bu-recommend-section .bu-quize-list {padding: 0;}@media (min-width: 679px) {.bu-recommend-section .bu-quize-list {grid-template-columns: repeat(2, 1fr);}}.bu-recommend-title, .bu-related-title {padding-bottom: 0.9375rem;color: #3d3d4e;}.bu-related-section {grid-column: 9 / span 4;}@media (max-width: 1060px) {.bu-related-section {display: none;}}.bu-related-section aside {position: sticky;top: 3.75rem;}.bu-related-result-section {grid-column: 9 / span 4;}@media (max-width: 980px) {.bu-related-result-section {display: none;}}.bu-related-result-section aside {position: sticky;top: 6.25rem;}.bu-related-list {display: flex;flex-direction: column;gap: 0.9375rem;}.bu-related-list .bu-related_item {display: flex;flex-direction: row;gap: 0.625rem;align-items: center;background-color: #ffffff;box-shadow: 0px 2px 6px 0px rgba(108, 0, 27, 0.2);border-radius: 0.5rem;transition: all 0.2s ease-in-out;}.bu-related-list .bu-related_item:hover {transform: scale(0.98);}.bu-related-list .related_item_img {display: inline-flex;height: 100%;border-radius: inherit;padding: 0.3125rem;width: min(50%, 166px);flex: 0 0 auto;}.bu-related-list .related_item_img img {border-radius: inherit;}.bu-related-list .related_item_title {color: #3d3d4e;padding: 0.5rem;}.bu-related-list .related_item_title p {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}.bu-result-section {grid-column: 2 / span 7;}@media (max-width: 980px) {.bu-result-section {grid-column: 1 / span 12;}}.bu-result-layout {border-radius: 0.9375rem;background-color: #ffffff;padding: 1rem;}.bu-result-layout h2 {color: #3d3d4e;padding-bottom: 0.9375rem;}.bu-result-layout .result_img {border-radius: inherit;border: 2px solid rgba(0, 0, 0, 0.1);display: inline-flex;width: 100%;}.bu-result-layout .result_img img {border-radius: inherit;}.bu-result-layout .result_content {color: #3d3d4e;}.bu-result-layout .result_content h5 {font-size: 1.2rem;margin: 0.9375rem 0;}.bu-result-layout .result_content p {font-size: 1.1rem;line-height: max(1.4rem, 13px);}.bu-result-layout .result_bottom_btn {width: 100%;display: flex;flex-direction: column;gap: 1rem;justify-content: center;align-items: center;}.bu-result-layout .result_bottom_btn .c1 {background-color: #8cbd59;}.bu-result-layout .result_bottom_btn .c2 {background-color: #4d9061;}.bu-result-layout .result_bottom_btn .c3 {background-color: #4e92e5;}.bu-result-layout .result_bottom_btn .c4 {background-color: #eef7fd;color: #6cc4ed;}.bu-result-layout .result_bottom_btn a {width: 80%;text-align: center;background-color: #4eaee9;border-radius: 0.5rem;padding: 0.625rem 0;color: #ffffff;position: relative;transition: all 0.2s ease-in-out;}.bu-result-layout .result_bottom_btn a:hover {transform: scale(1.05);}.bu-result-layout .result_bottom_btn a:not(:last-child)::after {content: ">";position: absolute;right: 10px;padding-right: 0.625rem;font-size: 1.2rem;}.bu-result-layout .result_bottom_btn a:last-child::after {content: "";background-image: url("/img/icon/reset.svg");background-repeat: no-repeat;background-size: contain;position: absolute;right: 10px;padding-right: 0.625rem;display: inline-block;min-width: 20px;min-height: 20px;vertical-align: middle;width: 20px;height: 20px;}.agreement h1 {text-align: center;color: #4cb0ea;padding: 0.9375rem 0;}.agreement h2 {margin-bottom: 0.9375rem;}.agreement h3 {margin-bottom: 0.625rem;}.agreement p:not(:last-child) {margin-bottom: 1.5625rem;}footer {background-color: #3d3d4e;padding: 1.25rem 1.5625rem;}footer .bu-bottom-layout {display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 1.5625rem;}footer .bu-bottom-layout a {color: #ffffff;font-size: 1rem;text-decoration: underline;}