@charset "utf-8";

.ta-c{text-align: center;}
.ntest_wrap{background: url(/img/sub/ntest07_bg.jpg) no-repeat center / cover; padding: 115px 0;}
.ntest_wrap .inner{max-width: 1320px; display: flex; align-items: center; justify-content: space-between;}
.ntest_wrap .txt_box .logo img{width: 284px;}
.ntest_wrap .txt_box .title{font-size: 54px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.4; margin-top: 15px;}
.ntest_wrap .txt_box .line{margin: 45px 0; width: 545px; height: 2px; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0) 100%);}
.ntest_wrap .txt_box p{font-size: 24px; letter-spacing: -0.02em; line-height: 1.4;}
.ntest_wrap .txt_box a{display: inline-block; margin-top: 45px; font-size: 24px; font-weight: 600; color: #FFF;  letter-spacing: -0.02em; padding: 15px 30px; border-radius: 50px; background: #8f877d;}
.ntest_wrap .test_box{width: 628px; height: 580px; border-radius: 20px; background: rgba(255,255,255,0.8); padding: 35px 50px; position: relative;}
.ntest_wrap .test_box .test_progress{height: 37px; border-radius: 50px; background: #FFF; border: 2px solid #8E877C; font-size: 30px; letter-spacing: -0.02em; line-height: 34px; margin-bottom: 28px; overflow: hidden;}
.ntest_wrap .test_box .test_progress span{height: 100%; background: #8E877C; display:block;}
.ntest_wrap .test_box .step{display: none;}
.ntest_wrap .test_box .step.is-active{display: block;}
.ntest_wrap .test_box .btn_start{font-size: 48px; letter-spacing: -0.02em; font-weight: 600; color: #FFF; padding: 45px 100px; border-radius: 100px; background: #8F877D; border: none; box-shadow: inset 0 2px 2px rgba(255,255,255,0.2); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: max-content;}
.ntest_wrap .test_box .step .title{display: flex; align-items: center; gap: 24px;}
.ntest_wrap .test_box .step .title .icon{width: 82px;}
.ntest_wrap .test_box .step .title .line{width: 3px; height: 50px; background: #000;}
.ntest_wrap .test_box .step .title p{font-size: 30px; letter-spacing: -0.02em; font-weight: 600;}
.ntest_wrap .test_box .step_nav{display: flex; position: absolute; left: 10px; bottom: 10px; right: 10px;}
.ntest_wrap .test_box .step_nav button{display: flex; align-items: center; justify-content: center; gap: 20px; font-size: 30px; height: 80px; width: 50%; border: none; box-shadow: 0 2px 2px rgba(0,0,0,0.2); font-weight: 500;}
.ntest_wrap .test_box .step_nav button img{width: 48px;}
.ntest_wrap .test_box .step_nav button img.kakao{width: 45px;}
.ntest_wrap .test_box .step_nav .prev{background: #FFF; border-radius: 0 0 0 26px;}
.ntest_wrap .test_box .step_nav .next{background: #8f877d; border-radius: 0 0 26px 0;}
.ntest_wrap .test_box .step1 .select{display: flex; gap: 10px; margin-top: 30px;}
.ntest_wrap .test_box .step1 .select .item{position: relative; cursor: pointer; width: calc(50% - 5px);}
.ntest_wrap .test_box .step1 .select .item img{width: 100%;}
.ntest_wrap .test_box .step1 .select .item span{font-size: 28px; color: #FFF; font-weight: 600; padding: 12px 57px; border-radius: 50px; background: #8E877C; position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); white-space: nowrap;}
.ntest_wrap .test_box .step select{font-size: 30px; letter-spacing: -0.02em; font-weight: 700; width: 492px; height: 117px; box-shadow: 0 0 15px rgba(0,0,0,0.10); border-radius: 30px; background: #FFF url(/img/sub/test_sel_ic.svg) no-repeat right 40px center / 50px; padding: 0 50px; position: absolute; left: 50%; transform: translateX(-50%); top: 262px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none !important;}
.ntest_wrap .test_box .step .income{margin-top: 112px;}
.ntest_wrap .test_box .step .income .bar{height: 9px; border-radius: 10px; background: #8f877d; box-shadow: 0 0 5px rgba(0,0,0,0.10);}
.ntest_wrap .test_box .step .income .bar_inner{position: relative; height: 100%;}
.ntest_wrap .test_box .step .income .bar .point{width: 35px; height: 35px; border-radius: 50%; background: #504b45; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}
.ntest_wrap .test_box .step .income p{margin-top: 52px; font-size: 30px; font-weight: 600;}
.ntest_wrap .test_box .result{margin-top: 35px;}
.ntest_wrap .test_box .result .cont .box{margin-top: 46px; font-size: 54px; color: #FFF; font-weight: 600; background: #8e877c; text-align: center; display: flex; align-items: center; justify-content: center; height: 220px; border-radius: 37px; line-height: 1.4; box-shadow: 0 0 5px rgba(0,0,0,0.10);}
.ntest_wrap .test_box .result .cont p{margin-top: 50px; font-size: 30px; line-height: 1.4; font-weight: 500; letter-spacing: -0.02em;}