@font-face {
    font-family: 'PyeongChangPeace-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Light.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'PyeongChang-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChang-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.noto-sans-medium {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}


.sub-wrapper {padding: 0; margin-top: 140px; position: relative;}
.sub-wrapper .test-container {width: 100%; position: relative; min-height: 920px;}

.sub-wrapper .test-menu-list {position: absolute; top: 2vw; left: 2vw; z-index: 2;}
.sub-wrapper .test-menu-list .menu-header {cursor: pointer; background-color: #ffffff; opacity: 0.5; padding: 40px 20px; background-image: url(/assets/images/check/menu-title-bg.png); background-repeat: no-repeat; background-position: 23% 35%;}
.sub-wrapper .test-menu-list .menu-header .header-title {font-size: 24px; color: #333333;}
.sub-wrapper .test-menu-list .menu-header .header-arrow.off img {transform: rotate(180deg);}

.sub-wrapper .contents-area .intro-desc .desc-content {line-height:1.6;}

.sub-wrapper .test-menu-list .test-list ul .test-item {background-color: #ffffff; opacity: 0.5;}
.sub-wrapper .test-menu-list .test-list ul .test-item.active {opacity: 1;}
.sub-wrapper .test-menu-list .test-list ul .test-item a {padding: 10px 20px; display: block; width: 100%; font-size: 17px; color: #000; }
.sub-wrapper .test-menu-list .test-list ul .test-item.active a {color: #333333;}
.sub-wrapper .test-menu-list .test-list ul .test-item:last-child {padding-bottom: 30px;}

.sub-wrapper .contents-area #MyInfoDiv .label-text{font-size:20px;color:#333333;font-family: 'Pretendard-m';}

/* 원형 버튼 그리드 처리  */
.sub-wrapper .contents-area .question-area .question-box.btn-box .btn-group.grid-5 {display:grid;grid-template-columns:  1fr 1fr 1fr 1fr 1fr !important;grid-gap:15px;}
.sub-wrapper .contents-area .question-area .question-box.btn-box .btn-group.grid-5  .btn.btn-outline-question {border-radius: 100%;width: 165px !important;height: 165px!important;padding: 68px 0vw!important;}
.sub-wrapper .contents-area .question-area .question-box.btn-box .btn.btn-outline-question {font-family:'Pretendard-m';}

.sub-wrapper .test-container .test-container {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.sub-wrapper .contents-area {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}

.sub-wrapper .contents-area .empty-box { display: inline-block; padding: 15px 1.4vw; border: 1px solid #333333; }
.sub-wrapper .contents-area #PtestContants { height:90px;margin-top: 20px; font-size: 31.5pt; color: #333333;font-family: 'Pretendard-r'; }
.sub-wrapper .contents-area .question-area { margin-top: 36px;padding-bottom:50px;}
.sub-wrapper .contents-area .question-area .question-box label { display: block; width: 100%; font-size: 20px; color: #222222;}
.sub-wrapper .contents-area .question-area .question-box.select-box .form-select {border:1px solid #687687; color: #687687; background-color: var(--vz-input-bg); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .9rem center; background-size: 20px 15px;font-family:'Pretendard-r';font-size:20px;}
.sub-wrapper .contents-area .question-area .question-box.btn-box .btn.btn-outline-question {border: 1px solid #687687; font-size: 20px; color: #687687; border-radius: 0;    padding-top: 0.7rem;padding-bottom: 0.7rem;padding-left: 1.2rem;}
.sub-wrapper .contents-area .question-area .question-box.btn-box .btn.btn-outline-question:active, .sub-wrapper .contents-area .question-area .question-box.btn-box .btn.btn-outline-question:hover, .sub-wrapper .contents-area .question-area .question-box.btn-box .btn.btn-outline-question:active {color:#fff; background-color:#687687;}
.sub-wrapper .contents-area .question-tip {text-align: center;font-size: 13.5pt;color: #666666;/* margin-top: 5vw; */position: absolute;left: 50%;bottom: 30px;transform: translate(-50%, -50%);}
.sub-wrapper .contents-area #PtestRequest { margin-top: 20px; font-size: 31.5pt; color: #333333; } 

.sub-wrapper .contents-area #PtestRequest .aroha-test-sub-big{font-size:20px;font-family: "NanumMyeongjo Regular" !important;color:#00000088;margin-bottom:5px}
.sub-wrapper .contents-area #PtestRequest .aroha-test-big {font-size:40px;font-family: "NanumMyeongjo Regular" !important;color:#000000;}

.sub-wrapper .contents-area .aroha-test-m { margin-top: 15px; font-size: 22px; color: #333333; } 
.sub-wrapper .contents-area .aroha-test-m .aroha-test-pink { color: #bda23e; } 
.sub-wrapper .contents-area .aroha-test-small {margin-top: 0px; font-size: 13.5pt; color: #666666; } 
.sub-wrapper .contents-area #MyInfoDiv {margin-top: 26px;}

.sub-wrapper .contents-area .agree-check-box{display: flex;align-items: center;justify-content: center;padding: 0; margin-top: 30px;margin-bottom: 20px !important;}
.sub-wrapper .contents-area .agree-check-box .form-check-input {width: 20px; height: 20px; margin-right: 11px; border-radius: 0;}
.sub-wrapper .contents-area .agree-check-box .form-check-input:checked[type=checkbox]::before {top: -2px; left: 2px; font-size: 11.5pt;}
.sub-wrapper .contents-area .agree-check-box label {font-size: 13.5pt; color: #666666; margin-right:6px;font-family: 'Pretendard-r';}
.sub-wrapper .contents-area .agree-check-box .privacy-btn {font-size: 11.5pt;text-decoration: underline !important; text-underline-position : under;margin-left:8px;}
.sub-wrapper .contents-area .write-btn a {margin:0 auto;display:block;padding:15px 0;width:310px;background:#bda23e;font-size:24px;color:#fff;border-radius:36px;font-family:'Pretendard-sb';}


.sub-wrapper .test-container #test-area {background: #ffffff;border-radius: 0;position: absolute;top: calc(50% - 0px);left: calc(50% - 2px);transform: translate(-50%, -50%);width: 1073px;min-height: 670px;}
.sub-wrapper .test-1-container .test-container #test-area {border-radius: 100px 0 100px 0;}

.sub-wrapper .test-container #test-area {padding-top: 3vw; padding-bottom: 40px;}
.sub-wrapper .test-container #test-area .question-number {font-family: "NanumMyeongjo Bold"; font-size: 24px; color: #959fab;}
.sub-wrapper .test-container #test-area .question-number span {font-family: "NanumMyeongjo Bold"; font-size: 36px; color: #687687;}

.sub-wrapper .test-container #result-area {background: #ffffff; border-radius: 30px 0 30px 0;}
.sub-wrapper .test-container #result-area {padding-top: 3vw; padding-bottom: 40px;}
.sub-wrapper .test-container #result-area #result-box { margin-top: 20px; font-size: 31.5pt; color: #333333; } 
.sub-wrapper .test-container #result-area .aroha-test-m { margin-top: 15px; padding: 40px 40px 0;font-size: 21px;color: #333333;line-height: 1.6; } 
.sub-wrapper .test-container #result-area .aroha-test-m .aroha-test-pink { color: #bda23e; } 
.sub-wrapper .test-container #result-area .aroha-test-small {margin-top: 15px; font-size: 13.5pt; color: #666666; }  

/* test_13 */
.sub-wrapper .test-13-container {background: url('/assets/images/check/test_bg_13.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-13-container.test-bg {background: url('/assets/images/check/test_bg_1-2.webp') no-repeat center; background-size: 100% 100%;} 
.sub-wrapper .test-13-container .contents-area .intro-en-title {font-size: 24px; color: #ffffff;}
.sub-wrapper .test-13-container .contents-area .intro-title {font-size: 60px; color: #ffffff;}
.sub-wrapper .test-13-container .contents-area .start-btn {margin-top: 160px;}
.sub-wrapper .test-13-container .contents-area .start-btn a {border-radius: 0;font-size: 24px;background:#00527e;color: #ffffff; padding: 11px 36px; margin: 0;font-family: 'Pretendard-sb';}
.sub-wrapper .test-13-container .contents-area .start-btn a img{width:28px;margin-left:24px;vertical-align:middle;}

.sub-wrapper .test-13-container .contents-area .intro-desc {margin-top: 50px;}
.sub-wrapper .test-13-container .contents-area .intro-desc .desc-header {font-size: 13.5pt; color: #ffffff;margin-bottom:12px;font-family: 'Pretendard-m';}
.sub-wrapper .test-13-container .contents-area .intro-desc .desc-content {font-size: 17px; color: #ffffff; word-break: keep-all;}

.sub-wrapper .test-13-container .img-area {position: relative;}
.sub-wrapper .test-13-container .img-area .intro-img {max-width: 530px;}
.sub-wrapper .test-13-container .img-area .deco-1 {position: absolute; top: 65px; right: -84px;}

/* test_1 */
/* .sub-wrapper .test-1-container {background: url('/assets/images/check/test-bg-1.webp') no-repeat center; background-size: 100% 100%;} */
.sub-wrapper .test-1-container {background: url('/assets/images/check/test_bg_1.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-1-container.test-bg {background: url('/assets/images/check/test_bg_1-2.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-1-container .contents-area .intro-en-title {font-size: 24px; color: #ffffff;}
.sub-wrapper .test-1-container .contents-area .intro-title {font-size: 60px; color: #ffffff;}
.sub-wrapper .test-1-container .contents-area .start-btn {margin-top: 160px;}
.sub-wrapper .test-1-container .contents-area .start-btn a {border-radius: 0;font-size: 24px;background:#00527e;color: #ffffff; padding: 11px 36px; margin: 0;font-family: 'Pretendard-sb';}
.sub-wrapper .test-1-container .contents-area .start-btn a img{width:28px;margin-left:24px;vertical-align:middle;}

.sub-wrapper .test-1-container .contents-area .intro-desc {margin-top: 50px;}
.sub-wrapper .test-1-container .contents-area .intro-desc .desc-header {font-size: 13.5pt; color: #ffffff;margin-bottom:12px;font-family: 'Pretendard-m';}
.sub-wrapper .test-1-container .contents-area .intro-desc .desc-content {font-size: 17px; color: #ffffff; word-break: keep-all;}

.sub-wrapper .test-1-container .img-area {position: relative;}
.sub-wrapper .test-1-container .img-area .intro-img {max-width: 530px;}
.sub-wrapper .test-1-container .img-area .deco-1 {position: absolute; top: 65px; right: -84px;}

/* test_2 */
.sub-wrapper .test-2-container {background: url('/assets/images/check/test_bg_2.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-2-container.test-bg {background: url('/assets/images/check/test_bg_2-2.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-2-container .contents-area .intro-en-title {font-size: 24px; color: #787f46;margin-bottom:16px;}
.sub-wrapper .test-2-container .contents-area .intro-title {font-size: 60px; color: #616832;font-family: 'PyeongChangPeace-Light';line-height:1.3;}
.sub-wrapper .test-2-container .contents-area .start-btn {margin-top: 50px;}
.sub-wrapper .test-2-container .contents-area .start-btn a {letter-spacing: 0.1rem;font-size: 15pt;color: #ffffff;padding: 17px 30px;margin: 0;background: #616832;border-radius: 45px;font-family: 'PyeongChangPeace-Light';}
.sub-wrapper .test-2-container .contents-area .start-btn a::after {content: "" !important; background: url(/assets/images/check/test-2-btn-img.png) no-repeat center; width: 30px; height: 19px; background-size: contain; display: inline-block; margin-left: 78pt; vertical-align: middle; }
.sub-wrapper .test-2-container .contents-area .intro-desc {margin-top: 50px;}
.sub-wrapper .test-2-container .contents-area .intro-desc .desc-header {font-size: 13.5pt; color: #616832;margin-bottom:12px;font-family: 'Pretendard-m';}
.sub-wrapper .test-2-container .contents-area .intro-desc .desc-content {font-size: 17px; color: #616832; word-break: keep-all;}

.sub-wrapper .test-2-container .img-area {position: relative;}
.sub-wrapper .test-2-container .img-area .intro-img {max-width: 603px;}

.sub-wrapper .test-2-container .contents-area .question-area .question-box.btn-box .btn-group {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap:15px;}
.sub-wrapper .test-2-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question{border:none;background:#616832;color:#fff;border-radius:100%;color: #fff;border-radius: 100%;width: 185px;height: 185px;padding: 78px 0vw;}
.sub-wrapper .test-2-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question.second {background:#868b5f;}
.sub-wrapper .test-2-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question.third {background:#abad8b;}
.sub-wrapper .test-2-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question.four {background:#d1cfb7;}

.sub-wrapper .test-2-container #test-area .question-number span{color:#616832;}
.sub-wrapper .test-2-container #test-area .question-number{color:#61683288;}

/* test_3 */
.sub-wrapper .test-3-container {background: url('/assets/images/check/test_bg_3.png') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-3-container.test-bg {background: url('/assets/images/check/test_bg_3-2.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-3-container .contents-area .start-btn a {position: absolute;bottom: 35%;left: 0;font-size: 15pt; color: #ffffff; padding: 10px 55px; margin: 0; background: #c57185; border-radius: 45px;font-family: 'Pretendard-sb';}
.sub-wrapper .test-3-container .contents-area .start-btn a::after {content: "" !important; background: url(/assets/images/check/test-3-btn-img.png) no-repeat center; width: 26px; height: 16px; background-size: contain; display: inline-block; margin-left: 20px; vertical-align: middle; }
.sub-wrapper .test-3-container .contents-area .info-area{position: relative;height:600px;}
.sub-wrapper .test-3-container .contents-area .intro-title {position:absolute;top:40px;left:0;}
.sub-wrapper .test-3-container .contents-area .question-area .question-box.btn-box .btn-group {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap:15px;}
.sub-wrapper .test-3-container .contents-area .question-area .question-box.btn-box .btn-group.grid-2 {display:grid;grid-template-columns: 1fr 1fr;grid-gap:15px;}
.sub-wrapper .test-3-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question {background:#fff;border:1px solid #c57185 !important;color:#c57185;border-radius: 100%;width: 190px;height: 190px;padding: 80px 0vw;}
.sub-wrapper .test-3-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question:hover{background:#c57185;color:#fff;border-radius: 100%;}

.sub-wrapper .test-3-container .contents-area #Subtest01 {align-items: center;}

.sub-wrapper .test-3-container #test-area .question-number{color:#c5718588;font-family: 'yg-jalnan';}
.sub-wrapper .test-3-container #test-area .question-number span{color:#c57185; font-family: 'yg-jalnan' !important;}
.sub-wrapper .test-3-container .contents-area .question-area .question-box.select-box .form-select {border: 1px solid #c57185;color: #c57185;}

/* test_4 */
.sub-wrapper .test-4-container {background: url('/assets/images/check/test_bg_4.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-4-container.test-bg {background: url('/assets/images/check/test_bg_4-2.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-4-container .contents-area .intro-en-title {font-size: 24px; color: #ffffff;}
.sub-wrapper .test-4-container .contents-area .intro-title {font-size: 60px; color: #ffffff;}
.sub-wrapper .test-4-container .contents-area .start-btn {margin-top: 50px;}
.sub-wrapper .test-4-container .contents-area .start-btn a {font-size: 15pt; color: #ffffff; padding: 16px 45px; margin: 0; background: #56698a; border-radius: 50%;}
.sub-wrapper .test-4-container .contents-area .start-btn a::after {content: "" !important; background: url(/assets/images/check/test-2-btn-img.png) no-repeat center; width: 26px; height: 16px; background-size: contain; display: inline-block; margin-left: 30px; vertical-align: middle; }
.sub-wrapper .test-4-container .contents-area .intro-desc {margin-top: 50px;}
.sub-wrapper .test-4-container .contents-area .intro-desc .desc-header {font-size: 13.5pt; color: #ffffff;margin-bottom:12px;font-family: 'Pretendard-r';}
.sub-wrapper .test-4-container .contents-area .intro-desc .desc-content {font-size: 17px; color: #ffffff; word-break: keep-all;}
.sub-wrapper .test-4-container .test-container #test-area {background:transparent !important;}
.sub-wrapper .test-4-container .img-area {position: relative;}
.sub-wrapper .test-4-container .img-area .intro-img {max-width: 479px;}

.sub-wrapper .test-4-container .contents-area .question-area .question-box.btn-box .btn-group {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap:15px;}
.sub-wrapper .test-4-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question{background:#fff;border:1px solid #7887a1 !important;color:#7887a1;border-radius:100%;width: 190px;height: 190px;padding: 80px 0vw;}
.sub-wrapper .test-4-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question:hover{border:none;background:#7887a1;color:#fff;border-radius:100%;width: 190px;height: 190px;padding: 80px 0vw;}

/* test_5 */
.sub-wrapper .test-5-container {background: url('/assets/images/check/test_bg_5.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-5-container.test-bg {background: url('/assets/images/check/test_bg_5-2.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-5-container .contents-area .intro-en-title {font-size: 24px; color: #4c3026;margin-bottom:20px;}
.sub-wrapper .test-5-container .contents-area .intro-title {font-size: 60px; color: #4c3026;line-height:1.4}
.sub-wrapper .test-5-container .contents-area .start-btn {margin-top: 50px;}
.sub-wrapper .test-5-container .contents-area .start-btn a {letter-spacing:0.05rem;font-size: 15pt; color: #ffffff; padding: 12px 40px; margin: 0; background: #4c3026; border-radius: 45px;}
.sub-wrapper .test-5-container .contents-area .start-btn a::after {content: "" !important; background: url(/assets/images/check/test-2-btn-img.png) no-repeat center; width: 26px; height: 16px; background-size: contain; display: inline-block; margin-left: 50px; vertical-align: middle; }
.sub-wrapper .test-5-container .contents-area .intro-desc {margin-top: 50px;}
.sub-wrapper .test-5-container .contents-area .intro-desc .desc-header {font-size: 13.5pt; color: #000000; margin-bottom: 10px; border-top: 1px solid #666666; padding-top: 20px; margin-right: 30px; font-family: 'Pretendard-r';}
.sub-wrapper .test-5-container .contents-area .intro-desc .desc-content {font-size: 17px; color: #000000; word-break: keep-all;}

.sub-wrapper .test-5-container .img-area {position: relative;}
.sub-wrapper .test-5-container .img-area .intro-img {max-width: 595px;}

.sub-wrapper .test-5-container .contents-area .question-area .question-box.btn-box .btn-group {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap:15px;}
.sub-wrapper .test-5-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question {background:#fff;border:1px solid #4c3026 !important;color:#4c3026;border-radius:100%;width: 190px;height: 190px;padding: 80px 0vw;}
.sub-wrapper .test-5-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question:hover{border:none;background:#4c3026;color:#fff;}

.sub-wrapper .test-5-container #test-area .question-number{color:#4c302688;}
.sub-wrapper .test-5-container #test-area .question-number span{color:#4c3026;}

/* test_6 */
.sub-wrapper .test-6-container {background: url('/assets/images/check/test_bg_6.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-6-container.test-bg {background: url('/assets/images/check/test_bg_6-2.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-6-container .contents-area .intro-en-title {font-size: 24px; color: #435578;margin-bottom:20px;}
.sub-wrapper .test-6-container .contents-area .intro-title {font-size: 60px; color: #435578;}
.sub-wrapper .test-6-container .contents-area .start-btn {margin-top: 50px;}
.sub-wrapper .test-6-container .contents-area .start-btn a {letter-spacing:0.05rem;font-size: 21px; color: #ffffff; padding: 12px 40px; margin: 0; background: #435578; border-radius: 45px;}
.sub-wrapper .test-6-container .contents-area .start-btn a::after {content: "" !important; background: url(/assets/images/check/test-2-btn-img.png) no-repeat center; width: 26px; height: 16px; background-size: contain; display: inline-block; margin-left: 50px; vertical-align: middle; }
.sub-wrapper .test-6-container .contents-area .intro-desc {margin-top: 50px;}
.sub-wrapper .test-6-container .contents-area .intro-desc .desc-header {font-size: 13.5pt; color: #ffffff; margin-bottom:12px;font-family: 'Pretendard-m';}
.sub-wrapper .test-6-container .contents-area .intro-desc .desc-content {font-size: 17px; color: #ffffff; word-break: keep-all;}

.sub-wrapper .test-6-container .img-area {position: relative;}
.sub-wrapper .test-6-container .img-area .intro-img {max-width: 530px;}

.sub-wrapper .test-6-container .contents-area .question-area .question-box.btn-box .btn-group {display:grid;grid-template-columns: 1fr 1fr;grid-gap:15px;}
.sub-wrapper .test-6-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question{border:none;background:#eceef1;color:#222222;border-radius:45px;padding: 12px 0;width:100%;}
.sub-wrapper .test-6-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question:hover{border:none;background:#435578;color:#fff;border-radius:45px;padding: 12px 0;width:100%;}


/* test_7 */
.sub-wrapper .test-7-container {background: url('/assets/images/check/test_bg_7.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-7-container.test-bg {background: url('/assets/images/check/test_bg_7-2.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-7-container .contents-area .intro-en-title {font-size: 24px; color: #8c996d;}
.sub-wrapper .test-7-container .contents-area .intro-title {font-size: 60px; color: #8c996d;}
.sub-wrapper .test-7-container .contents-area .intro-sub-title {font-size: 13.5pt; color: #8c996d; margin-top: 100px;}
.sub-wrapper .test-7-container .contents-area .start-btn {margin-top: 30px;}
.sub-wrapper .test-7-container .contents-area .start-btn a {font-size: 13.5pt; letter-spacing: 0.5rem; color: #ffffff; padding: 10px 20px; margin: 0; background: #8c996d; border-radius: 15px;    width: 40%;}
.sub-wrapper .test-7-container .contents-area .start-btn a::after {content: ">" !important; display: inline-block; margin-left: 17px;vertical-align: middle;font-size: 17px;margin-bottom: 3px; }
.sub-wrapper .test-7-container .contents-area .intro-desc {margin-top: 40px;}
.sub-wrapper .test-7-container .contents-area .intro-desc .desc-header {font-size: 13.5pt; color: #8c996d; margin-bottom:12px;font-family: 'Pretendard-m'; }
.sub-wrapper .test-7-container .contents-area .intro-desc .desc-content {font-size: 17px; color: #8c996d; word-break: keep-all;}

.sub-wrapper .test-7-container .img-area {position: relative;}
.sub-wrapper .test-7-container .img-area .intro-img {max-width: 799px;}

.sub-wrapper .test-7-container .contents-area .question-area .question-box.btn-box .btn-group {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap:15px;}
.sub-wrapper .test-7-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question{background:#fff;color:#8b9969;border-radius:100%;border:1px solid #8b9969 !important;width: 190px;height: 190px;padding: 80px 0vw;}
.sub-wrapper .test-7-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question:hover,
.sub-wrapper .test-7-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question.dark{border:none !important;background:#8b9969;color:#fff;border-radius:100%;width: 190px;height: 190px;padding: 80px 0vw;}

.sub-wrapper .test-7-container .test-container #test-area .intro-test-title{color:#222222;}

.sub-wrapper .test-7-container #test-area .question-number{color:#8b996988;}
.sub-wrapper .test-7-container #test-area .question-number span{color:#8b9969;}

/* test_8 */
.sub-wrapper .test-8-container {background: url('/assets/images/check/test_bg_8.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-8-container.test-bg {background: url('/assets/images/check/test_bg_8-2.png') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-8-container .contents-area .intro-en-title {font-size: 24px; color: #ffffff;font-family: 'yg-jalnan';margin-bottom:20px;}
.sub-wrapper .test-8-container .contents-area .intro-title {font-size: 60px; color: #6c5541;font-family: 'yg-jalnan';line-height:1.3;}
.sub-wrapper .test-8-container .contents-area .intro-title span {color: #d06b5d;}
.sub-wrapper .test-8-container .contents-area .intro-sub-title {font-family: 'Pretendard-m';font-size: 20px; color: #503c2d; margin-top: 20px; border-top: 1px solid #6c5541; border-bottom: 1px solid #6c5541; display: inline-block; padding: 10px 0;}
.sub-wrapper .test-8-container .contents-area .start-btn {margin-top: 30px;}
.sub-wrapper .test-8-container .contents-area .start-btn a {font-family: 'yg-jalnan';font-size: 23px;color: #ffffff;padding: 10px 52px;margin: 0;margin-top: 3px;line-height: 1.6;background: #d06b5d;border-radius: 45px;}
.sub-wrapper .test-8-container .contents-area .start-btn a::after {content: "" !important; background: url(/assets/images/check/test-8-btn-img.png) no-repeat center; width: 30px; height: 30px; background-size: contain; display: inline-block; margin-left: 30px; vertical-align: middle; }

.sub-wrapper .test-8-container .contents-area #PtestContants{color:#fff;}
.sub-wrapper .test-8-container .contents-area .question-tip{color:#fff;}

.sub-wrapper .test-8-container .img-area {position: relative;}
.sub-wrapper .test-8-container .img-area .intro-img {max-width: 679px;}

.sub-wrapper .test-8-container #test-area .question-number{color:#ffffff88;font-family: 'yg-jalnan' !important;}
.sub-wrapper .test-8-container #test-area .question-number span{color:#fff;font-family: 'yg-jalnan' !important;}

.sub-wrapper .test-8-container #test-area {background: transparent !important;}
.sub-wrapper .test-8-container #test-area {padding-top: 3vw;}

.sub-wrapper .test-8-container .contents-area .question-area .question-box.btn-box .btn-group {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr ;grid-gap:15px;}
.sub-wrapper .test-8-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question {font-family:'Pretendard-m'; background:#fff;color:#222;border:none;border-radius:100%;width: 190px;height: 190px;padding: 80px 0vw;}
.sub-wrapper .test-8-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question:hover{border:none;background:#d06b5d;color:#fff;border-radius:100%;width: 190px;height: 190px;padding: 80px 0vw;}
.sub-wrapper .test-8-container .contents-area #MyInfoDiv{margin-top:15px;}
.sub-wrapper .test-8-container .contents-area .aroha-test-small,
.sub-wrapper .test-8-container .contents-area .label-test-text,
.sub-wrapper .test-8-container .contents-area .aroha-test-m .aroha-test-pink{color:#fff;}

/* test_9 */
.sub-wrapper .test-9-container {background: url('/assets/images/check/test_bg_9.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-9-container.test-bg {background: url('/assets/images/check/test_bg_9-2.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-9-container .contents-area .intro-en-title {font-size: 24px; color: #dc907f;font-family: 'yg-jalnan' !important;margin-bottom:20px;}
.sub-wrapper .test-9-container .contents-area .intro-title {font-size: 60px; color: #222222;font-family: 'yg-jalnan' !important;}
.sub-wrapper .test-9-container .contents-area .intro-sub-title {font-size: 20px; color: #222222; margin-top: 20px;font-family: 'Pretendard-r' !important;}
.sub-wrapper .test-9-container .contents-area .start-btn {margin-top: 30px;}
.sub-wrapper .test-9-container .contents-area .start-btn a {    font-family: 'yg-jalnan' !important;font-size: 24px;color: #ffffff;padding: 10px 80px;letter-spacing: 0.04rem;margin: 0;background: #dc907f;border-radius: 45px;}

.sub-wrapper .test-9-container .img-area {position: relative;}
.sub-wrapper .test-9-container .img-area .intro-img {max-width: 695px;}

.sub-wrapper .test-9-container .contents-area #PtestContants {color:#222222;}
.sub-wrapper .test-9-container .test-container #test-area .question-number {color:#f1cdbc;font-family: 'yg-jalnan' !important;}
.sub-wrapper .test-9-container .test-container #test-area .question-number span{color:#dc907f;font-family: 'yg-jalnan' !important;}
.sub-wrapper .test-9-container .test-container .contents-area .question-tip{color:#dc907f;}

.sub-wrapper .test-9-container .contents-area .question-area .question-box.btn-box .btn-group {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap:15px;}
.sub-wrapper .test-9-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question{border:none;background:#cabeb8;color:#fff;border-radius:100%;width: 190px;height: 190px;padding: 80px 0vw;}
.sub-wrapper .test-9-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question:hover {border:none;background:#dc907f;color:#fff;}


/* test_10 */
.sub-wrapper .test-10-container {background: url('/assets/images/check/test_bg_10.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-10-container.test-bg {background: url('/assets/images/check/test_bg_10-2.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-10-container .contents-area .intro-en-title {font-size: 24px; color: #c545a5;font-family: 'SBAggroB' !important;margin-bottom:20px;}
.sub-wrapper .test-10-container .contents-area .intro-title {font-size: 60px; color: #222222;font-family: 'SBAggroB' !important;}
.sub-wrapper .test-10-container .contents-area .start-btn {margin-top: 60px;}
.sub-wrapper .test-10-container .contents-area .start-btn a {font-family: 'SBAggroB' !important;font-size: 21px; color: #ffffff; padding: 10px 20px; margin: 0; background: #c545a5; border-radius: 45px;}
.sub-wrapper .test-10-container .contents-area .start-btn a::after {content: "" !important; background: url(/assets/images/check/test-3-btn-img.png) no-repeat center; width: 26px; height: 18px; background-size: contain; display: inline-block; margin-left: 50px; vertical-align: middle; }
.sub-wrapper .test-10-container .contents-area .intro-desc {margin-top: 50px;}
.sub-wrapper .test-10-container .contents-area .intro-desc .desc-header {font-size: 13.5pt; color: #111111;margin-bottom:12px;font-family: 'Pretendard-sb';}
.sub-wrapper .test-10-container .contents-area .intro-desc .desc-content {font-size: 17px; color: #111111; word-break: keep-all;}

.sub-wrapper .test-10-container .img-area {position: relative;}
.sub-wrapper .test-10-container .img-area .intro-img {max-width: 694px;}

.sub-wrapper .test-10-container .contents-area #PtestContants {color:#222222;}
.sub-wrapper .test-10-container .test-container #test-area .question-number {color:#c545a555;font-family: 'SBAggroB' !important;}
.sub-wrapper .test-10-container .test-container #test-area .question-number span{color:#c545a5;font-family: 'SBAggroB' !important;}
.sub-wrapper .test-10-container .test-container .contents-area .question-tip{color:#666666;}

.sub-wrapper .test-10-container .contents-area .question-area .question-box.btn-box .btn-group {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap:15px;}
.sub-wrapper .test-10-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question{border:1px solid #222222 !important;background:#fff;color:#222222;border-radius:100%;width: 190px;height: 190px;padding: 80px 0vw;}
.sub-wrapper .test-10-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question:hover {background:#c545a5;color:#fff;border:none !important;}

/* test_11 */
.sub-wrapper .test-11-container {background: url('/assets/images/check/test_bg_11.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-11-container.test-bg {background: url('/assets/images/check/test_bg_11-2.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-11-container .contents-area .intro-title {font-size: 60px; color: #ffffff;font-family: 'yg-jalnan' !important;}
.sub-wrapper .test-11-container .contents-area .intro-title span {color: #6c70d2; text-emphasis: filled #6c70d2;font-family: 'yg-jalnan' !important;}
.sub-wrapper .test-11-container .contents-area .intro-sub-title {font-size: 24px; color: #5a5692; margin-top: 20px;font-family: 'Pretendard-sb' !important;}
.sub-wrapper .test-11-container .contents-area .start-btn {margin-top: 60px;}
.sub-wrapper .test-11-container .contents-area .start-btn a {letter-spacing: 0.04rem;font-family: 'yg-jalnan' !important;font-size: 21pt; color: #ffffff; padding: 12px 80px; margin: 0; background: #6c70d2; border-radius: 45px;}

.sub-wrapper .test-11-container .img-area {position: relative;}
.sub-wrapper .test-11-container .img-area .intro-img {max-width: 657px;}

.sub-wrapper .test-11-container .contents-area #PtestContants {color:#222222;}

.sub-wrapper .test-11-container .test-container #test-area .question-number {color:#6c70d255;font-family: 'yg-jalnan' !important;}
.sub-wrapper .test-11-container .test-container #test-area .question-number span{color:#6c70d2;font-family: 'yg-jalnan' !important;}

.sub-wrapper .test-11-container .contents-area .question-area .question-box.btn-box .btn-group {display:grid;grid-template-columns: 1fr 1fr;grid-gap:15px;}
.sub-wrapper .test-11-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question{border:1px solid #6c70d2 !important;background:#fff;color:#6c70d2;border-radius:100%;width: 190px;height: 190px;padding: 80px 0vw;}
.sub-wrapper .test-11-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question:hover {background:#6c70d2;color:#fff;}


/* test_12 */
.sub-wrapper .test-12-container {background: url('/assets/images/check/test-bg-12.png') no-repeat 0 2vw; background-size: 100% 100%; min-height: 1970px;}
.sub-wrapper .test-12-container .agree-check-box{margin:0 auto;}
.sub-wrapper .test-12-container .info-area{padding:88px 0;}
.sub-wrapper .test-12-container .intro-en-title {font-size: 13.5pt; color: #ffffff; background: #edba41; padding: 10px 20px; display: inline-block; border-radius: 45px;font-family: 'PyeongChangPeace-Light';}
.sub-wrapper .test-12-container .intro-title {font-size: 43.75pt; color: #000000; margin-top: 12px;font-family: 'PyeongChangPeace-Light';}
.sub-wrapper .test-12-container .intro-sub-title {font-size: 21px; color: #69665d; margin-top: 12px;}
.sub-wrapper .test-12-container .contents-area #test-area {background: #ffffff; border-radius: 0; margin-top: -5%;padding:100px;top: calc(69% - 0px);left: calc(50% - 2px);transform: translate(-50%, -50%);width: 99%;min-height: 670px;}
.sub-wrapper .test-12-container .contents-area #test-area .form-title {font-size: 24px; color: #2f290f;font-family: 'PyeongChang-Regular';}
#test-area .btn-custom-check {font-family: 'Pretendard-r';font-size: 13.5pt; color: #69665b; background-color: #ffffff; border-color: #979487; border-radius: 45px; width: 90%;height: 48px;padding: 9px 0;margin-bottom:12px;}
#test-area .btn-check:active+.btn-custom-check, #test-area .btn-check:checked+.btn-custom-check, #test-area .btn-custom-check.active, #test-area .btn-custom-check:active, .show>.btn-custom-check.dropdown-toggle { color: #fff; background-color: #df7747; border-color: #df7747; }
.sub-wrapper .test-12-container .form-check-warning {text-align: left;}

.sub-wrapper .test-12-container .form-check-warning .form-check-input{width: 22px;height: 22px;margin-right: 12px;}

input[type="checkbox"]:checked+label.btn-custom-check::after{display:none;}

.sub-wrapper .test-12-container .info-box{margin-top:50px !important;}
.sub-wrapper .test-12-container .info-box div.row{padding:10px 0px 20px;}
.sub-wrapper .test-12-container .form-label{margin-bottom:0;font-size: 13.5pt;color:#222;font-family: 'Pretendard-m';padding:0;margin-right:20px;}
.sub-wrapper .test-12-container select,input,textarea{font-size: 17px;font-family: 'Pretendard-r';}
.sub-wrapper .test-12-container .checkbox-list input[type="checkbox"] {width:20px;height:20px;margin-right:10px;}
.sub-wrapper .test-12-container .checkbox-list .label-text{font-size: 13.5pt; color:#666666;vertical-align: middle;line-height:1.2;font-family: 'Pretendard-r';}
.sub-wrapper .test-12-container .checkbox-list.w-70 {padding:0;}
.sub-wrapper .test-12-container .form-control-lg {min-height: auto;}
.sub-wrapper .test-12-container  .border-bottom-1{border-bottom:1px solid #2f290f;padding-bottom: 20px;}

.form-check-warning .form-check-input:checked {background-color: #df7747;border-color: #df7747;}
.sub-wrapper .test-12-container .form-check-label{font-size: 13.5pt;font-family: 'Pretendard-r';}
.col-2_5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20% }
.sub-wrapper .test-12-container input[type="radio"]:checked+label{color: #df7747;}

.sub-wrapper .test-12-container .checkbox-list input[type="checkbox"]+label{margin-bottom:0;}
.sub-wrapper .test-12-container .checkbox-list input[type="checkbox"]:checked+label::after{background:rgb(171, 151, 42);}
.sub-wrapper .test-12-container .checkbox-list input[type="checkbox"]:checked+label{border: 1px solid rgb(171, 151, 42);}
.sub-wrapper .test-12-container .label-test-text {font-size: 13.5pt;color:#888;font-family: 'Pretendard-r';}
.sub-wrapper .test-12-container .contents-area .agree-check-box .privacy-btn{font-size: 17px;font-family: 'Pretendard-r';}

.sub-wrapper .test-12-container .contents-area .write-btn a {padding:15px 0;width:310px;background:#edba41;font-size:24px;color:#fff;border-radius:36px;font-family:'Pretendard-sb';}

.sub-wrapper .test-12-container .w-5{padding: 0 8px;}


/* test_14 */
.sub-wrapper .test-14-container {background: url('/assets/images/check/test_bg_14.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-14-container.test-bg {background: url('/assets/images/check/test_bg_14-2.webp') no-repeat center; background-size: 100% 100%;}
.sub-wrapper .test-14-container .contents-area .intro-en-title {font-size: 22px; color: #595a59;margin-bottom:36px; font-family: "Libre Caslon Text", serif; font-weight:400}
.sub-wrapper .test-14-container .contents-area .intro-title {font-size: 60px; color: #4f3c86;font-family: 'PyeongChangPeace-Light';line-height:1.3;}
.sub-wrapper .test-14-container .contents-area .intro-title img{width:415pt;}
.sub-wrapper .test-14-container .contents-area .start-btn {margin-top: 50px;}
.sub-wrapper .test-14-container .contents-area .start-btn a {letter-spacing: 0.1rem;font-size: 15pt;color: #ffffff;padding: 17px 30px;margin: 0;background: #4f3c86;border-radius: 45px;font-family: 'PyeongChangPeace-Light';}
.sub-wrapper .test-14-container .contents-area .start-btn a::after {content: "" !important; background: url(/assets/images/check/test-2-btn-img.png) no-repeat center; width: 30px; height: 19px; background-size: contain; display: inline-block; margin-left: 78pt; vertical-align: middle; }
.sub-wrapper .test-14-container .contents-area .intro-desc {margin-top: 50px;}
.sub-wrapper .test-14-container .contents-area .intro-desc .desc-header {font-size: 13.5pt; color: #000000;margin-bottom:12px; font-family: 'Noto Sans', sans-serif;}
.sub-wrapper .test-14-container .contents-area .intro-desc .desc-content {font-size: 17px; color: #000; word-break: keep-all; font-weight: 300; font-family: 'Noto Sans', sans-serif;}

.sub-wrapper .test-14-container .img-area {position: absolute;right: -25pt;bottom: -139pt;}
.sub-wrapper .test-14-container .img-area .intro-img {max-width: 640px;}

.sub-wrapper .test-14-container .contents-area .question-area .question-box.btn-box .btn-group {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap:15px;}
.sub-wrapper .test-14-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question{border:none;background:#513268;color:#fff;border-radius:100%;color: #fff;border-radius: 100%;width: 185px;height: 185px;padding: 78px 0vw;}
.sub-wrapper .test-14-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question.second {background:#795f8b;}
.sub-wrapper .test-14-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question.third {background:#9c8bad;}
.sub-wrapper .test-14-container .contents-area .question-area .question-box.btn-box .btn.btn-outline-question.four {background:#c6b7d1;}

.sub-wrapper .test-14-container #test-area .question-number span{color:#513268;}
.sub-wrapper .test-14-container #test-area .question-number{color:#54326888;}

.label-test-text {font-size: 17px;color:#666;}
#MyInfoDiv input[name="wr_5"],.form-control {font-size: 13.5pt;color:#666;background:#fff;}

select[name="wr_5"] {  appearance: none; -webkit-appearance: none; -moz-appearance: none; background:#fff; border: 1px solid #ccc;  padding-right: 0px; }

.mr-20{margin-right:20px;}
.w-5{width:5% !important;}
.w-20 {width:20% !important;}
.w-25 {width:25% !important;}
.w-30 {width:30% !important;}
.w-40 {width:40% !important;}
.w-45 {width:45% !important;}
.w-50 {width:50% !important;}
.w-70 {width:70% !important;}
.w-86 {width: 86.4% !important;}
.w-91 {width:91.66% !important;}

@media (max-width: 1450px){
    .sub-wrapper {margin-top: 70px;}
}