.index_wrap {
    width: 100%;
    height: 100vh;
    background: linear-gradient(to bottom, #F66322, #F3903F);
}

.index_box {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}
.index_box img {
    width: 60%;
}

/* header */
header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content:space-between;
    height: 7rem;
    padding: 0 0 0 1rem;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 400;
    background-color: #fff;
}
header .header_btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
header img {
    width: 50%;
}
/* footer */
footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    z-index: 500;
}
footer a {
    width: 25%;
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
    gap: 1rem;
}
footer a img {
    height: 3rem;
}
footer a span {
    font-size: 1.6rem;
    font-weight: 600;
}

.home_api {
    padding: 7rem 0 2rem;
}

.main_titles {
    font-size: 2.2rem;
    font-weight: 700;
    padding: 2rem 0 1.5rem;
}
.text_box {
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 4rem;
}
.home_text {
    padding: 2rem 0;
}
.info_top {
    background-color: #F6F1E5;
    width: 100%;
    display: flex;
    border-radius: .5rem;
    padding: 3.4rem 3rem;
    background-image: url(../img/main-btn-1.png);
    background-repeat: no-repeat;
    background-position: 89%;
    background-size: 10rem;
    margin-bottom: 1rem;
}
.info_top a {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
}
.info_top {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
}

.info_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.info_bottom a {
    width: 48%;
    display: flex;
    flex-flow: column nowrap;
    border-radius: .5rem;
    padding: 0 1rem;
    height: 12rem;
    position: relative;
    align-items: center;
    justify-content: center;
    gap: 1rem;
   
}
.info_bottom a img {
    height: 35%;
}

