/* 안심케어 B2C 소개페이지 */
.care_cc_intro{}
.care_cc_intro header .inner{padding: 16px; display: flex; justify-content: flex-end;}
.care_cc_intro header .logo img{width: 129px; height: 24px;}
.care_cc_intro .btn_wrap{position: sticky; gap: 8px; bottom: 0; padding: 24px; display: flex; justify-content: center; width: 100%; z-index: 99;}
.care_cc_intro .btn_wrap .btn{padding: 24px 56px; display: flex; justify-content: center; gap: 8px; font-size: 24px; line-height: 24px; font-weight: 700; color: #fff; border-radius: 999px; box-shadow: 0px 6px 12px 0px #0000001F; backdrop-filter: blur(4px)}
.care_cc_intro .btn_wrap .btn_default{background: #00BA40E5;}
.care_cc_intro .btn_wrap .btn_bg_gry{color: #4d4d4d; background: #F6F6F6;}
.care_cc_intro .btn_wrap .btn i.icon_calendar{width: 24px; height: 24px; background: url("/image/care/b2c/icon_calendar.svg") center / cover no-repeat;}



/*//////////////////// ver. new*/
/* 공통 */
.care_cc_intro article{padding: 120px 0; overflow: hidden;}
.care_cc_intro article .tit_box{display: flex; flex-direction: column; align-items: center; gap: 28px;}
.care_cc_intro article .swiper-container{margin-top: 60px;}
.care_cc_intro .btn{padding: 13px 28px; display: flex; gap: 8px; align-items: center; font-size: 18px; font-weight: 700; color: #333; background-color: #fff; border-radius: 12px; border: 1px solid transparent;}
.care_cc_intro .btn i{width: 24px; height: 24px;}
.care_cc_intro .btn.view_pop, .care_cc_intro .btn.view_more{font-size: 20px; line-height: 32px;}
.care_cc_intro .btn_line_gray{border-color: #b3b3b3;}
.care_cc_intro .only_pc{display: block;}
.care_cc_intro .only_mobile{display: none;}
.care_cc_intro img.only_mobile{max-width: 100%;}
.care_cc_intro .article_inner{position: relative; margin: 0 auto; width: 100%; max-width: 1080px; display: flex; flex-direction: column; align-items: center;}
.care_cc_intro b{font-weight: 700;}
.care_cc_intro .icon_arrow_bk{background: url("/image/care/b2c/icon_arrow_bk.svg") center / cover no-repeat;}
.care_cc_intro .title_badge{width: fit-content; display: inline-flex; padding: 6px 20px; font-size: 18px; line-height: 26px; font-weight: 700; border-radius: 100px;}
.care_cc_intro .title_badge.grn{background: #00ba40; color: #fff;}
.care_cc_intro .title_badge.lgrn{background: #eef7f0; color: #00ba40;}
.care_cc_intro .banner_box{padding: 24px; display: flex; gap: 8px; align-items: center; font-size: 20px; line-height: 30px; font-weight: 700; color: #8465ff; background: #f0edf5;}
.care_cc_intro .banner_box .icon_go{width: 28px; height: 28px;}
.care_cc_intro i.icon_go{background: url("/image/care/b2c/icon_go_pur.svg") center / cover no-repeat;}
.care_cc_intro .accor_div .list{padding: 20px; border-radius: 12px; border: 1px solid #e3e3e3; background: #fff; overflow: hidden; box-shadow: 0 1px 3px 0 #00000014;}
.care_cc_intro .accor_div .open_item{display: flex; gap: 4px; justify-content: space-between; align-items: center; width: 100%; font-size: 20px; line-height: 30px; color: #111; font-weight: 700; text-align: left;}
.care_cc_intro .accor_div .open_item:after{content: ''; margin-left: auto; width: 20px; height: 20px; background: url("/image/care/b2c/icon_arrow_bk.svg") center / cover no-repeat; transition: all 0.2s ease; filter: brightness(0.5); transform: rotate(90deg);}
.care_cc_intro .accor_div .open_item.active:after{transform: rotate(270deg);}
.care_cc_intro .accor_div .hidden_item{display: none; margin-top: 8px; font-size: 18px; line-height: 26px; color: #666;}

/* 메인비쥬얼 */
.care_cc_intro .main_visual{background: linear-gradient(180deg, #FFFFFF 0%, #EAF6EE 100%);}
.care_cc_intro .main_visual .article_inner{padding: 60px 0; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.care_cc_intro .main_visual .tit_box{width: 50%; display: flex; flex-direction: column; gap: 12px; font-size: 24px; line-height: 36px; font-weight: 700; color: #1a1a1a;}
.care_cc_intro .main_visual .tit_box img{width: 304px; height: 90px;}
.care_cc_intro .main_visual .lottie_box{margin-bottom: -112px; display: flex; justify-content: flex-end; width: 50%;}
.care_cc_intro .main_lottie{width: 353px; height: 366px;}
.care_cc_intro .main_visual .item_box{width: 50%; display: flex; flex-direction: column; gap: 8px; font-size: 18px; line-height: 22px; font-weight: 600; color: #1a1a1a;}
.care_cc_intro .main_visual .item{display: inline-flex; width: fit-content; gap: 8px; align-items: center; padding: 13px 16px; border-radius: 8px; background: #fff;}

/* 안심케어 / 안심케어 프리미엄 소개 */
.care_cc_intro .service_introduce .tab_container{flex-direction: column;}
.care_cc_intro .service_introduce .tab_list{display: flex; flex-direction: row; border-bottom: 1px solid #e3e3e3;}
.care_cc_intro .service_introduce .tab{flex: 1; position: relative; padding: 20px; font-size: 16px; color: #808080; font-weight: 500;}
.care_cc_intro .service_introduce .tab.active{color: #333; font-weight: 700;}
.care_cc_intro .service_introduce .tab.active:after{content: ""; bottom: -1px; left: 0; position: absolute; width: 100%; height: 2px; background: #333;}
.care_cc_intro .why_box .article_inner{flex-direction: column;}
.care_cc_intro .why_box .swiper-container{padding: 10px 0; width: 100%;}
.care_cc_intro .why_box .swiper-wrapper{gap: 16px; justify-content: center;}
.care_cc_intro .why_box .swiper-slide{width: calc(33.333% - 14px); padding: 32px; height: 434px; display: flex; flex-direction: column; align-items: center; text-align: center; border-radius: 12px; box-shadow: 0 2px 10px 0 #0000001F;}
.care_cc_intro .why_box .swiper-pagination{display: none;}
.care_cc_intro .why_box .point{padding: 3px 12px; font-size: 14px; line-height: 18px; font-weight: 600; color: #fff; background: #1a1a1a; border-radius: 999px;}
.care_cc_intro .why_box .txt{margin-top: 8px; font-size: 20px; line-height: 30px; font-weight: 700; color: #1a1a1a;}
.care_cc_intro .why_box .swiper-slide img{margin-top: 24px; width: 100%; height: 98px;}
.care_cc_intro .why_box .big_txt{margin-top: 24px; font-size: 24px; line-height: 36px; font-weight: 700; color: #1a1a1a;}
.care_cc_intro .why_box .guide_txt{margin-top: 16px; font-size: 14px; line-height: 20px; color: #4d4d4d;}
.care_cc_intro .why_box .gry_txt{margin-top: auto; font-size: 12px; line-height: 14px; font-weight: 500; color: #999;}
.care_cc_intro .why_box .accor_div{margin-top: 22px; width: 100%;}
.care_cc_intro .why_box .accor_div .list{background: #f9f9f9; border-radius: 24px;}
.care_cc_intro .why_box .open_item{justify-content: center; gap: 12px; font-size: 16px; line-height: 20px; font-weight: 600; color: #333; text-align: center;}
.care_cc_intro .why_box .open_item:after{margin-left: unset;}
.care_cc_intro .why_box .hidden_item{margin-top: 16px; font-size: 16px; line-height: 24px; color: #4d4d4d;}
.care_cc_intro .go_realtor_box{padding: 0; background: linear-gradient(318.21deg, #4F9DE8 1.04%, #0DE05D 100.52%);}
.care_cc_intro .go_realtor_box .article_inner{padding: 60px 0; flex-direction: row; justify-content: space-between; align-items: center;}
.care_cc_intro .go_realtor_box .article_inner:after{content: ''; position: absolute; width: 196.2px; height: 214.6px; bottom: -22.5px; right: 128px; background: url("/image/care/b2c/illu_shield_wh.svg") center / cover no-repeat;}
.care_cc_intro .go_realtor_box .btn{z-index: 1;}
.care_cc_intro .service_box{background: #F3FBFC;}
.care_cc_intro .service_box .article_inner{flex-direction: column; align-items: center;}
.care_cc_intro .service_box .title_badge{gap: 4px;}
.care_cc_intro .service_box .item_box{margin-top:60px; width: 100%; display: flex; gap: 12px;}
.care_cc_intro .service_box .item{padding: 32px 20px; flex: 1; display: flex; flex-direction: column; align-items: center; border: 1px solid #f6f6f6; background: #fff; border-radius: 24px; box-shadow: 0 1px 3px 0 #00000014; color: #333;}
.care_cc_intro .service_box .icon{width: 60px; height: 60px;}
.care_cc_intro .service_box .big_txt{margin-top: 16px; font-size: 20px; line-height: 30px; font-weight: 700;}
.care_cc_intro .service_box .txt{margin-top: 4px; display: flex; flex-direction: column; align-items: center; text-align: center; font-size: 16px; line-height: 24px;}
.care_cc_intro .promotion_box{padding: 120px 0 60px; background: linear-gradient(180deg, #FFFFFF 0%, #D3FFD8 100%);}
.care_cc_intro .promotion_box .tit{width: 639px; height: 230px;}
.care_cc_intro .promotion_box .promotion_price{margin-top: 28px;}
.care_cc_intro .promotion_box .promotion_price img{width: 327px; height: 144px;}
.care_cc_intro .promotion_box .gry_txt{margin-top: 16px; font-size: 20px; line-height: 30px; color: #666; font-weight: 500; text-align: center;}
.care_cc_intro .promotion_box .guide{margin-top: 76px; font-size: 14px; line-height: 20px; color: #666; font-weight: 500;}
.care_cc_intro .property_box .article_inner{flex-direction: row; justify-content: space-between; align-items: center;}
.care_cc_intro .property_box .left{display: flex; flex-direction: column;}
.care_cc_intro .property_box .tit_box{align-items: flex-start;}
.care_cc_intro .property_box .txt{margin-top: 16px; font-size: 20px; line-height: 30px; color: #666; font-weight: 500;}
.care_cc_intro .property_lottie_box{display: flex; align-items: center;}
.care_cc_intro .property_lottie{width: 490px; height: 222px;}
.care_cc_intro .law_box{background: #f0f6ff;}
.care_cc_intro .law_box .article_inner{flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.care_cc_intro .law_box .tit_box{align-items: flex-start;}
.care_cc_intro .law_box .content_box{display: flex; flex-direction: column;}
.care_cc_intro .law_box .txt{margin-top: 16px; font-size: 20px; line-height: 30px; color: #666; font-weight: 500;}
.care_cc_intro .law_box .law_lottie_box{width: 480px; display: flex; align-items: center; justify-content: center;}
.care_cc_intro .law_box .law_lottie{width: 264px; height: 244px;}
.care_cc_intro .law_box .wh_box{margin-top: 80px; padding: 20px; width: 100%; border-radius: 24px; background: #fff; border: 1px solid #f5f5f5; box-shadow: 0 1px 3px 0 #00000014;}
.care_cc_intro .law_box .wh_box b{font-size: 16px; line-height: 24px; color: #333;}
.care_cc_intro .law_box .wh_box p{margin-top: 4px; font-size: 14px; line-height: 20px; color: #666;}
.care_cc_intro .insurance_box .txt{margin-top: 24px; font-size: 20px; line-height: 30px; font-weight: 500; color: #666; text-align: center;}
.care_cc_intro .insurance_box .swiper-container{padding: 10px; margin-left: -10px; width: calc(100% + 20px); display: flex; justify-content: center;}
.care_cc_intro .insurance_box .swiper-wrapper{margin: 0 auto; display: flex; flex-wrap: wrap; gap: 8px;}
.care_cc_intro .insurance_box .swiper-slide{padding: 8px; width: 264px; height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; font-size: 20px; line-height: 30px; font-weight: 700; color: #1a1a1a; text-align: center; border-radius: 12px; box-shadow: 0 2px 10px 0 #0000001F;}
.care_cc_intro .insurance_box .swiper-slide img{width: 80px; height: 80px;}
.care_cc_intro .insurance_box.sale .swiper-slide{width:calc((100% - 16px)/3);}
.care_cc_intro .insurance_box.rent .swiper-slide{width:calc((100% - 24px)/4);}
.care_cc_intro .insurance_box .view_pop{margin-top: 60px;}
.care_cc_intro .period_box{background: #f5fbf7;}
.care_cc_intro .period_box .cont_box{margin-top: 28px; display: flex; flex-direction: column; align-items: center; gap: 60px;}
.care_cc_intro .period_box .cont{width: auto; max-width: 100%;}
.care_cc_intro .step_box{background: #f5f3fb;}
.care_cc_intro .step_box .swiper-slide{position: relative; padding: 32px; width: 320px; height: 326px; display: flex; flex-direction: column; align-items: center; font-weight: 700; background: #fff; border-radius: 12px;}
.care_cc_intro .step_box .step{font-size: 18px; line-height: 26px; color: #8465ff;}
.care_cc_intro .step_box .step_tit{margin-top: 12px; font-size: 24px; line-height: 36px; color: #1a1a1a; text-align: center;}
.care_cc_intro .step_box .swiper-container{padding: 10px; margin-top: 50px; margin-left: -10px; width: calc(100% + 16px);}
.care_cc_intro .step_box .swiper-wrapper{margin-left: -10px;}
.care_cc_intro .step_box .swiper-slide img{margin-top: auto; width: 256px; height: 120px;}
.care_cc_intro .step_box .swiper-slide.step6:before{content: ''; position: absolute; top: 115.5px; left: 50%; transform: translateX(-50%); width: 188.5px; height: 52.5px; background: url("/image/care/b2c/illu_step6_bg.svg") center / contain no-repeat;}
.care_cc_intro .step_box .guide{margin-top: 16px; font-size: 18px; line-height: 26px; color: #666; font-weight: 500;}
.care_cc_intro .step_box .view_pop{margin-top: 60px;}
.care_cc_intro .check_realtor{justify-content: center;}
.care_cc_intro .review_box .review_swiper1{margin-top: 50px;}
.care_cc_intro .review_box .review_swiper2{margin-top: 0;}
.care_cc_intro .review_box .swiper-container{padding: 10px; margin-left: -10px; margin-right: -10px; width: calc(100% + 20px);}
.care_cc_intro .review_box .swiper-slide{margin-right: 20px; padding: 32px; width: max-content; display: flex; flex-direction: column; gap: 8px; border-radius: 12px; box-shadow: 0 2px 10px 0 #0000001F;}
.care_cc_intro .review_box .writer{font-size: 16px; line-height: 24px; font-weight: 500; color: #b3b3b3;}
.care_cc_intro .review_box .content{font-size: 18px; line-height: 22px; font-weight: 500; color: #333;}
.care_cc_intro .qna_box{background: #f9f9f9;}
.care_cc_intro .qna_box .accor_div{margin-top: 60px; width: 100%; display: flex; flex-direction: column; gap: 12px;}
.care_cc_intro .qna_box .view_more{margin-top: 60px;}
.care_cc_intro .go_inquiry .inner{width: 100%; max-width: 1080px; display: flex; justify-content: space-between; align-items: center; gap: 8px;}
.care_cc_intro .go_inquiry br{display: none;}
.care_cc_intro .go_inquiry a{display: flex; align-items: center; gap: 4px; font-size: 16px; color: #333; font-weight: 500;}
.care_cc_intro .go_inquiry a i{width: 20px; height: 20px; background: url("/image/care/b2c/icon_arrow_bk.svg") center / cover no-repeat;}
.care_cc_intro .app_box{padding: 40px 0; background: linear-gradient(124.91deg, #8465FF 18.7%, #66A8FF 81%);}
.care_cc_intro .app_box .logo_town{width: 80px; height: 24px;}
.care_cc_intro .app_box .article_inner{flex-direction: row;}
.care_cc_intro .app_box .txt_box{margin-top: 12px; display: flex; flex-direction: column; font-size: 20px; line-height: 30px; color: #fff; font-weight: 500;}
.care_cc_intro .app_box .download_btn_wrap{margin-left: auto; display: flex; gap: 12px;}
.care_cc_intro .app_box .download_btn_wrap a{display: flex;}

  /* footer */
.care_cc_intro footer{background: #333; color: #fff;}
.care_cc_intro footer .article_inner{flex-direction: row; align-items: flex-end; justify-content: center; padding: 60px 0;}
.care_cc_intro footer a{display: inline-flex; color: #fff;}
.care_cc_intro footer .cs_info_wrap, .care_cc_intro footer .biz_info_wrap{flex: 1;}
.care_cc_intro footer .cs_title{font-size: 16px; line-height: 20px; font-weight: 600;}
.care_cc_intro footer .cs_contact{margin-top: 4px; font-size: 40px; line-height: 48px; font-weight: 700;}
.care_cc_intro footer .cs_info{margin-top: 8px; display: flex; flex-direction: column; gap: 4px; font-size: 16px; line-height: 24px;}
.care_cc_intro footer .biz_info_wrap{font-size: 12px; line-height: 18px;}
.care_cc_intro footer .biz_name{font-size: 16px; line-height: 24px;}
.care_cc_intro footer .biz_detail{margin-top: 6px; display: flex; flex-direction: column; gap: 4px;}


.dimd{position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100;}

.layer_popup{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.5); z-index: 100; transform: translate3d(0,0,0); -webkit-transform: translateZ(0); -webkit-overflow-scrolling:touch;}
.layer_popup form{width: 100%;}
.layer_popup .popup_wrap{position: relative; margin: 0 auto; display: flex; flex-direction: column; width: 100%; min-width: 320px; max-width: 600px; max-height: calc(100dvh - 40px); overflow: auto; background: #fff; border-radius: 16px; box-shadow: 0 16px 24px 0 #0000001F;}
.layer_popup .popup_header{padding: 32px 24px 0; display: flex; gap: 8px; align-items: center; justify-content: center;}
.layer_popup .popup_header .title{flex: 1; font-size: 24px; line-height: 36px; color: #1a1a1a; font-weight: 700;}
.layer_popup .popup_header .close{width: 32px; height: 32px; background: url("/image/icon_xbtn_bk.svg") center / 44px no-repeat;}
.layer_popup .popup_content{flex: 1; padding: 24px; font-size: 14px; overflow: auto; overscroll-behavior: none;}
.layer_popup .popup_button_wrap{padding: 12px 16px; display: flex; gap: 8px; width: 100%; box-shadow: 0 -4px 24px 0 #00000014;}
.layer_popup .popup_button_wrap .btn{flex: 1; padding: 20px; font-size: 16px; font-weight: 700; border-radius: 16px;}
.layer_popup .popup_button_wrap .btn_bg_org{color: #fff; background-color: #ff7b00;}
.layer_popup .btn.disabled{pointer-events: none !important; background: #ccc !important; color: #fff !important; border-color: transparent !important;}

.alert_popup{position: fixed; padding: 32px 16px 16px; min-width: 312px; max-width: 360px; background: #fff; border-radius: 16px; box-shadow: 0px 16px 24px 0px #0000001F; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100;}
.alert_popup .popup_content{display: flex; flex-direction: column; gap: 16px; align-items: center;}
.alert_popup .popup_content .p_icon{width: 40px; height: 40px;}
.alert_popup .popup_content .p_icon.check{background: url("/image/icon_check_fill_dgrn.svg") center / cover no-repeat;}
.alert_popup .popup_content .title{font-size: 20px; line-height: 24px; color: #1a1a1a; font-weight: 700;}
.alert_popup .popup_content .text{font-size: 16px; line-height: 24px; color: #4d4d4d;}
.alert_popup .popup_button_wrap{margin-top: 24px; display: flex; width: 100%;}
.alert_popup .popup_button_wrap button{flex: 1; padding: 16px; font-size: 14px; font-weight: 700; color: #fff; background: #ff7b00; border-radius: 8px;}

.counsel_reserve_pop{}
.counsel_reserve_pop .txt{font-size: 14px; line-height: 20px; color: #333;}
.counsel_reserve_pop .guide{margin-top: 8px; display: flex; gap: 6px; align-items: center; font-size: 12px; line-height: 18px; color: #666;}
.counsel_reserve_pop .guide i.icon_info_gry{width: 16px; height: 16px; background: url("/image/icon_info_bk.svg") center / cover no-repeat; opacity: 0.6;}
.counsel_reserve_pop section{margin-top: 16px; display: flex; flex-direction: column; gap: 8px;}
.counsel_reserve_pop section .tit{font-size: 14px; line-height: 16px; color: #4d4d4d; font-weight: 600;}
.counsel_reserve_pop .select_date_section{margin: 32px 0;}

.tel_counsel_pop .main_txt{font-size: 18px; line-height: 22px; color: #333; font-weight: 500;}
.tel_counsel_pop .check_box_wrap{margin-top: 36px; font-size: 16px; line-height: 24px;}

[class *= "agree_personal_pop"]{font-size: 14px; line-height: 20px; color: #333;}
[class *= "agree_personal_pop"] .sheet_body{padding: 0 16px;}
[class *= "agree_personal_pop"] b{font-weight: 600;}
[class *= "agree_personal_pop"] a{display: inline-flex; color: #006fff; text-decoration: underline;}

.introduce_service_pop .popup_content{display: flex; flex-direction: column; gap: 40px;}
.introduce_service_pop section{display: flex; flex-direction: column; gap: 20px;}
.introduce_service_pop .main_txt{font-size: 18px; line-height: 26px; font-weight: 700; color: #333;}
.introduce_service_pop .txt{margin-top: 8px; font-size: 16px; line-height: 24px; color: #4d4d4d;}
.introduce_service_pop .accor_div{display: flex; flex-direction: column; gap: 12px; width: 100%;}
.introduce_service_pop .accor_div .list{padding: 0 16px; width: 100%;}
.introduce_service_pop .accor_div .open_item{padding: 20px 0; font-size: 16px; line-height: 20px; font-weight: 600; color: #333; text-align: left;}
.introduce_service_pop .accor_div .open_item.active{padding-bottom: 0;}
.introduce_service_pop .accor_div .open_item:after{width: 16px; height: 16px;}
.introduce_service_pop .accor_div .hidden_item{margin-top: 12px; font-size: 14px; line-height: 22px; color: #666;}
.introduce_service_pop .accor_div .hidden_item br{display: none;}
.introduce_service_pop .accor_div .keypoint{margin: 20px -16px 0; padding: 12px 16px; font-size: 12px; line-height: 14px; font-weight: 600; color: #006e18; background: #eef7f0;}
.introduce_service_pop table{table-layout: fixed; border-style: unset;}
.introduce_service_pop table thead{background: #f1f1f9;}
.introduce_service_pop table th{padding: 6px 8px; min-height: 48px; font-size: 14px; line-height: 18px; color: #1a1a1a; font-weight: 600; word-break: keep-all;}
.introduce_service_pop table br{display: none;}
.introduce_service_pop table th:first-child{border-radius: 8px 0 0 8px;}
.introduce_service_pop table th:last-child{border-radius: 0 8px 8px 0;}
.introduce_service_pop table tr:first-child td{padding-top: 20px;}
.introduce_service_pop table td{padding: 12px 8px; font-size: 16px; line-height: 24px; color: #4d4d4d; word-break: keep-all; border-bottom: 1px solid #e3e3e3;}
.introduce_service_pop table i{display: block; margin: 0 auto; width: 20px; height: 20px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.introduce_service_pop table i.minus{background-image: url("/image/care/b2c/icon_minus_gry.svg");}
.introduce_service_pop table i.check{background-image: url("/image/care/b2c/icon_check_grn.svg");}
.introduce_service_pop table th:nth-child(2), .introduce_service_pop table td:nth-child(2){width: 14.5%}
.introduce_service_pop table th:nth-child(3), .introduce_service_pop table td:nth-child(3){width: 17.4%}
.introduce_service_pop table th:nth-child(4), .introduce_service_pop table td:nth-child(4){width: 21.8%}

.way_step_pop .popup_content{display: flex; flex-direction: column; gap: 40px;}
.way_step_pop section{padding: 40px 0; border-bottom: 1px solid #f6f6f6;}
.way_step_pop .d_flex{display: flex; gap: 24px; align-items: center;}
.way_step_pop .d_flex .img_box:last-child{margin-left: auto;}
.way_stpe_pop .txt_box{display: flex; flex-direction: column; align-items: center;}
.way_step_pop .step{font-size: 16px; line-height: 20px; font-weight: 600; color: #8465ff;}
.way_step_pop .tit{margin-top: 16px; font-size: 24px; line-height: 36px; font-weight: 700; color: #1a1a1a;}
.way_step_pop .txt{margin-top: 6px; font-size: 16px; line-height: 24px; color: #4d4d4d;}
.way_step_pop .txt b{font-weight: 700; color: #00ba40;}
.way_step_pop .btn{margin-top: 32px; justify-content: center; gap: 8px; align-items: center; padding: 14px; width: 100%; font-size: 16px; line-height: 20px; font-weight: 600; color: #fff; border-radius: 8px;}
.way_step_pop .btn:after{content: ''; width: 20px; height: 20px; background: url("/image/care/b2c/icon_arrow_bk.svg") center / cover no-repeat; filter: brightness(1) invert(1);}
.way_step_pop .btn.pur{background: #8465FF;}
.way_step_pop .btn.grn{background: #00ba40;}
.way_step_pop .txt_box{display: flex; flex-direction: column;}
.way_step_pop .info_box{margin-top: 12px; padding: 12px; display: flex; gap: 8px; font-size: 12px; line-height: 18px; color: #666; background: #fbfbfb; border-radius: 8px;}
.way_step_pop .info_box + .info_box{margin-top: 8px;}
.way_step_pop .info_box:before{content: ''; flex-shrink: 0; width: 18px; height: 18px; background: url("/image/care/b2c/icon_info_gry.svg") center / cover no-repeat;}
.way_step_pop .img_box{position: relative;}
.way_step_pop section:last-child .img_box:before{content: ''; position: absolute; top: -30px; right: 28.5px; width: 148.4px; height: 55.3px; background: url("/image/care/b2c/illu_step_pop6_bg.svg") center / cover no-repeat;}



/* media query */
@media (max-width: 1080px){
  .layer_popup{height: 100dvh; align-items: flex-start;}
  .layer_popup .popup_header{padding: 8px 8px 8px 56px}
  .layer_popup .popup_header .title{font-size: 20px; line-height: 24px; text-align: center;}
  .layer_popup .popup_header .close{width: 40px; height: 40px; background: url("/image/icon_xbtn_bk.svg") center / 32px no-repeat;}
  .layer_popup .popup_wrap{max-height: 100dvh; height: 100lvh; border-radius: 0;}
  .layer_popup .popup_content{padding: 40px 16px;}
  .care_cc_intro .btn_wrap{padding: 12px 16px; background: #fff; box-shadow: 0 -4px 24px 0 #00000014;}
  .care_cc_intro .btn_wrap .btn{flex: 1; padding: 20px; font-size: 16px; line-height: 16px; border-radius: 10px; box-shadow: none; backdrop-filter: none;}
  .care_cc_intro .btn_wrap .btn_default{background: #8465FF;}
  .care_cc_intro article{padding: 60px 0;}
  .care_cc_intro article .tit_box{gap: 24px;}
  .care_cc_intro article .swiper-container{margin: 40px 0 0 0;}
  .care_cc_intro .only_pc{display: none;}
  .care_cc_intro .only_mobile{display: block;}
  .care_cc_intro .btn{padding: 14px 24px; font-size: 14px;}
  .care_cc_intro .btn.view_pop, .care_cc_intro .btn.view_more{font-size: 14px; line-height: 20px; width: 100%; justify-content: center;}
  .care_cc_intro .btn i{width: 18px; height: 18px;}
  .care_cc_intro .accor_div .open_item{font-size: 16px; line-height: 24px;}
  .care_cc_intro .accor_div .hidden_item{font-size: 14px; line-height: 20px;}
  .care_cc_intro .banner_box{padding: 24px 16px; font-size: 16px; line-height: 24px;}
  .care_cc_intro .title_badge{padding: 6px 10px; font-size: 12px; line-height: 14px; font-weight: 600;}
  .care_cc_intro .article_inner{max-width: unset; padding-left: 16px !important; padding-right: 16px !important;}
  .care_cc_intro .main_visual{min-height: calc(100vh - 56px); display: flex; flex-direction: column;}
  .care_cc_intro .main_visual .article_inner{flex: 1; flex-direction: column; height: 100%; justify-content: center;}
  .care_cc_intro .main_visual .tit_box{width: 100%; gap: 8px; align-items: center; font-size: 20px; line-height: 24px; font-weight: 500;}
  .care_cc_intro .main_visual .tit_box img{width: 160px; height: 47px;}
  .care_cc_intro .main_visual .item_box{width: 100%; font-size: 14px; line-height: 16px;}
  .care_cc_intro .main_visual .item{width: 100%;}
  .care_cc_intro .main_visual .lottie_box{width: 100%; margin-bottom: 0;}
  .care_cc_intro .main_visual .main_lottie{margin: 24px auto -4px; width: 276px; height: 286px;}
  .care_cc_intro .why_box .swiper-slide{padding: 32px 0; width: 280px !important; height: 390px;}
  .care_cc_intro .why_box .point{padding: 3px 6px; font-size: 12px; line-height: 14px;}
  .care_cc_intro .why_box .txt{font-size: 16px; line-height: 24px;}
  .care_cc_intro .why_box .swiper-container{margin-left: -16px; margin-right: -16px; padding-bottom: 22px; width: calc(100% + 32px);}
  .care_cc_intro .why_box .swiper-wrapper{gap: 0; justify-content: unset;}
  .care_cc_intro .why_box .swiper-slide img{margin-top: 40px; width: 280px; height: 98px;}
  .care_cc_intro .why_box .swiper-slide{scale: 0.8; opacity: 0.5;}
  .care_cc_intro .why_box .swiper-slide-active{position: relative; scale: 1; opacity: 1;}
  .care_cc_intro .why_box .swiper-slide-active:before {content: ""; position: absolute; inset: 0; padding: 3px; border-radius: 12px; background: linear-gradient(335.65deg, #24F192 0%, #9F87FF 55.29%, #6643F2 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
  .care_cc_intro .why_box .swiper-pagination{display: flex; justify-content: center; bottom: 0;}
  .care_cc_intro .why_box .swiper-pagination-bullet{width: 10px; height: 10px; background: #f6f6f6; border: 1px solid #e3e3e3;}
  .care_cc_intro .why_box .swiper-pagination-bullet-active{width: 26px; background: #8465ff; border-color: #8465ff; border-radius: 999px;}
  .care_cc_intro .why_box .big_txt{font-size: 18px; line-height: 22px;}
  .care_cc_intro .why_box .guide_txt{font-size: 12px; line-height: 18px;}
  .care_cc_intro .why_box .gry_txt{font-size: 11px; line-height: 14px;}
  .care_cc_intro .why_box .open_item{font-size: 14px; line-height: 16px; text-align: left;}
  .care_cc_intro .why_box .open_item:after{margin-left: auto;}
  .care_cc_intro .service_introduce .article_inner.tab_list{padding-left: 0 !important; padding-right: 0 !important;}
  .care_cc_intro .service_introduce .tab{padding: 18px;}
  .care_cc_intro .go_realtor_box .article_inner{flex-direction: column; gap: 40px; align-items: flex-start; overflow: hidden;}
  .care_cc_intro .go_realtor_box .article_inner:after{width: 139px; height: 152px; bottom: -48.6px; right: -33.6px; transform: rotate(-15deg);}
  .care_cc_intro .service_box .item_box{margin-top: 40px; flex-direction: column;}
  .care_cc_intro .service_box .item{padding: 20px; align-items: flex-start;}
  .care_cc_intro .service_box .icon{width: 28px; height: 28px;}
  .care_cc_intro .service_box .big_txt{font-size: 18px; line-height: 22px;}
  .care_cc_intro .service_box .txt{margin-top: 8px; display: unset; font-size: 14px; line-height: 20px; color: #666; text-align: unset;}
  .care_cc_intro .promotion_box{padding: 60px 0;}
  .care_cc_intro .promotion_box .tit{width: 328px; height: 118px;}
  .care_cc_intro .promotion_box .promotion_price{margin-top: 16px;}
  .care_cc_intro .promotion_box .promotion_price img{width: 169px; height: 66px;}
  .care_cc_intro .promotion_box .gry_txt{margin-top: 12px; font-size: 12px; line-height: 14px; color: #999;}
  .care_cc_intro .promotion_box .guide{margin-top: 40px; font-size: 12px; line-height: 14px;}
  .care_cc_intro .property_box .article_inner{justify-content: center; flex-direction: column; gap: 40px;}
  .care_cc_intro .property_box .tit_box{align-items: center;}
  .care_cc_intro .property_box .left{display: flex; flex-direction: column; align-items: center;}
  .care_cc_intro .property_box .txt{font-size: 14px; line-height: 20px; font-weight: 400; text-align: center;}
  .care_cc_intro .property_lottie{width: 328px; height: 166px;}
  .care_cc_intro .law_box .article_inner{flex-wrap: wrap; gap: 40px; flex-direction: column; align-items: center;}
  .care_cc_intro .law_box .tit_box{align-items: center;}
  .care_cc_intro .law_box .content_box{justify-content: center; align-items: center; order: 1;}
  .care_cc_intro .law_box .txt{font-size: 14px; line-height: 20px; font-weight: 400; text-align: center;}
  .care_cc_intro .law_box .law_lottie_box{order: 2; width: 173px; height: 160px;}
  .care_cc_intro .law_box .wh_box{margin-top: 40px; order: 3;}
  .care_cc_intro .insurance_box .txt{margin-top: 16px; font-size: 14px; line-height: 20px; font-weight: 400;}
  .care_cc_intro .insurance_box .swiper-container{display: block; margin-top: 22px; margin-right: -10px;}
  .care_cc_intro .insurance_box .swiper-wrapper{gap: 0;}
  .care_cc_intro .insurance_box .swiper-slide{margin-top: 8px; width: 152px !important; height: 136px; gap: 12px; font-size: 14px; line-height: 16px; font-weight: 600; color: #666;}
  .care_cc_intro .insurance_box .swiper-slide img{width: 60px; height: 60px;}
  .care_cc_intro .insurance_box .view_pop{margin-top: 32px;}
  .care_cc_intro .period_box .cont_box{margin-top: 24px; gap: 40px;}
  .care_cc_intro .step_box .swiper-container{padding: 10px; margin-top: 22px; margin-left: -10px; margin-right: -26px; width: calc(100% + 16px);}
  .care_cc_intro .step_box .swiper-slide{padding: 24px 16px; width: 240px; height: 252px;}
  .care_cc_intro .step_box .step{font-size: 16px; line-height: 24px;}
  .care_cc_intro .step_box .step_tit{font-size: 20px; line-height: 34px;}
  .care_cc_intro .step_box .swiper-slide img{width: 208px; height: 100px;}
  .care_cc_intro .step_box .swiper-slide.step6:before{top: 86px; width: 150px; height: 58.2px;}
  .care_cc_intro .step_box .guide{font-size: 12px; line-height: 14px;}
  .care_cc_intro .step_box .view_pop{margin-top: 32px;}
  .care_cc_intro .check_realtor{padding: 12px 16px; justify-content: space-between; font-size: 14px; line-height: 16px; font-weight: 600; color: #666;}
  .care_cc_intro .check_realtor .icon_go{width: 18px; height: 18px; filter: brightness(0);}
  .care_cc_intro .review_box .review_swiper1{margin-top: 30px;}
  .care_cc_intro .review_box .review_swiper2{margin-top: -8px;}
  .care_cc_intro .review_box .swiper-slide{margin-right: 12px; padding: 16px;}
  .care_cc_intro .review_box .writer{font-size: 14px; line-height: 16px;}
  .care_cc_intro .review_box .content{font-size: 16px; line-height: 24px; font-weight: 400;}
  .care_cc_intro .qna_box .accor_div{margin-top: 40px;}
  .care_cc_intro .qna_box .view_more{margin-top: 32px;}
  .care_cc_intro .go_inquiry .inner{max-width: unset;}
  .care_cc_intro .go_inquiry a{font-size: 14px;}
  .care_cc_intro .go_inquiry br{display: block;}
  .care_cc_intro .go_inquiry a i{width: 16px; height: 16px;}
  .care_cc_intro .app_box .article_inner{flex-direction: column; align-items: flex-start;}
  .care_cc_intro .app_box .logo_town{width: 54px; height: 16px;}
  .care_cc_intro .app_box .txt_box{gap: 4px; line-height: 24px; font-weight: 700;}
  .care_cc_intro .app_box .download_btn_wrap{margin-left: unset; margin-top: 32px;}
  .care_cc_intro .app_box .download_btn_wrap a{flex: 1; max-width: 161px; height: 48px;}
  .care_cc_intro footer .article_inner{flex-direction: column; padding: 60px 16px 32px; gap: 32px; align-items: unset;}
  .care_cc_intro footer .cs_info_wrap, .care_cc_intro footer .biz_info_wrap{flex: unset;}
  .care_cc_intro footer .cs_title{font-size: 14px; line-height: 16px;}
  .care_cc_intro footer .cs_contact{font-size: 32px; line-height: 40px;}
  .care_cc_intro footer .cs_info{font-size: 14px; line-height: 20px;}
  .care_cc_intro footer .biz_name{font-size: 12px; line-height: 18px;}
  .care_cc_intro footer .biz_detail{gap: 2px;}
  .introduce_service_pop section{gap: 16px;}
  .introduce_service_pop .main_txt{line-height: 20px;}
  .introduce_service_pop .txt{margin-top: 4px; font-size: 14px; line-height: 20px;}
  .introduce_service_pop .accor_div .open_item{font-size: 14px; line-height: 16px;}
  .introduce_service_pop .accor_div .hidden_item{font-size: 12px; line-height: 18px;}
  .introduce_service_pop .accor_div .hidden_item br{display: block;}
  .introduce_service_pop table thead{background: #333;}
  .introduce_service_pop table th, td{padding: 7px 8px;}
  .introduce_service_pop table th{min-height: 52px; padding: 7px 8px; font-size: 12px; line-height: 14px; color: #fff;}
  .introduce_service_pop table th br{display: block;}
  .introduce_service_pop table th:last-child br{display: block;}
  .introduce_service_pop table td{min-height: 56px; font-size: 14px; line-height: 20px; color: #000; border-bottom: 1px solid #f6f6f6;}
  .introduce_service_pop table i{width: 24px; height: 24px;}
  .introduce_service_pop table i.minus{background-size: 18px;}
  .introduce_service_pop table th:nth-child(2), .introduce_service_pop table th:nth-child(3), .introduce_service_pop table td:nth-child(2), .introduce_service_pop table td:nth-child(3){width: 18%}
  .introduce_service_pop table th:nth-child(4), .introduce_service_pop table td:nth-child(4){width: 24%}
  .way_step_pop .popup_content{padding: 0; display: block;}
  .way_step_pop section{padding: 40px 16px; min-height: 440px; display: flex; flex-direction: column; justify-content: center; border-bottom: none;}
  .way_step_pop section:first-child{background: #f6f6f6}
  .way_step_pop section:nth-child(3){background: #eaf6ee;}
  .way_step_pop section:nth-child(5){background: #f8f6ff;}
  .way_step_pop section:nth-child(2n-1) .img_box{order: 2;}
  .way_step_pop .d_flex{gap: 40px; flex-direction: column; justify-content: center; text-align: center;}
  .way_step_pop .d_flex .img_box:last-child{margin-left: unset;}
  .way_step_pop .txt_box{align-items: center;}
  .way_step_pop .step{font-size: 14px; line-height: 16px;}
  .way_step_pop .tit{line-height: 28px; align-items: center;}
  .way_step_pop .txt b{font-weight: 700; color: #00ba40;}
  .way_step_pop .btn{margin: 40px auto 0; width: fit-content; padding: 15px 20px; font-size: 14px; line-height: 14px; font-weight: 700;}
  .way_step_pop .btn:after{width: 18px; height: 18px;}
  .way_step_pop .info_box{margin-top: 16px; padding: 8px 16px; background: #f9f9f9; border: 1px solid #e3e3e3;}
  .way_step_pop section:last-child .img_box:before{content: none;}
}