.join_cost_page{padding-top: 95px;color: #252525;}
.join_cost_page section{padding: 50px 0 210px;background: url('/join_cost_web/img/bg_join_cost4.jpg') no-repeat center top / 100%;}
.join_cost_page .step00{height: 730px;background: url('/join_cost_web/img/bg_join_cost.jpg?ver=1') no-repeat center bottom / cover;padding: 110px 0 0;overflow: hidden;}
.join_cost_page .step00 .inner{display: flex;align-items: flex-start;padding-left: 500px;}
.join_cost_page .step00 .text_box{width: 365px;}
.join_cost_page .step00 .img_box{position: relative;margin-left: 130px;width: calc(100% - 495px);height: 605px;}
.join_cost_page .step00 .img_box img{position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.join_cost_page.lovetest_page .step00 .btn_box .btn_next{width: 340px;}
.join_cost_page .result_wrap1{background-color: #f7f8fa;padding: 50px 0 130px;}
.join_cost_page .love_tit1{display: inline-block;position: relative;margin-bottom: 25px;}
.join_cost_page .love_tit1::after{display: inline-block;position: absolute;top: 0;right: -8px; content: '';width: 10px;height: 10px;background-color: #e31a20;border-radius: 100%;vertical-align: top;}
.join_cost_page .love_tit2{position: relative;font-weight: 400;}
.join_cost_page .txt_lovetest{position: absolute;bottom: 40px;right: -100px;}
.join_cost_page .step00 .btn_box{margin-top: 40px;}
.join_cost_page .complete_wrap .form_tit2{margin-bottom: 40px;}
.result_wrap1 .form_tit1{margin-top: 30px;}
.result_wrap1 .box_wrap{display: flex;justify-content: center;flex-flow: wrap row; width: 690px;margin: 0 auto;gap:10px;}
.result_wrap1 .box_wrap .box{display: flex;position: relative;align-items: center;justify-content: center;flex-flow: column; width: calc(50% - 5px);height: 230px; text-align: center;border: 1px solid #E31B20;border-radius: 6px;box-shadow: 3px 3px 20px #25252529;overflow: hidden;background-color: #fff;}
/* .result_wrap1 .box_wrap .box::before{content: '';display: block;position: absolute;top: -105px;left: -105px;width: 170px;height: 170px;background-color: #e31b20;z-index: 2;} */
.result_wrap1 .box_wrap .box::after{content: '';display: block;position: absolute;top: -42px;left: -42px;width: 85px;height: 85px;z-index: 1;background-color: #e31b20;box-shadow: 3px 0px 6px #00000029;transform: rotate(45deg);}
.result_wrap1 .box_wrap .box_txt1{font-weight: 700;font-size: 24px;color: #252525;}
.result_wrap1 .box_wrap .box_txt2{font-weight: 200;font-size: 16px;color: #252525;margin: 4px auto;}
.result_wrap1 .box_wrap .box_txt2 span{font-weight: 700;font-size: 30px;color: #000;}
.result_wrap1 .box_wrap .box_txt3{font-weight: 200;font-size: 14px;color: #252525;}
.result_wrap1 .box_wrap_txt{width: 100%; text-align: center;font-weight: 400;font-size: 18px;line-height: 32px;color: #252525;margin-top: 40px;}
.result_wrap1 .btn_box_wrap{width: 560px;margin: 60px auto 0;}
.result_wrap1 .btn_box_wrap .btn_tit{font-weight: 700;font-size: 30px;color: #252525;text-align: center;}
.result_wrap1 .btn_box_wrap .btn_txt{font-size: 18px;color: #252525;text-align: center;margin-top: 10px;}
.type_g .result_wrap1 .btn_box_wrap .btn_box .btn_naver{background-color: #2EBA3E;}
.join_cost_page .result_wrap2{padding: 100px 0;}
.result_tit1{font-weight: 700;font-size: 42px;margin-bottom: 30px;text-align: center;}
.result_txt1{font-weight: 300;font-size: 16px;text-align: center;margin-bottom: 45px;}
.lovetest_page .counseling_wrap{padding: 50px 0 130px;}
.join_cost_page.result_page section{background: url('/join_cost_web/img/bg_join_cost4.jpg') no-repeat center top / 100%;}
.lovetest_page.join_cost_page #end_area{background: url('/join_cost_web/img/bg_join_cost4.jpg') no-repeat center top / 100%;}
.lovetest_page.join_cost_page .complete_wrap{background: none; background-color: initial;}
.lovetest_page.join_cost_page .youtube_wrap{background: #fff;}


@media (min-width: 2000px) {    
    .join_cost_page .step00 .inner{width: 1920px;margin: 0 auto;}
}

@media (max-width: 1700px) {    
    .join_cost_page .step00 .inner{padding-left: 400px;}
}

@media (max-width: 1560px) {    
    .join_cost_page .step00{height: 600px;}
    .join_cost_page .step00 .inner{width: 1280px;margin: 0 auto;padding-left: 280px;}
    .join_cost_page .step00 .inner .text_box{width: 350px;}
    .join_cost_page .step00 .inner .img_box{width: calc(100% - 450px);margin-left: 100px;height: 517px;}    
    .join_cost_page .love_tit1::after{width: 8px;height: 8px;}
    .result_wrap1 .form_tit1{margin-top: 20px;}
    .result_tit1{font-size: 36px;margin-bottom: 25px;}
    .result_txt1{font-size: 14px;}
    .result_wrap1 .box_wrap{width: 585px;}
    .result_wrap1 .box_wrap .box{height: 195px;}
    .result_wrap1 .box_wrap .box_txt1{font-size: 20px;}
    .result_wrap1 .box_wrap .box_txt2{font-size: 14px;}
    .result_wrap1 .box_wrap .box_txt2 span{font-size: 25px;}
    .result_wrap1 .box_wrap .box_txt3{font-size: 12px;}
    .result_wrap1 .box_wrap_txt{font-size: 15px;line-height: 27px;margin-top: 35px;}
    .result_wrap1 .btn_box_wrap{width: 475px;margin: 50px auto 0;}
    .result_wrap1 .btn_box_wrap .btn_tit{font-size: 25px;}
    .result_wrap1 .btn_box_wrap .btn_txt{font-size: 15px; margin-top: 8px;}
}