.info_bottom a span {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    bottom: 10%;
    text-align: center;
}
.info_bottom a:nth-of-type(1){
    background-color: #FFF1E3;
}
.info_bottom a:nth-of-type(2){
    background-color: #FFF2DB;
}
/* sub1_wrap */
.sub1_wrap {
    padding: 7rem 1.5rem 7rem;
}
.sub1_contents {
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.4;
}
.sub_sub_title {
    font-size: 1.9rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.sub_main_title {
    margin-bottom: 4rem;
}
.contents_box {
    margin-bottom: 3rem;
}

.contents_4 {
    font-size: 1.8rem;
    font-weight: 700;
    padding: 2rem 0 1.5rem;
}

.sub_button {
    display: flex;
    flex-flow: column nowrap;
    background-color: #F6F1E5;
    width: 100%;
    border-radius: .5rem;
    padding: 3.4rem 3rem;
    background-image: url(../img/main-btn-1.png);
    background-repeat: no-repeat;
    background-position: 89%;
    background-size: 9rem;
    margin-bottom: 1rem;
}
.sub_button p {
    font-size: 1.7rem ;
    font-weight: 600;
    padding-bottom: .5rem;
}
.sub_button em {
    font-size: 1.8rem ;
    .button-container {

    }
    font-weight: 800;
}
/* test2 */
.test2_wrap {
    padding: 7rem 1.5rem 7rem;
}
.test_index {
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
}

.test_index img {
    width: 60%;
}
.test_start {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(to right, #F66322, #F3903F);
    font-size: 2rem;
    font-weight: 600;
    border-radius: .5rem;
    padding: 2.5rem;
    transform: translateY(-.5rem);
}

.test2_wrap h3{
    background: linear-gradient(to right, #F66322, #F3903F);
    width: max-content;
    padding: .5rem 1rem;
    color: #fff;
    font-size: 1.7rem;
    border-radius: 2rem;
}
.test2_wrap h4 {
    font-size: 1.9rem;
    font-weight: 700;
    padding-left: 1rem;
    margin: 2rem 0;
}
.test2_wrap span {
    font-size: 1.9rem;
    font-weight: 600;
    padding-right: 3rem;
    line-height: 1.2;
}

.test_option {
    margin: 1rem 0;
}

.next_btn {
    display: flex;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    background: linear-gradient(to right, #F66322, #F3903F);
    padding: 1rem 2.5rem;
    border-radius: .7rem;
    text-align: center;
    width: 40%;
    justify-content: center;
}
.btn_box {
    display: flex;
    width: 100%;
    justify-content: right;
    margin-top: 5rem;
}
.test_option label {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    border: 1px solid #F4F4F4;
    padding: 2rem 3rem;
    border-radius: 1rem;
}
.test_option label img{
   height: 2rem;
}

.test_option input[type="radio"]:checked + label {
border: 1px solid #F66322;
}

.btn_box2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5rem;
}

.btn_box2 a{
    width: 40%;
}
.btn_box2 a button{
    justify-content: center;
    width: 100%;
    display: flex;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    background: #E2E2E2;
    padding: 1rem 2.5rem;
    border-radius: .7rem;
    text-align: center;

}
.result_box {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    gap: 1rem;
    margin-top: 4rem;
}
.result_box img {
    width: 40%;
}
.result_name {
    font-size: 1.9rem !important;
    font-weight: 600 !important;
    padding: 0 !important;
}
.result_box p {
    font-size: 1.5rem;
    font-weight: 500;
}
.return_btn {
    width: 100%;
    margin-top: 3rem;
}
.return_btn a {
    width: 100%;

}


/* asdd */
.area_delete {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;          
}
.area_delete span {
    font-size: 1.7rem;
}
.text {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.text img {
    width: 62%;
}
.text2 {
    font-size: 2.5rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.recommend p {
    font-size: 4.5rem;
    font-weight: 800;
    color: #FF8F0A;
}
.status{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;   
    flex-flow: column nowrap; 
    position: relative;
}
.text_all_box{
    display: flex;
    flex-flow: column;
    align-items: center;
    position: absolute;
    top: 30%;
}
.data_del {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.data_del img {
    width: 2rem;
}
.info_more {
    font-size: 1.7rem;
    font-weight: 700;
}
.btn_wrap button {
    font-size: 1.7rem;
    color: #fff;
    background: linear-gradient(to right, #F66322, #F3903F);
    padding: .5rem 1rem;
    border-radius: 2rem;
    font-weight: 600;
}
.relorad_btn {
    font-size: 1.7rem;
    color: #fff;
    background: linear-gradient(to right, #F66322, #F3903F);
    padding: .5rem 1rem;
    border-radius: 2rem;
    font-weight: 600;
}
.btn_wrap {
    display: flex;
    align-items: center;
    justify-content: right;
    padding: 2rem ;
    gap: 1rem;
}
.close-btn img {
    width: 2rem;
}
.popup .close-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem;
}
.popup .close-btn span {
    font-size: 1.7rem; 
}
.button-container button:nth-of-type(1){
    color: #fff;
    background: linear-gradient(to right, #F66322, #F3903F);
}
.area_title_box{
    display: flex;
    align-items: center;
    gap: .5rem;
}
.area_title_box img {
    width: 1.8rem;
}
.home_second {
    padding: 2rem  2rem 7rem;
}

.home_slide {
    background-color: #F4F4F4 !important;
}

/* home_sub */
.go_home {
    display: flex;
    width: 100%;
    justify-content: right;
    padding: 0 1rem;
    margin-bottom: 1rem;
}
.go_home img {
    width: 2rem;
}

.contetns2_wrap {
    display: flex;
    margin-top: 3rem;
    flex-flow: row wrap;
    width: 100%;

}
.contetns2_wrap li {
    width: 50%;
    display: flex;
    padding: .5rem;
    align-items: center;
    gap: 1rem;
}
.contetns2_wrap li p {
    font-size: 1.7rem;
    background: linear-gradient(to right, #F66322, #F3903F);
    width: 50%;
    text-align: center;color: #fff;
    border-radius: 2rem;
    padding: .3rem .1rem;
}
.contetns2_wrap li span {
    font-size: 1.6rem;
}

/* del */
.contetns2_wrap li:nth-of-type(9){
    display: none;
}
.contetns2_wrap li:nth-of-type(4){
    display: none;
}
.contetns2_wrap li:nth-of-type(5){
    display: none;
}
.contetns2_wrap li:nth-of-type(6){
    display: none;
}
.contetns2_wrap li:nth-of-type(7){
    display: none;
}

.swiper2 .swiper-slide {
    display: flex;
    align-items: center;
}
.swiper2 .swiper-slide span {
    font-size: 3.5rem;
    font-weight: 800;
    color: #fff;
    padding-bottom: .5rem;
}
.swiper2 .swiper-slide em {
    font-size: 1.9rem;
    font-weight: 600;
    color: #fff;
    padding-bottom: .5rem;
}
.swiper2 .swiper-slide p {
    font-size: 1.9rem;
    font-weight: 600;
    color: #fff;
}
.button-container {
        display: flex;
    flex-flow: row wrap;
}
.home_sub_bnr {
    margin-top: 5rem;
    margin-bottom: 10rem;
    padding: 0 1.5rem;
}
.main_title{
    font-size: 2rem;
    font-weight: 700;
    padding: 4rem 1.5rem 0rem;
}
.main_title2 {
    font-size: 2rem;
    font-weight: 700;
    padding: .4rem 0 2.4rem;
}