.section_inner{width: 1280px; margin: 0 auto;}
.icon_move_wh{background: url("/image/care/icon_move_wh.svg") center / cover no-repeat;}
.btn{padding: 24px 32px; font-size: 24px; line-height: 24px; font-weight: 700; color: #fff;}
.btn_bg_lgrn{padding: 20px 32px; font-size: 20px; line-height: 20px; background-color: #0EEC5C; color: #1a1a1a; border-radius: 12px;}
.bg_gry{background: #f7f7f7 !important;}
.input_area{display: flex;}
.co_ylw{color: #eded0e;}

/* header */
header.care_intro_header{position: sticky; top: 0; left: 0; min-width: 1400px; padding: 28px; background: #fff; z-index: 2; border-bottom: 1px solid #e3e3e3;}
header.care_intro_header .d_flex{gap: 16px; align-items: center;}
header.care_intro_header .logo{display: flex;}
header.care_intro_header [class *= btn_bg]{gap: 8px; font-size: 16px; line-height: 20px; font-weight: 600; padding: 14px 24px;}
header.care_intro_header [class *= btn_bg] i{width: 20px; height: 20px; background: url("/image/care/b2b/icon_arrow_wh.svg") center / cover no-repeat;}

.floating_container{position: fixed; display: flex; flex-direction: column; width: 188px; left: calc(50% + 668px); background: #fff; border: 1px solid #e3e3e3; border-radius: 12px; overflow: hidden; z-index: 100; box-shadow: 0 6px 12px 0 #0000001F;}
.floating_container .open_date_info{padding: 16px; font-size: 16px; line-height: 18px; font-weight: 700; color: #0eec5c; background: #1a1a1a; text-align: center;}
.floating_container .open_date_info strong{color: #fff;}
.floating_container button{padding: 16px; font-size: 14px; line-height: 18px; font-weight: 600; color: #333; text-align: center;}
.floating_container button:not(:first-child){border-top: 1px solid #e3e3e3;}
@media(max-width: 1400px) {
  .floating_container{display: none;}
}

/* 페이지 공통 */
#wrap:has(.care_service_intro){padding-bottom: 0;}
.wrap.care_service_intro{min-width: 1400px;}
.care_service_intro{font-size: 20px; line-height: 30px; font-weight: 500; color: #333; background: #fff;}
.care_service_intro section{padding: 120px 0; min-width: 1400px; z-index: 1;}
.care_service_intro b{font-weight: 700;}
.care_service_intro .dot_indent p{position: relative; padding-left: 10px; font-size: 16px; line-height: 24px; color: #666;}
.care_service_intro .dot_indent p:before{content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; background: #aaa; border-radius: 50%;}
.care_service_intro .terms_table th{font-size: 14px; line-height: 18px; color: #1a1a1a;}
.care_service_intro .terms_table td{line-height: 22px; color: #333;}
.care_service_intro .tab_list{width: 100%; display: flex;}
.care_service_intro .tab_list .tab{flex: 1; padding: 16px; font-size: 24px; color: #333; background: #fbfbfb; font-weight: 700; border-radius: 16px 16px 0 0; border: 1px solid #e3e3e3;}
.care_service_intro .tab_list .tab.active{color: #fff; background: #21a44f;}
.care_service_intro .tab_content_wrap{width: 100%;}
.care_service_intro .tab_content{padding: 80px 60px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #ccc; border-radius: 0 0 24px 24px;}
.care_service_intro .accor_div{margin-top: 32px; display: flex; flex-direction: column; border: 1px solid #e3e3e3; border-radius: 16px; overflow: hidden; font-size: 16px; line-height: 24px;}
.care_service_intro .accor_div .list:not(:first-child){border-top: 1px solid #e3e3e3;}
.care_service_intro .open_item{padding: 24px; width: 100%; display: flex; align-items: center; font-size: 16px; font-weight: 500; transition: all 0.3s ease; color: #1a1a1a;}
.care_service_intro .open_item:after{content: ''; margin-left: auto; width: 24px; height: 24px; background: url("/image/care/icon_arrow.svg") center / cover no-repeat; transition: all 0.2s ease;}
.care_service_intro .open_item.active:after{transform: rotate(180deg);}
.care_service_intro .hidden_item{display: none; padding: 24px; border-top: 1px solid #e3e3e3; background: #f8f8f8; color: #333;}
.care_service_intro .hidden_item b{font-weight: 600;}
.care_service_intro .guide_txt{display: flex; font-size: 16px; line-height: 22px; color: #666; font-weight: 400;}
.care_service_intro .guide_txt:before{content:''; flex-shrink: 0; margin: 3px 4px 0 0; width: 16px; height: 16px; background: url("/image/icon_caution_fill_gry.svg") center / cover no-repeat;}

/* 메인비쥬얼 */
.main_visual{position: relative; width: 100%; min-width: 1400px; height: 400px; background: url("/image/care/b2b/main_visual.svg") top center no-repeat #21a44f}
.main_visual .scroll_down{position: absolute; width: 60px; height: 60px; left: 50%; bottom: 0; transform: translateX(-50%); background: url("/image/care/b2b/scroll_down.gif") center / cover no-repeat;}

/* 동참 */
.join_section, .join_complete_section{padding: 80px 0; position: relative;}
.join_section:before, .join_complete_section:before{content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/image/care/b2b/join_bg.png") center / cover no-repeat; z-index: -1;}
.join_section .section_inner{display: flex; gap: 160px;}
.join_section .benefit_box{margin-top: 24px; padding: 20px; background: #00000033; border-radius: 12px; color: #fff;}
.join_section .benefit_box .tit{margin-bottom: 4px; font-size: 18px; line-height: 26px; font-weight: 700;}
.join_section .benefit_box .item{margin-top: 4px; display: flex; gap: 8px; align-items: center; font-size: 20px; line-height: 30px;}
.join_section .benefit_box .item small{font-size: 16px; line-height: 24px;}
.join_section .txt{display: flex; flex-direction: column; gap: 12px; color: #fff;}
.join_section .left .txt{margin-top: 12px;}
.join_section .left button{margin-top: 60px;}
.join_section .right .txt{margin-top: 16px;}
.join_complete_section .section_inner{display: flex; justify-content: center; align-items: center;}
/* 안심케어 소개 */
.introduce_section{padding-bottom: 160px;}
.introduce_section .section_inner{display: flex; flex-direction: column; align-items: center;}
.introduce_section .txt_img{margin-top: 56px;}
.introduce_section .txt{margin-top: 24px;}
.introduce_section .introduce_content{display: flex; flex-direction: column; align-items: center;}
.introduce_section .top{margin-top: 48px; display: flex; gap: 24px;}
.introduce_section .top [class *= step]{padding: 24px 32px; width: 464px; display: flex; gap: 48px; justify-content: space-between; font-size: 24px; line-height: 36px; color: #4f4f4f; font-weight: 700; border-radius: 16px; background: #fff; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);}
.introduce_section .top small{margin-bottom: 4px; display: block; font-size: 18px; line-height: 26px; color: #28ae57;}
.introduce_section .top .guide{margin-top: 6px; font-size: 16px; line-height: 24px; font-weight: 500; color: #666;}
.introduce_section .plus{margin-top: 32px;}
.introduce_section .bottom{margin-top: 24px; position: relative; width: 240px; height: 180px;}
.introduce_section .bottom .lottie_prev_click{position: absolute; top: 0; left: 0;}
.introduce_section .bottom.prev_click{cursor: pointer;}
.lottie_cursor{position: absolute; right: -12px; bottom: 0; width: 84px; height: 96px;}
/* 안심케어 vs 보증금 잔환 보증 보험 */
.difference_section .section_inner{display: flex; flex-direction: column; align-items: center;}
.difference_section .difference_txt{margin-top: 24px; text-align: center;}
.difference_content{margin-top: 80px; display: flex; gap: 32px; align-items: center;}
.difference_content .box{border-radius: 16px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); overflow: hidden;}
.difference_content .tit{padding: 16px 30px; display: flex;}
.difference_content .txt{padding: 24px 30px; font-size: 18px; line-height: 26px; color: #4d4d4d; font-weight: 400; letter-spacing: -0.18px;}
.difference_content .left, .difference_content .right{width: 589px;}
.difference_content .left .box{border: 1px solid #e3e3e3;}
.difference_content .left .tit{background: #666;}
.difference_content .right{display: flex; flex-direction: column; gap: 24px;}
.difference_content .right .box{border: 2px solid #21a44f;}
.difference_content .right .tit{background: #21a44f;}
/* 타운화면 들어가 있는 섹션 */
.pr_section .section_inner{margin: -40px auto -16px; display: flex; gap: 160px; align-items: center;}
.pr_section .txt{margin-top: 24px; display: flex; flex-direction: column; gap: 16px;}
/* 영상 섹션 */
.video_section .section_inner{display: flex; gap: 120px; align-items: center;}
.video_section .txt{margin-top: 24px; display: flex; flex-direction: column; gap: 16px;}
.video_section .video_wrap{display: flex; width: 720px; border-radius: 16px; overflow: hidden;}
.video_section .video_wrap video{width: 100%;}
/* 기업 소개 */
.corporation_section .section_inner{display: flex; flex-direction: column; align-items: center; gap: 80px;}
.corporation_section .corporation_content{width: 100%; display: flex; justify-content: space-between;}
.corporation_content .box{flex: 1; display: flex; flex-direction: column; align-items: center; gap: 32px;}
.corporation_content .check_indent{display: flex; flex-direction: column; gap: 8px; align-items: center;}
.corporation_content .check_indent > p{display: flex; font-size: 18px; line-height: 26px; font-weight: 400;}
.corporation_content .check_indent > p:before{content: '';margin: 1px 4px 0 0; align-self: center; width: 24px; height: 24px; background: url("/image/care/b2b/icon_check_bk.svg") center / cover no-repeat;}
/* 상품구성 */
.product_section .section_inner{display: flex; flex-direction: column; align-items: center;}
.product_section .table_wrap{margin-top: 80px; border: 1px solid #e3e3e3; border-radius: 24px; overflow: hidden;}
.product_section .table_wrap th, .product_section .table_wrap td{padding: 32px 40px; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.product_section .table_wrap th{font-size: 16px; line-height: 24px; background: #fbfbfb;}
.product_section .table_wrap b{display: flex; gap: 20px; align-items: center; justify-content: center; font-size: 20px; line-height: 24px;}
.product_section .table_wrap td{font-size: 18px; line-height: 26px; text-align: center;}
.product_section .table_wrap .dot_indent{width: fit-content; margin: 4px auto 0 auto; text-align: left;}
.product_section .tab_container{margin-top: 66px;}
.product_section .tab_content_inner{display: flex; flex-direction: column; gap: 120px; font-size: 18px; line-height: 26px; }
.product_section .tab_content .tit{font-size: 32px; line-height: 38px; font-weight: 700;}
.product_section .tab_content .detail{margin-top: 24px; display: flex; flex-direction: column; gap: 4px;}
.product_section .tab_content .line{display: flex;}
.product_section .tab_content .line .step{display: inline-flex; width: 56px;}
.product_section .tab_content .gry_txt{color: #666;}
.product_section article .d_flex{align-items: center;}
.product_section article .right{margin-left: auto;}
.product_section .property_rolling{margin: 60px -60px 40px; display: flex; gap: 32px; width: calc(100% + 120px); overflow: hidden; white-space: nowrap; box-sizing: border-box;}
.product_section .property_rolling .rolling_inner{flex-shrink: 0; display: flex; gap: 32px; animation: infiniteRolling 20s linear infinite;}
.product_section .property_rolling .rolling_content{position: relative; flex-shrink: 0; width: 81px; height: 106px; display: flex; align-items: flex-end; padding: 10px; font-size: 14px; line-height: 18px; font-weight: 600; color: #fff;}
.product_section .property_rolling .rolling_content.grn{background: url("/image/care/b2b/paper_grn.svg") center / cover no-repeat}
.product_section .property_rolling .rolling_content.bl{background: url("/image/care/b2b/paper_bl.svg") center / cover no-repeat}
.product_section .property_rolling .rolling_content.has_check:after{content: ''; position: absolute; left: 50%; bottom: 36px; transform: translateX(-50%); width: 29px; height: 25px; background: url("/image/care/b2b/icon_check_wh.svg") center / cover no-repeat;}
@keyframes infiniteRolling {
  0% { transform: translateX(0);}
  100% { transform: translateX(-100%);}
}
.product_section .label_div{display: flex; gap: 8px;}
.product_section .label{padding: 4px 12px; font-size: 16px; line-height: 20px; font-weight: 600; color: #fff; border-radius: 6px;}
.product_section .label[aria-label="권리보험"]{background: #232EA3;}
.product_section .label[aria-label="전세사기 법률비용보험"]{background: #FF7B00;}
.product_section .label[aria-label="전문가 법률 상담"]{background: #4838E6;}
.product_section .label[aria-label="등기변동 모니터링"]{background: #F69B00;}
.product_section .label[aria-label="계약관리"]{background: #006FFF;}
.product_section .content_box{display: flex; flex-direction: column; gap: 60px;}
.product_section .box_wrap{width: 100%; display: flex; flex-wrap: wrap; gap: 24px;}
.product_section .box_wrap .gray_box{width: calc(50% - 12px); padding: 32px 32px 24px; background: #f7f7f7; border-radius: 24px;}
.product_section .box_wrap .gray_box .left{display: flex; flex-direction: column;}
.product_section .box_wrap .gray_box small{margin-top: 4px; font-size: 14px; line-height: 22px;}
.product_section .hidden_item .content_tit{margin-bottom: 24px; font-size: 24px; line-height: 36px; color: #333; font-weight: 700;}
.product_section .review_box{width: 100%; display: flex; flex-wrap: wrap; gap: 32px 40px;}
.product_section .review{padding: 32px 24px; width: calc((100% - 80px)/3); display: flex; flex-direction: column; font-size: 16px; line-height: 24px; box-shadow: 0 2px 10px 0 #0000001F; border-radius: 16px;}
.product_section .review_tit{font-size: 20px; line-height: 30px; color: #1a1a1a; font-weight: 700;}
.product_section .review_content{margin: 12px 0 24px; font-weight: 400;}
.product_section .review .score{margin-top: auto; display: flex;}
.product_section .review .star{width: 20px; height: 20px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.product_section .review .star.full{background-image: url("/image/care/b2b/star.svg");}
.product_section .review .star.half{background-image: url("/image/care/b2b/star_half.svg");}
.product_section .review .writer{margin-top: 8px;}


  /* 문의 */
.care_service_intro .inquiry_section{padding: 80px 0 172px;}
.inquiry_section .section_inner{display: flex; flex-direction: column; align-items: center;}
.inquiry_section .txt{margin-top: 24px; color: #666;}
.inquiry_section .cs_center{margin-top: 8px; display: flex; align-items: center; justify-content: center; color: #4d4d4d;}
.inquiry_section .cs_center img{margin-right: 6px;}
.inquiry_section .cs_center span{font-size: 18px;}
.inquiry_section .cs_center a{margin: 0 8px 0 16px; font-size: 24px; line-height: 28px; font-weight: 700; color: #333;}
.inquiry_btn_wrap{margin-top: -132px; margin-bottom: 60px; position: sticky; display: flex; gap: 20px; justify-content: center; bottom: 32px; z-index: 1;}
.inquiry_btn_wrap .btn{padding: 22px 32px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12); border: 2px solid #e3e3e3;}

.care_service_intro .app_download_section{padding: 20px 0; background: #0e1241;}
.care_service_intro .app_download_section .section_inner{display: flex; align-items: center;}
.care_service_intro .btn_wrap{margin-left: auto; display: flex; gap: 16px; align-items: center;}
.care_service_intro .btn_wrap button{display: flex;}

/* footer */
.introduce_footer {border-top: 1px solid #EDEEF2;}
.introduce_footer .inner{display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 32px 0;}
.introduce_footer .company_info{display:flex; align-items: center; justify-content: center;}
.introduce_footer .company_info{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px;}
.introduce_footer .company_info p{font-size: 10px; line-height: 20px; color:#AFAEBA;}
.introduce_footer .footer_logo{margin-top: 24px;}
.introduce_footer .footer_logo img{width: 229.3px; height: 42.35px;}

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

.layer_popup{display: none; position: fixed; align-items: center; top: 0; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999;}
.layer_popup .popup_wrap{position: relative; margin: 0 auto; width: 620px; background: #fff; border-radius: 16px; box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.12);}
.layer_popup .popup_header{padding: 32px 24px 0; display: flex; gap: 8px; align-items: 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: 40px; height: 40px; background: url("/image/icon_xbtn_bk.svg") center / 40px no-repeat;}
.layer_popup .popup_content{flex: 1; padding: 16px 24px; font-size: 16px; line-height: 24px; max-height: calc(100vh - 320px); overflow: auto; overscroll-behavior: none;}
.layer_popup .check_box label{font-size: 16px;}
.layer_popup .guide_txt{font-size: 14px; line-height: 22px;}
.layer_popup .popup_button_wrap{padding: 12px 16px; display: flex; gap: 8px; justify-content: flex-end; width: 100%;}
.layer_popup .popup_button_wrap .btn{padding: 16px 28px; font-size: 18px; line-height: 26px; font-weight: 700; border-radius: 12px; color: #333; background: #f5f5f5;}
.layer_popup .popup_button_wrap .btn_bg_org{color: #fff; background-color: #ff7b00;}
.layer_popup .btn_bg_org.disabled{pointer-events: none; background: #ffe2c7;}
.layer_popup .input_form button{padding: 10px 16px; font-size: 14px; line-height: 14px; font-weight: 500; border: 1px solid transparent; border-radius: 8px;}
.layer_popup .input_form .btn_line{color: #1a1a1a; border-color: #b3b3b3;}
.layer_popup .input_area input{padding: 8px 12px; width: auto; flex: 1;}
.layer_popup .input_area input:read-only{background: #f5f5f5;}
.layer_popup .input_area .btn_wrap{display: flex; gap: 8px; justify-content: center;}
.layer_popup .input_area.changing .btn_wrap{align-self: flex-start;}

.alert_popup{position: fixed; padding: 32px 24px 24px; width: 480px; 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;}
.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: 24px; line-height: 36px; color: #1a1a1a; font-weight: 700;}
.alert_popup .popup_content .text{font-size: 18px; line-height: 26px; color: #4d4d4d;}
.alert_popup .popup_button_wrap{margin-top: 24px; display: flex; justify-content: flex-end; width: 100%;}
.alert_popup .popup_button_wrap button{padding: 16px; font-size: 20px; font-weight: 700; color: #fff; background: #ff7b00; border-radius: 12px;}


.join_care_pop .text{font-size: 16px; line-height: 24px; font-weight: 400; color: #4d4d4d;}
.join_care_pop .input_form{margin-top: 24px; border-bottom: 1px solid #e3e3e3;}
.join_care_pop .input_area{padding: 14px 8px; align-items: center; color: #1a1a1a; border-top: 1px solid #e3e3e3;}
.join_care_pop .input_area .tit{width: 100px; flex-shrink: 0; font-size: 14px; font-weight: 500;}
.join_care_pop .input_area .txt{flex: 1; font-size: 16px; font-weight: 400;}
.join_care_pop .input_area .input_wrap{flex: 1; display: flex; flex-direction: column; gap: 12px;}
.join_care_pop .input_area .btn_wrap{margin-left: 16px; flex-shrink: 0;}
.join_care_pop .check_box{margin-top: 32px;}
.join_care_pop .terms_table{margin-top: 8px;}
.join_care_pop .terms_table table tr{border-bottom: none;}
.join_care_pop .terms_table th{border-right: 1px solid #e3e3e3;}
.join_care_pop .guide_txt{margin-top: 16px;}

.inquiry_pop .input_form{display: flex; flex-direction: column; gap: 16px;}
.inquiry_pop .input_area{display: flex; flex-direction: column; gap: 8px;}
.inquiry_pop .input_area .tit{font-size: 14px; line-height: 18px; font-weight: 600; color: #4d4d4d;}
.inquiry_pop .agree_wrap{margin-top: 24px; border-top: 1px solid #e3e3e3;}
.inquiry_pop .agree_wrap .check_box{margin-top: 16px;}
.inquiry_pop .agree_wrap .terms_table{margin-top: 4px;}
.inquiry_pop .guide_txt{margin-top: 16px;}