/* Desktop - Hide mobile elements (except kakao button) */
@media all and (min-width:768px) {
    .mobile-action-buttons {
        display: none !important;
    }
    
    /* 데스크탑에서 카카오 버튼 우측 하단에 표시 */
    .kakao-talk-button {
        position: fixed !important;
        right: 20px !important;
        bottom: 24px !important;
        width: 80px !important;
        height: 80px !important;
        background: #FFE401 !important;
        border-radius: 50% !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        z-index: 1000 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .kakao-talk-button:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
        background: #F5D800 !important;
    }
    
    .kakao-circle {
        width: 28px !important;
        height: 28px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .kakao-circle img {
        width: 24px !important;
        height: 24px !important;
    }
    
    .kakao-text {
        font-size: 9px !important;
        font-weight: 600 !important;
        color: #391818 !important;
        text-align: center !important;
        line-height: 1.1 !important;
        background: transparent !important;
        padding: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}

@media all and (max-width:767px) {
    
    /* 모바일에서 우측 사이드바 숨김 */
    .right_side_wrap {
        display: none !important;
    }

    .box_member{border:none; border-radius: 10px; padding:50px 20px; box-sizing: border-box; margin: 0 auto;}
    .box_member.only_m{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); box-sizing: border-box;}

    /* 로그인 */
    .login_inner_wrap{display: flex; align-items: center; height: 100%;}
    .login_wrap{box-sizing:border-box; margin-top:20px;}
    .login_wrap li{margin: 10px 0; position: relative;}
    .login_wrap li input{text-indent:14px;}
    .login_wrap .btn_login a{vertical-align: middle;border-radius: 50px; width: 225px; margin:0 auto;display: block; text-align: center; height: 44px; line-height:44px; box-sizing: border-box; font-size: 15px;font-family:'font-b';}

    .search_wrap input{border:none; border-radius:5px; height: 40px; width:100%; text-indent:14px; padding-right:48px; box-sizing: border-box;}


    /* main */
    .main_popup{width: 100%; height:100vh; padding: 0 0px; box-sizing: border-box; position:fixed; z-index: 500; background: rgba(0,0,0,0.7);}
    .popup_wrap{width:100%; height:auto; position:relative; overflow: hidden; background:transparent; border-radius:0px; top:50%; left: 50%; transform:translate(-50%, -50%);}
    .popup_bottom .today_close{cursor: pointer; font-size:14px; color:#fff;}
    .popup_bottom .close{color: #fff; font-size:14px; font-family:'font-b';}

    .popup_bn_swiper{width:100%; height:auto;}
    .popup_bn_swiper .img_box{height:0 !important; padding-top: 100%; overflow: hidden; }
    .popup_bn_swiper .img_box img{ position: absolute; left: 0; top:0; z-index: 1; width: 100%; height: 100%; border-radius: 8px;}
    .popup_bn_swiper .swiper-pagination{ position:absolute; bottom:54px !important; left:50% !important; transform:translateX(-50%); z-index: 100;display: inline-block; right:auto; width:auto;}
    .popup_bn_swiper .swiper-pagination-bullet{border:1px solid #FFFFFF;border-radius: 10px; width:10px; height: 10px; background: transparent; box-sizing: border-box; margin: 0 3px;}
    .popup_bn_swiper .swiper-pagination-bullet-active{background: #FFFFFF80; border:1px solid #fff;}

    .popup_bottom{background: transparent; padding: 0 20px; box-sizing: border-box;}

    /* .modal_slide_today{padding: 0; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow:hidden; padding-bottom: 50px; display: block !important;}
    .modal_slide_today::before{content: ""; display: block; padding-top: 100%;}
    .modal_slide_today .img_box{width: 100%;height: 370px}
    .popup_bottom{z-index:200; overflow: hidden; background: #fff;width: 100%; height: 50px;  position: absolute; bottom:0;padding: 16px 20px;box-sizing: border-box; display: flex;text-align: center;}
    .popup_bottom .today_close{cursor: pointer;flex:1;font-size:16px; color:#999999;}
    .popup_bottom .close{color: #262626;flex:1;font-size:16px; font-family:'font-b';}

    .popup_bn_swiper{position:absolute; top:0; right:0; bottom:0; left: 0;}
    .modal_slide_today .swiper-pagination{ position:absolute; bottom:64px !important; left:50% !important; transform:translateX(-50%); z-index: 100;display: inline-block; right:auto; width:auto;}
    .modal_slide_today .swiper-pagination-bullet{border:1px solid #FFFFFF;border-radius: 10px;width:10px; height: 10px; background: transparent; box-sizing: border-box; margin: 0 3px;}
    .modal_slide_today .swiper-pagination-bullet-active{background: #FFFFFF80; border:1px solid #fff;}
    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display: none;} */

    .md_popup_overlay{position:fixed; width: 100%; height: 100%; top:0; left:0; background: rgba(0,0,0,.5); opacity: 0; visibility: hidden; z-index:200}

    .m_main_wrap{padding-top:10px;}
    .main_search{box-shadow : 0 0px 2px 0px rgb(0 0 0 / 15%); background:#fff; border-radius:14px; display: flex; margin-top:12px;}
    .main_search input{border: none; border-radius:14px;}
    .main_search .btn_del{width:16px; margin-right: 14px;}
    .main_search .main_btn_searh{width:24px; height: 24px; margin-right: 14px;}
    .m_main_bn_1{margin-top:18px; background:var(--main-color) url('/assets/media/main_bn_1.png') no-repeat; background-size: 100%; border-radius: 5px;}
    .m_main_bn_1 a{display: block; height: 162px; display: flex; align-items: center; padding: 0 20px;}
    .m_main_bn_1 h1{color: #fff; line-height: 1.2; font-size: 22px !important;}
    .m_main_bn_1 p{color: #fff; margin-top:6px; font-family: 'font-r'; line-height: 1.4;}
    .m_main_bn_2{display: flex; justify-content: space-between; margin-top:18px;}
    .m_main_bn_2 a{width: calc(50% - 7px);}
    .m_main_bn_2 img{width: 100%;}
    .m_main_bn_3 {display: flex; justify-content: space-between; margin-top:28px;}
    .m_main_bn_3 a{width: calc(50% - 7px); padding-left: 20px; box-sizing: border-box;}
    .m_main_bn_3 a span{font-size:16px; font-family: 'font-b';}
    .m_main_bn_3 a p{color: var(--color-gray-2); font-size: 12px; margin-top: 14px;}
    .m_main_bn_3 img{width:12px; vertical-align: middle; margin-top: -5px;}
    .m_main_bn_3 .v_line{width:1px; height:40px; background:#D2D1D0; display: inline-block;}
    .m_main_bn_4{margin-top: 28px; height: auto !important; margin-bottom:60px; padding-bottom: 30px !important; border-radius: 5px;}
    .m_main_bn_4 .swiper-wrapper{height: auto !important; border-radius: 5px;}
    .m_main_bn_4 img{width:100%; }
    .m_main_bn_4 .swiper-pagination-bullet-active{background:var(--main-color) !important; width:16px;}
    .m_main_bn_4 .swiper-pagination-bullet{background: #D2D1D0; opacity: 1 !important; border-radius:8px !important}
    .cs_bn{background: #f6f6f6; display: flex; justify-content: space-between; margin-top: 20px; margin-bottom:60px;}
    .cs_bn button{flex: 1; display: flex; gap: 10px; font-size: 14px; align-items: center; justify-content: center; padding:14px; box-sizing: border-box; position: relative;}
    .cs_bn button:first-child::after{position: absolute; content: ''; width: 1px; height: 20px; background: #D2D1D0; right: 0;}
    .cs_bn button img{height: 22px;}

    .m_main_body{background: #f5f5f5; min-height: 100vh; padding-bottom:10px; box-sizing: border-box;}
    .main_btn_call{display: flex; align-items: center; color:#F75E39; font-size: 17px; font-family: 'font-b';}
    .main_btn_call img{width: 22px;}
    .bn_group_1_wrap{display: flex; gap: 14px; margin-top: 20px;}
    .bn_group_1_wrap .bn_group_2_wrap{display: flex; flex-direction: column; gap:12px;}
    .bn_item_1{
        background:#F75E39;
        border-radius: 16px;
        flex: 1;
        padding:24px 18px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        transition: all 0.2s ease;
        min-height: 140px;
        position: relative;
        overflow: hidden;
    }
    .bn_item_1:active{
        transform: scale(0.98);
        background:#E54E29;
    }
    .bn_item_1 .banner-content{
        display: flex;
        flex-direction: column;
        gap: 12px;
        z-index: 2;
        position: relative;
    }
    .bn_item_1 .bn_txt{
        font-family: 'font-r';
        font-size:13px;
        color:#fff;
        opacity: 0.95;
    }
    .bn_item_1 .bn_tit{
        font-family: 'font-b';
        font-size:20px;
        color:#fff;
        line-height: 1.4;
    }
    .bn_item_1 .bn_tit span{
        font-family: 'font-b';
        font-size:20px;
        color:#FFE710;
    }
    .bn_item_1 .banner-cta{
        margin-top: 4px;
    }
    .bn_item_1 .ai-search-btn{
        background: #fff;
        border-radius: 8px;
        padding: 10px 14px;
        box-sizing: border-box;
        color:#F75E39;
        font-size: 14px;
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border: none;
        cursor: pointer;
        transition: all 0.2s ease;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    .bn_item_1 .ai-search-btn:active{
        transform: scale(0.95);
        box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    }
    .bn_item_1 .ai-search-btn img{
        width: 16px;
        height: 16px;
    }
    .bn_item_1 .bn_img{
        display: flex;
        justify-content: flex-end;
        position: absolute;
        right: 12px;
        bottom: 12px;
        z-index: 1;
    }
    .bn_item_1 .bn_img img{
        width:92px;
        height: auto;
    }
    .bn_item_2{width: 126px; height: 126px; background: #fff; box-shadow : 0 0px 2px 0px rgb(0 0 0 / 15%); border-radius: 14px; padding: 15px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
    .bn_item_2 .bn_tit{font-size: 15px; font-family: 'font-b';}
    .bn_item_2 .bn_txt{font-size:12px; color:#868686; font-family: 'font-r';}
    .bn_item_2 .bn_txt_item{display: flex; flex-direction: column; gap: 8px;}
    .bn_item_2 .bn_img{display: flex; justify-content: flex-end;}
    .bn_item_2 .bn_img img{width: 32px;}
    .bn_group_3_wrap{display: flex; gap: 14px; margin-top:14px;}
    .bn_group_3_wrap .bn_item_3{background: #fff; box-shadow : 0 0px 2px 0px rgb(0 0 0 / 15%); border-radius: 14px; padding: 15px; box-sizing: border-box; flex: 1; display:flex; flex-direction: column; gap: 8px;}
    .bn_group_3_wrap .bn_item_3 .bn_tit{font-size: 15px; font-family: 'font-b'; line-height: 1.4;}
    .bn_group_3_wrap .bn_item_3 .bn_tit span{font-size: 15px; font-family: 'font-b'; color:#F75E39;}
    .bn_group_3_wrap .bn_item_3 .bn_txt{font-size:12px; color:#868686; font-family: 'font-r'; line-height: 1.3;}
    .bn_group_3_wrap .bn_item_3.bg_1{background:#fff url('/assets/media/m_bn_img_4.png') calc(100% - 15px) calc(100% - 15px)  no-repeat; background-size: 32px;}
    .bn_group_3_wrap .bn_item_3.bg_2{background:#fff url('/assets/media/m_bn_img_5.png') calc(100% - 15px) calc(100% - 15px)  no-repeat; background-size: 32px;}


    /* 분양현장 */
    .m_sales_filter_wrap{margin-top:66px; display:block;}
    .m_dropdown_double_wrap{display: flex; justify-content: space-between; align-items: center; padding: 0 16px;}
    .m_dropdown_double_wrap button{width:calc(50% - 4px) !important;}
    .sales_list_top{display: none;}
    .txt_search_total{margin-bottom:4px; padding: 0 16px; margin-top: 20px;}
    .txt_search_total.over_wrap{margin: 0 -16px;}
    .sales_card{width:100%; position: relative; margin-bottom: 0px; margin-right: 0px; border-bottom: 1px solid #EDEDED;}
    .sales_list_wish{left:90px; top:26px;}
    .sales_card a{display: flex; padding: 16px;}
    .sales_card .sales_card_img{height:100px; width:100px; margin-right: 16px;}
    .sales_card .sales_card_img .img_box{height:100px; width:100px;}
    .sales_list_con{margin-top:0px; width: calc(100% - 116px); overflow: hidden;}
    .sales_list_con .txt_item_1{margin-top:6px; font-size: 16px;}
    .sales_list_con .txt_item_2{font-size: 14px; line-height: 1.4;}
    .sales_list_con .txt_item_3{font-size: 14px; line-height: 1.4;}
    .sales_list_con .txt_item_4{font-size: 14px; line-height: 1.4;}
    .mark_proceeding, .mark_plans{font-size: 13px;}
    .template_wrap{height:250px; margin-top:50px; display: flex; align-items: center; position: relative;}
    .template_wrap .template_txt_wrap{position:absolute; left:50%; top:16px; transform:translate(-50%, 0%); width:100%; padding: 0 16px; box-sizing: border-box;}
    .template_wrap .template_img{width:100%; height: 248px;}
    .template_wrap .template_img .img_box{height: 248px;}
    .template_wrap .template_img img{width:100%;}
    .template_wrap .txt_tit{font-size:18px; font-family: 'font-b';}
    .template_wrap .txt_con{font-size:14px; line-height: 1.6; margin-top:28px;}
    .sales_section_wrap{padding-top:28px;}
    .sales_section_wrap section{padding:0 16px;}
    .tab_type_2.sales_tab{top:50px !important;}
    .sales_section_1, .sales_section_2, .sales_section_2-2, .sales_section_3, .sales_section_4{padding:24px 16px;}
    .sales_section_5{padding:24px 16px 80px 16px;}
    .sales_section_2{background:var(--color-gray-2); padding:24px 16px;}
    .sales_section_1 h3, .sales_section_2 h3, .sales_section_2-2 h3, .sales_section_3 h3, .sales_section_4 h3{font-size:18px;}
    .edu_document .swiper-button-prev, .edu_document .swiper-rtl .swiper-button-next, .edu_document .swiper-button-next, .edu_document .swiper-rtl .swiper-button-prev{color:#fff; background: rgba(0,0,0,0.3); width:26px; height:26px; border-radius: 2px;}
    .edu_document .swiper-button-next:after, .edu_document .swiper-button-prev:after{font-size:14px; }
    .edu_document .document_img{width:100%;}
    .edu_document .swiper-pagination-fraction, .edu_document .swiper-pagination span{color:#fff !important; font-size:14px;}
    .sales_floor_select{width:100%; margin-top: 28px;}
    .floor_title{font-size:24px; font-family: 'font-b'; margin-top:18px;}
    .floor_info{font-size:16px; color: var(--color-gray-2); margin-top: 8px; margin-bottom: 18px;}
    img.floor_img{width:100%;}
    .premium_wrap {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap:10px; width:100%; overflow: hidden; margin-top:38px;}
    .premium_wrap .premium_cell {align-items:center; justify-content:left; border: 1px solid #D2D1D0; border-radius: 10px; padding:22px;}
    .premium_wrap .premium_cell label{color: var(--main-color); font-size:18px; font-family: 'font-b';}
    .premium_wrap .premium_cell p{margin-top:24px; font-size:16px;}
    .premium_wrap .premium_cell div{margin-top:14px; font-size:14px; color: var(--color-gray-2); line-height: 1.4;}
    .sales_schedule_wrap{display:block; margin-top: 38px; overflow: hidden;}
    .sales_schedule_wrap .item_year{font-size:24px; font-family: 'font-b'; width: 100px;}
    .sales_schedule_wrap .sales_schedule_list{margin-top: 24px;position: relative;}
    .sales_schedule_wrap .sales_schedule_list::before{width:1px; height:calc(100% - 58px); background:#9D9999; position: absolute; left:7px; top:5px; content: '';}
    .sales_schedule_wrap .sales_schedule_list li{background: none; border-radius: 5px; margin-bottom:10px; display:block; height:auto; padding: 0 0 0 24px; width:100%; box-sizing: border-box;}
    .sales_schedule_wrap .sales_schedule_list li .schedule_item_1{width: 100px; color: var(--color-gray-2); position: relative;}
    .sales_schedule_wrap .sales_schedule_list li .schedule_item_3{width: 190px; color: var(--color-gray-2); position: relative;}
    .sales_schedule_wrap .sales_schedule_list li .schedule_item_1::before{width:7px; height:7px; background:#9D9999; border-radius: 6px; position: absolute; left:-20px; top:4px; content: '';}
    .sales_schedule_wrap .sales_schedule_list li .schedule_item_2{width:100%; background:#FAFAFA; padding: 0 14px; height: 44px; line-height: 44px; border-radius: 5px; margin-top: 6px; box-sizing: border-box;}
    .txt_sales_address{font-size:16px;}
    .floating_btn_wrap{position: fixed; z-index: 10; bottom: 0; left: 0; width:100%; display:flex; background: #fff;}
    .floating_wish{background:url('/assets/media/btn_like_off.png') 20px 50% no-repeat; background-size: 20px auto; width:150px; display:flex; align-items: center; padding-left:47px; border: 1px solid #D2D1D0; box-sizing: border-box;}
    .floating_wish.on{background:url('/assets/media/btn_like_on.png') 20px 50% no-repeat; background-size: 20px auto;}
    .rotation_wrap{width:100%; height:248px;}
    .rotation_wrap #panorama-360-view{width:100%; height:248px;}
    .map_size{width: 100%; height:250px;}

    /* map */
    .map_wrap{width:100%; height:100vh; box-sizing: border-box; background: #f6f6f6; position: relative; overflow: hidden; padding-top: 110px;}
    .map_p_wrap{width:100%; height:calc(100vh - 110px) !important; position: relative; overflow: hidden; background: #fff000;}
    .map_m_top_wrap{position:fixed; z-index: 10; top:50px; left:0; width: 100%; background: transparent; box-sizing: border-box;}

    /* 지도 컨테이너 강화 */
    #mapArea {
        width: 100% !important;
        height: calc(100vh - 60px) !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    #map {
        width: 100% !important;
        height: calc(100vh - 60px) !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        min-width: 100vw !important;
    }

    /* aroundMap (주변정보 지도) 반응형 스타일 */
    #aroundMap {
        width: 100% !important;
        height: 350px !important;
        min-width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .map_m_top_wrap .community_search_wrap{margin-top:0px !important;}
    .m_swiper_filter{ margin:0px 0 7px 0; padding: 5px 16px !important; box-sizing: border-box;}
    .m_swiper_filter .swiper-wrapper{gap: 8px;}
    .m_swiper_filter .swiper-slide.active::after{display: none;}
    .map_side{display: block; top:0px; background:#fff; width:100%; height:auto; border-right:none; box-sizing: border-box; padding-top:0; overflow: hidden;}
    .side_fixed{background: #fff; position:relative; top:50px; left:0; width:100%; z-index:9; box-sizing: border-box; border-top: 1px solid #EEEDED; padding-bottom: 30px;}
    .map_side .scroll_wrap_1{height:auto; overflow-y:auto; position: relative; padding-bottom: 30px;}
    .map_side_btn{right: 10px; top:170px}
    .map_bottom_tab{position: absolute; display:flex; width:100%; height:44px; bottom:61px; background: #fff; box-sizing: border-box;}
    .map_bottom_tab button{display: flex; flex: 1; justify-content: center; align-items: center; position: relative;}
    /* .map_bottom_tab button::before{content: ''; width: 1px; height: 14px; background:#F16341; position: absolute; left: -1px; top:14px} */
    .map_bottom_tab button span{color:#F16341}
    .map_bottom_area{position:fixed; width:60px; z-index:2; right:0px; bottom:74px;}
    .map_bottom_area.map_bottom_area_2{bottom:120px;}
    .map_bottom_area .map_bottom_btn{width:60px; right: 10px; bottom:auto; z-index:2; display: flex; flex-direction: column; gap: 8px; position: relative !important;}
    .map_bottom_btn.p_area{bottom: 120px !important;}
    .map_bottom_btn button{background: #fff; border-radius:6px; display: flex; flex-direction: column; gap:6px; font-size: 11px; letter-spacing: -1px; align-items: center; padding:10px 0; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
    .map_bottom_btn button img{width:22px;}
    .map_view_btn{position:fixed; z-index: 2; left: 50%; transform: translateX(-50%); bottom:74px; background:#fff; border:2px solid #F75E39; border-radius: 50px; padding:15px 19px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
    .map_view_btn.map_view_btn_2{bottom:118px;}
    .map_view_btn .txt_point {color: #F75E39 !important;}
    .side_list_wrap{width: 100%; height:calc(100vh - 50px); padding-top: 50px;}
    .side_list_wrap .tab_area_wrap .side_list_scroll{height:calc(100vh - 142px);}
    .side_list_wrap .tab_area_wrap1 .side_list_scroll{height:calc(100vh - 142px);}
    .modal_container_full{padding: 0;}
    .modal_container_full .side_list_scroll{overflow-y: auto; height:calc(100vh - 1px); background: #fff; padding-top: 50px;}
    .modal_container_full .side_list_scroll.type_2{padding-top:0 !important; height: calc(100vh - 93px) !important;}
    .side_list_tab {
        width: 100%;
        display:block;
        align-items: center;
    }

    .side_list_tab li {
        width: 50%;
        height: 44px;
        color: var(--color-gray-3);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-bottom: 1px solid #F0F0F0;
        box-sizing: border-box;
    }

    .side_list_tab li.active {
        color: var(--txt-color);
        position: relative;
    }
    .min_height{min-height: calc(100vh - 110px);}
    .search_open{background:#fff; width:calc(100% - 32px); min-height:60px; max-height: 200px; border:1px solid #D2D1D0;top:42px; z-index:9; padding: 14px; border-radius: 0 0 5px 5px; left:50%; transform:translateX(-50%);}
    .search_open.main_search_open{top:137px; border:1px solid #F16341;}
    /* map marker */
    .iw_inner p{color:#F16341; line-height: 1.2; font-size: 12px; text-align: left;}
    .iw_inner p span{color:#F16341; font-family: 'font-b'; font-size: 12px;}
    .iw_inner.active p{color:#fff; line-height: 1.2;}
    .iw_inner.active p span{color:#fff; font-family: 'font-b';}

    /* 중개사무소 */
    .agent_head{padding: 44px 0; background: #fff; border-bottom: 1px solid #EEEDED; display: flex; justify-content: center; align-items: center; gap: 20px; padding: 0 16px; box-sizing: border-box; padding-top: 70px;}
    .agent_head .agent_img{width:60px; height:60px;}
    .agent_head .agent_img .img_box{border-radius: 99.9%; border: 1px solid #F0F0F0;}
    .agent_img .img_box img{width:60px; height:60px;}
    .agent_head .agent_detail_info{width:calc(100% - 80px);}
    .agent_head .agent_detail_info h3{margin-bottom:22px; display: none;}
    .agent_head .agent_detail_info .info_row{display: flex; gap: 8px; font-size:14px; margin-bottom: 8px; line-height: 1.4;}
    .agent_head .agent_detail_info .info_row span{font-size:14px; color: var(--color-gray-2); min-width: 28px;}
    .agent_sort_wrap .list_sort2{margin-right: 16px;}
    .agent_sort_wrap .list_sort2 li{font-size: 14px;}
    .m_sales_filter_wrap.agent_filter_wrap{margin-top:20px !important; display:block;}


    /* 방상세 */
    .agent_box{position:relative; box-shadow:none; border: none; right: 0; top:0; width: 100%; border-bottom:10px solid #F5F5F5;}
    .room_info_wrap{display: none;}
    .room_section_1{display: block; padding-top:0px; }
    .room_section_1 .room_detail_img{width:100%; height:220px;}
    .room_img .swiper-button-next, .room_img .swiper-button-prev{display: none;}
    .room_img .swiper-slide{height:220px;}
    .room_img .swiper-slide .img_box{height:220px;}
    .room_section_1 .room_detail_info{width:100%; padding: 0 16px; box-sizing: border-box;}
    .btn_floting_wrap{bottom:50px; right:0; left: auto;}
    .btn_floting_wrap, .btn_floting{width:40px;}
    .room_detail_info{text-align: center;}
    .room_detail_info .txt_item_1{display: none;}
    .room_detail_info .txt_item_2{font-size: 24px;}
    .room_detail_info .txt_item_2 span{display:inline-block; color:#F16341; font-size:24px; font-family: 'font-b'; line-height: 1.4;}
    .room_detail_info .txt_change_wrap{display: flex; flex-direction: column-reverse; margin-top: 22px;}
    .room_detail_info .txt_item_3{margin-bottom:8px;}
    .room_detail_info .txt_item_3{font-size: 16px;}
    .room_detail_info .txt_item_4{margin: 8px 0 22px 0;}
    .room_detail_info .txt_item_5{border-bottom: 1px solid var(--gray-line); padding-bottom: 20px;}
    .room_detail_info .txt_item_6 li{width: 33.3%; text-align: center; font-size:16px; color:#2A2828;}
    .room_detail_info .txt_item_6 li p{display: block; text-align: center; color:#9D9999; font-size: 14px; margin-top:8px;}
    .room_detail_info .txt_item_6 li i, .room_detail_info .txt_item_6 li span{display: none;}
    .detail_btn_wrap{display: none;}
    .btn_3d{border-radius: 5px; padding:10px 14px; color:#63605F; font-size:14px; display: flex; align-items: center; width:fit-content; margin:20px auto;}
    .btn_3d img{width:20px; margin-right: 6px;}
    .room_section_wrap{padding-bottom:40px; display:block;}
    .room_section_wrap section{border-bottom:10px solid #F5F5F5; width:100%; padding:22px 18px; box-sizing: border-box;}

    .room_option_wrap{width:calc(100% + 18px);}
    .room_option_wrap ul{display:flex; overflow-x:auto; overflow-y: none; padding-bottom: 10px;}
    .detail_info_container{font-size: 14px; background: #fff; padding: 0;}
    .detail_info_container_btn {appearance: none; text-align:center; padding:13px; cursor: pointer; color:#63605F; display:block !important; background:url('/assets/media/ic_select_arrow.png') calc(50% + 50px) center no-repeat; background-size: 10px auto;}
    .detail_info_container_btn:before {content: '상세설명 열기';}
    .detail_info_container_btn:checked[type='checkbox']{appearance: none; background: none; background:url('/assets/media/ic_arrow_close.png') calc(50% + 50px) center no-repeat; background-size: 10px auto;}
    .detail_info_container_btn:checked::before {content: '상세설명 닫기';}
    .detail_info_container:has(+ .detail_info_container_btn:checked) {-webkit-line-clamp:unset; }

    .between_section{display:block; justify-content: space-between; margin-top: 8px;}
    .section_chart_wrap, .section_price_wrap{width:100% !important; padding: 10px 0;}
    .mediation_price{width:100%; margin-top: 22px;}
    .mediation_room_img{width:180px; height:110px;}
    .mediation_room_img .img_box{width:180px; height:110px;}
    .mediation_txt_item1{font-size: 16px; font-family: 'font-b'; margin-top: 10px;}
    .mediation_txt_item2{font-size: 14px; margin-top: 8px;}
    .mediation_txt_item3{font-size: 14px; color:#63605F; margin-top: 8px;}

    .room_bottom_wrap{position:fixed; width: 100%; left:0; bottom:0; display:flex; height: 50px; z-index: 10;}
    .room_bottom_wrap div{width:150px; height: 50px; flex-grow: 0; cursor: pointer; text-align: center; line-height: 50px; background:#fff; border: 1px solid #D2D1D0; box-sizing: border-box;}
    .room_bottom_wrap .btn_bottom_wish span{width:16px; height: 14px; background: url('/assets/media/btn_like_off.png'); background-size:16px auto; display: inline-block; margin-right: 4px; vertical-align: middle;}
    .room_bottom_wrap .btn_bottom_wish.on span{background: url('/assets/media/btn_like_on.png'); background-size:16px auto;}
    .room_bottom_wrap .btn_bottom_wish.on{color:#F16341;}
    .room_bottom_wrap a{flex-grow: 1;}

    .layer_share_wrap.layer_share_top{margin-top: 8px !important; right: 16px;}/* header에 있을 경우 */


    /* 커뮤니티 */
    .only_pc{display:none;}
    .community_wrap {display:block;}
    .community_area{width:100%; box-sizing: border-box; border-left:none; border-right:none; overflow: hidden; padding-bottom:60px;}
    .community_area .community_inner_wrap{padding: 0px 16px 0px 16px;}
    .community_area .community_inner_wrap.reg_type{padding:40px 16px 20px 16px;}
    .community_side_wrap{display: none;}
    .community_row_body h3{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 16px;}
    .community_row_body h3 span{font-size:16px;}
    .community_row_body .txt_item_1{font-size:14px; margin-top:8px; font-family: 'font-r'; white-space: normal; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .community_row_body .txt_item_2 span{font-size:13px;}
    .img_add_wrap, .img_add_wrap.reg_step_type {display: grid; grid-template-columns: repeat(4, 1fr) !important; grid-gap:10px; width:100%; margin-top:14px;}
    .img_add_wrap .cell .btn_img_delete{width:18px; position: absolute; right:4px; top:4px; z-index: 2; cursor: pointer;}
    .modal_big_img{width:100% !important;}
    .modal_big_img img{max-width:100%; max-height: 90%;}
    .modal_big_img .big_img_close{width: 24px; height: 24px; top:-34px; right:14px; position: absolute; cursor: pointer;}

    .comment_reg_wrap{border:none; border-top: 1px solid #D2D1D0; background: #fff; border-radius:0px; padding: 14px; position:fixed; width: 100%; bottom: 0; left: 0; box-sizing: border-box;}
    .comment_reg_wrap textarea{border:none; height:30px; padding-right:55px !important; box-sizing: border-box; padding:0;}
    .comment_reg_wrap .comment_reg_btn{position: absolute; right: 14px; bottom: 14px; background: #EEEDED; color: var(--color-gray-2); border-radius: 10px; padding: 8px 10px;}
    .comment_reg_wrap .comment_reg_btn.on{background: #fff; border: 1px solid #D2D1D0; color:#2A2828;}
    .comment_nik{display: none; position: absolute; left:0; top:-40px; color: var(--main-color); background: #F5F5F5; height: 40px; width: 100%; padding: 14px; box-sizing: border-box;}
    .list_sort_wrap{display: flex; justify-content: space-between; border-bottom: 1px solid #EEEDED; padding-bottom: 14px;}
    .community_search_wrap{margin-top:60px !important;}
    .search_page .map_m_top_wrap{margin-top:20px !important;}

    .layer_menu{right:10px;}


    /* 마이페이지 */
    .my_inner_wrap{width:100%; margin: 0 auto;}
    .my_wrap{display: block;}
    .my_main_body{display: none;}
    .my_side{width:100%; margin-top:50px; box-sizing: border-box;}
    .my_side.only_pc{display: none;}
    .my_gnb{margin-bottom: 80px;}
    .my_gnb li{background: url('/assets/media/ic_list_arrow.png') calc(100% - 16px) center no-repeat; background-size: 6px auto; padding: 0 16px;}
    .my_gnb li:last-child{background: none;}
    .my_gnb li a{padding:14px 0px; display:block;}
    .my_gnb li.active a{background:transparent; color:var(--txt-color);}
    .my_gnb li.only_m{border-bottom: 10px solid #EEEDED; padding-bottom:15px; margin-bottom: 15px;}
    .my_body{padding-bottom: 60px; min-height: auto !important;}

    .my_tab_wrap{margin-top: 20px;}
    .my_tab_wrap.inner_out{margin: 20px -16px 0 !important;}
    .my_tab_wrap.inner_out .tab_type_5, .my_tab_wrap .tab_type_5{padding: 0 0;}
    .my_tab_wrap li{width: 50%; text-align: center;}
    .my_search_wrap{display:flex; justify-content:unset; flex-direction: column-reverse; margin-top:16px; padding: 0 16px;}
    .my_search_wrap .sort_wrap{display: flex; justify-content: space-between; margin-top: 8px;}
    .my_search_wrap .dropdown_box{width:calc(50% - 6px); margin-right: 0;}
    .border_top{padding: 0 16px;}
    .border_top.m_break{display:block;}
    .border_top.m_break .txt_search_total{margin-bottom: 8px;}
    .border_top .gray_basic{font-size: 13px;}
    .list_m_cnt{display: flex;}
    .list_m_cnt .list_thumb_1{margin-right:14px;}
    .list_view .tit{font-size: 16px; font-family: 'font-b';}
    .list_view .summary{margin-top:4px; line-height: 1.4;}
    .list_view .txt_item_1{color:var(--color-gray-2); margin-top: 6px;}
    .list_view .txt_item_2{color:var(--color-gray-3); margin-top: 4px;}
    .alarm_list{display: block;}
    .alarm_list button{width: 100%; margin-top: 8px;}
    .alarm_item_1{display:block;}
    .alarm_list .alarm_dday{width:100%;}
    .alarm_list .alarm_address{width:100%; margin-top:8px;}
    .alarm_arrow{display: none;}
    .alarm_list .alarm_date{font-family: 'font-r'; color: var(--color-gray-3); margin-left:0px; margin-top: 6px; position: relative; display: block;}
    /* .alarm_list .alarm_date::before{display: none;} */

    .proposal_row h4{font-size: 14px;}
    .proposal_row .proposal_item_1{flex: 1 0;}
    .proposal_item_2 button{display: none;}
    .proposal_item_2 .txt_date{font-size: 13px;}
    .proposal_m_btn{display: flex; justify-content: space-between; margin-top: 8px;}
    .proposal_m_btn button:last-child{margin-left:10px; width:110px}
    .proposal_m_btn button{padding:0 30px;}

    .proposal_detail_wrap h3{font-size: 16px;}
    .proposal_toggle_btn{display:block; width:14px;}

    .m_offer_list_card{border-bottom: 1px solid var(--gray-line); padding: 14px 0;}
    .offer_card_info{width:calc(100% - 80px); padding-left:10px; box-sizing: border-box;}
    .offer_card_info .txt_item_1{font-family: 'font-b'; line-height: 1.6;}
    .offer_card_info .txt_item_1 span{color: var(--color-gray-3); font-family: 'font-r';}
    .offer_card_info .txt_item_2{font-size: 13px; line-height: 1.2;}
    .offer_card_info .txt_item_3{font-size: 13px; margin-top: 8px; color:var(--color-gray-2)}
    .offer_step_wrap{margin-top: 48px;}
    .box_reg{border: none; padding:14px 0 !important;}
    .box_reg .w_30{width: 100% !important;}
    .box_reg .m_full{width: 100% !important;}
    .step_btn_wrap button:first-child{width:100px; margin-right: 8px;}
    .step_btn_wrap :last-child{width:auto; flex: 1;}
    .offer_textarea_wrap textarea{width:100%; height: 125px;}
    .calculator_btn_wrap{text-align: left; margin-top: 24px;}
    .calculator_btn_wrap button{width: 100%;}
    .calculator_container{display:grid; gap:28px 0px; grid-template-columns: repeat(1, 1fr); margin-top: 20px;}
    .calculator_container .revenue_item{border:none; border-radius:0px; padding:0px; background: url('/assets/media/img_watermark.png') calc(100% - 50px) center  no-repeat; background-size:100px auto;}
    .calculator_container .revenue_item .table_container .td{padding:10px 14px;}
    .calculator_container .loan_item{border:none; border-radius:0px; padding:0px;}
    .repayment_schedule_wrap{overflow-y:auto; margin-top:10px; height: 300px;}
    .schedule_tit_tiem span{font-size:14px;}
    .repayment_table th, .repayment_table td{font-size: 13px;}
    .input_area_1 input{width:calc(90% - 110px)}
    .address_reg_wrap{display:block; gap:22px;}
    .inner_map{border: 1px solid #D2D1D0; border-radius: 5px; display: flex; align-items: center; color:#D2D1D0; justify-content:center; text-align: center; line-height: 1.4; height: 200px; margin-top:18px;}
    .address_reg_wrap .inner_item.inner_map.only_m{display: flex;}
    .wish_wrap .tab_type_6{padding: 0 16px;}
    .input_area_2{display:block;}
    .input_area_2 .item_check_add{width:200px; margin-left:0px; padding-top:0px; margin-bottom: 10px; margin-top: -5px; background: #fff;}

    .m_memo{width: calc(60% - 10px); border: 1px solid #EEEDED; border-radius: 5px; padding: 14px; box-sizing: border-box; margin-top: 8px; color: #63605F; background: #FAFAFA;}
    .m_memo .txt_item{color: #9D9999;}
    .asset_dashboard_wrap{display: block; padding-bottom:18px;}
    .asset_dashboard_wrap .ds_item_1{width:100%; border: none; padding: 0;}
    .detail_open_wrap{display: flex; justify-content: space-between;}
    .detail_open_wrap button{width:24px; padding: 6px; display: flex; align-items: center;}
    .detail_price_wrap{display: block;}
    .asset_dashboard_wrap .ds_item_2{display: none;}
    .asset_detail_top_wrap{padding: 20px 0;}
    .m_asset_reg{border-top:10px solid #F5F5F5; border-bottom:10px solid #F5F5F5; padding:14px 16px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
    .m_asset_reg .ic_estate{width: 20px; margin-right: 8px; vertical-align:middle;}
    .m_asset_reg i img{width:6px;}
    .m_asset_wrap{border-bottom: 10px solid #F5F5F5; padding: 16px;}
    .m_asset_top{display: flex; justify-content: space-between; align-items: center;}
    .asset_row_total{margin-top:4px;}
    .m_asset_list li{background:#F5F5F5; border-radius: 5px; margin: 10px 0;}
    .m_asset_list li .trigger{padding: 14px 16px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
    .m_asset_list li .trigger .dropdown_arrow{width:14px;}
    .m_asset_list li .trigger .dropdown_arrow.rotate{transform: rotate(180deg);}
    .m_asset_list li .m_asset_detail_row{display: none; padding: 0 16px 14px 16px;}
    .m_asset_list li .list_detail_item{color: var(--color-gray-2); padding: 4px 0; display: flex; justify-content: space-between;}
    .price_status_box{display: block; border: none; padding:10px 14px 12px 14px;}
    .price_status_box .status_item div{margin-top:0px;}
    .price_status_box .status_item{width:100%; text-align: left; font-size: 14px; display: flex; justify-content: space-between; align-items: center; padding:6px 0; box-sizing: border-box;}
    .price_status_box .status_item_red, .price_status_box .status_item_blue{padding-left: 15px;}
    .price_status_box .status_item_red::before{width:10px; height:10px;}
    .price_status_box .status_item_blue::before{width:10px; height:10px;}
    .download_wrap{display: block; margin-top: 18px;}
    .download_wrap .download_item{width:100%; display: flex; flex-direction: row-reverse;}
    .download_img_box{width: 80px; height: 80px;}
    .download_wrap .flex_between{flex: 1; padding-left: 10px;}

    .reg_mid_wrap{width:100%; display: flex; flex-direction:column; gap:22px;}
    .input_pyeong_area{display: flex; justify-content: space-between; gap:8px;}
    .input_pyeong_area input{width:calc(100% - 20px);}

    .document_reg_list li .document_img_reg{width:80px; height:80px; text-align: center; background: #F5F5F5; border: 1px solid #F5F5F5;}
    .document_reg_list li .document_area{display: flex; align-items: center; gap:14px; width: calc(100% - 70px); }
    .document_name_wrap{width:calc(100% - 100px);}
    .document_name_wrap .document_name span{font-size:13px; color:#9D9999; width: calc(100% - 40px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: inline-block; height: 18px;}
    .document_reg_list .gap_8{display: flex; flex-direction:column;}

    .proposal_list_row{display:flex; flex-direction: column; justify-content: flex-start; gap: 14px; padding: 14px;}
    .list_item_2{position: relative;}
    .list_item_2 .btn_arrow{display: none;}
    .list_item_2 .txt_date{position: absolute; top:-40px; right:0px}
    .list_item_2 .gap_8{width:100%;}
    .list_item_2 .gap_8 button:first-child{flex: 1;}
    .list_item_2 .gap_8 button:last-child{width:92px}

    .company_name{margin-top: 30px; display: flex; justify-content: space-between; align-items: center; gap: 8px;}
    .bottom_btn_wrap{display:flex; justify-content:space-between; margin-top:38px; margin-bottom: 16px; gap: 8px; padding: 0 16px; box-sizing: border-box;}
    .bottom_btn_wrap button:first-child{width:120px; padding:0 0 !important;}
    .bottom_btn_wrap button:last-child{padding:0 0 !important; flex: 1;}

    .proposal_type_tab .swiper-wrapper{display: flex; justify-content:flex-start;}

    .proposal_share_btn{position:fixed; right:20px; top:5px; z-index:100}
    .share_entre{position:absolute; right:20px; top:5px; z-index:2; z-index:10; position: fixed;}

    .share_calculator_container{display:block; margin-top:0px;}
    .share_calculator_container .revenue_item{border:none; border-radius:10px; padding: 28px; background: url('/assets/media/img_watermark.png') 250px center  no-repeat; background-size:100px auto;}

    /* 제안서 템플릿 - 16:9 비율 */
    .type_view_wrap section{width:100%; aspect-ratio: 16 / 9; margin: 0 auto; box-sizing: border-box; }
    .type_view_wrap section.type_1_1{padding: 16px; background: url('/assets/media/type1_img_1.png') no-repeat; background-size:100% 100%;}
    .type_view_wrap section.type_1_page{padding:10px;}
    .type_view_wrap section.type_1_1 h1{color: #fff; font-size:15px; line-height: 1.2;}
    .type_view_wrap section.type_1_1 .txt_item_1{color:#fff; margin-top: 10px; font-size:7px;}
    .type_1_index{width:130px; display: flex; flex-direction: column; gap:18px; position: absolute; right:16px; bottom:20px;}
    .type_1_index .index_tit .index_number{width: 30px; color: #fff; font-size:11px; text-align: right;}
    .type_1_index .index_tit .index_name{position: relative; color:#fff; font-size:11px; flex: 1;}
    .type_1_index .index_tit .index_name:after{content: ''; position: absolute; left:90px; top:8px; width:calc(100% - 80px); height: 1px; background: #fff;}
    .type_1_index .index_item_list .index_item_row{color:#fff;position: relative; padding-left:6px; font-size:7px;}
    .type_1_index .index_item_list .index_item_row::before{content: ''; width:2px; height:2px; border-radius:5px; background: #fff; position: absolute; top:2px; left: 0;}
    .type_1_page h2{font-size:14px; color:#fff; padding-left: 0px;}
    .type_1_page h3{font-size:12px; margin-top:30px; padding:8px;}
    .type_view_wrap section.type_2_1 .txt_item_1{margin-top:2px;}
    .print_page .page_layer{padding:8px;}
    .print_page .page_layer h2{font-size: 15px;}
    .proposal_type_1 h3{margin-top: 20px; font-size:14px; padding: 8px;}

    .proposal_type_item .item_wrap{display: flex; justify-content: space-between; gap:18px; margin-top:20px;}
    .proposal_type_item .item_wrap div{flex: 1;}
    .proposal_type_item .item_wrap .item_img{width:100%; height:120px; margin-top:10px;}
    .proposal_type_item .item_wrap .item_img iframe{width:100%; height:120px;}
    .proposal_type_item .item_wrap .item_img .img_box{height: 120px;}
    .proposal_type_item .item_wrap .item_img img{height: 120px; width: 100%; object-fit: cover;}
    .proposal_type_item .item_wrap h5{font-size:10px; height: 20px;}
    .proposal_type_item .item_2_wrap{display: grid; grid-template-columns:repeat(2, 1fr); gap:10px; margin-top:10px;}
    .proposal_section_table, .proposal_section_table th, .proposal_section_table td{border: 1px solid #EDEDED;}
    .proposal_section_table th, .proposal_section_table td{padding:3px; font-size: 7px;}
    .proposal_section_table th{background:#FAFAFA; text-align: left; color:#63605F; font-size: 7px;}
    .proposal_section_table td span{font-size: 7px;}
    .proposal_type_item .item_3_wrap{display: grid; grid-template-columns:repeat(2, 1fr); gap:10px; grid-row-gap:10px; width:100%; margin:30px auto 0;}
    .proposal_type_item .item_3_wrap .item_img{width:100%; height:105px;}
    .proposal_type_item .item_3_wrap .item_img .img_box{height:105px;}
    .proposal_type_item .item_3_wrap .item_img img{height:105px; width: 100%; object-fit: cover;}
    .proposal_type_item .item_4_wrap {display: flex; justify-content: space-between; gap:10px; margin-top:20px;}
    .proposal_type_item .item_4_wrap h4{font-size:10px; border: 1px solid #EDEDED; padding:6px; text-align: center; margin-bottom:5px;}
    .proposal_type_item .item_4_wrap .item_div{flex: 1;}
    .proposal_section_table_2 th{color:#63605F; padding:1px 5px; text-align: left; font-size:6px;}
    .proposal_section_table_2 td{text-align: right; padding:1px 5px; font-size:6px;}
    .proposal_section_table_2 .txt_item_1, .proposal_section_table_2 .txt_item_2{font-size:5px;}
    .type_view_wrap section.type_1_5 .txt_item_end{color:#fff; font-size:30px;}
    .type_view_wrap section.type_1_5 .end_company_wrap{position:absolute; right:16px; bottom:16px; text-align: right; display:flex; flex-direction: column; gap:10px;}
    .type_view_wrap section.type_1_5 .end_company_wrap .txt_item_1{color:#fff; font-size: 8px; line-height: 1.3;}
    .type_view_wrap section.type_1_5 .end_company_wrap .txt_item_2{color:#fff; font-size: 10px; line-height: 1.4; font-family: 'font-b';}
    .type_view_wrap section.type_1_5 .end_company_wrap .txt_item_3{color:#fff; font-size: 6px;}

    .type_view_wrap section.type_2_1 h1{font-size:15px; line-height: 1.2;}
    .type_view_wrap section.type_2_1 .txt_item_1{margin-top: 10px; font-size:7px;}
    .type_view_wrap section.type_2_page{padding:10px 16px; box-sizing: border-box;}
    .type_view_wrap section.type_2_page h2{font-size: 14px;}
    .type_2_index{display: grid; grid-template-columns:repeat(2, 1fr); gap:80px; grid-row-gap:18px; margin-top:30px;}
    .type_2_index .index_tit{display:flex; align-items: center; width:100%; justify-content: space-between;}
    .type_2_index .index_tit .index_number{width: 30px; font-size:9px; text-align: right; font-family: 'font-b';}
    .type_2_index .index_tit .index_name{position: relative; font-size:9px; flex: 1; font-family: 'font-b';}
    .type_2_index .index_tit .index_name:after{content: ''; position: absolute; left:80px; top:5px; width:calc(100% - 70px); height: 1px; background: #D2D1D0;}
    .type_2_index .index_item_list{display:flex; flex-direction: column; gap:2px; margin-top:5px; min-height:40px;}
    .type_2_index .index_item_list .index_item_row{position: relative; padding-left:6px; font-size:6px;}
    .type_2_index .index_item_list .index_item_row::before{content: ''; width:2px; height:2px; border-radius: 5px; background: #2A2828; position: absolute; top:4px; left: 0;}
    .type_view_wrap section.type_3_page{padding:10px 16px;}
    .type_view_wrap section.type_3_page h2{margin-top:0px; font-size: 14px;}
    .proposal_type_2 h3{font-size: 13px; padding: 10px; margin-top:15px;}
    .proposal_type_2 .item_wrap{margin-top: 10px;}
    .proposal_type_2 .item_wrap_box{background: #fff; border: 1px solid #EDEDED; box-sizing: border-box; padding:8px; flex: 1; height:200px;}
    .proposal_type_2 .item_wrap_box .item_info{height: 30px;}
    .proposal_type_2 .item_wrap_box .item_info h5{height: auto; margin-bottom: 4px;}
    .proposal_type_2 .item_wrap_box .item_info p{font-size: 9px; margin-top: 0;}
    .proposal_type_2 .item_4_wrap{margin-top:10px;}
    .proposal_type_2 .item_4_wrap .item_div{border-radius:3px; padding-bottom: 8px;}
    .proposal_type_2 .item_4_wrap h4{border: none; font-size:10px;}
    .proposal_type_2 .proposal_section_table_2 th{color:#63605F; padding:1px 5px; text-align: left; font-size:6px;}
    .proposal_type_2 .proposal_section_table_2 td{text-align: right; padding:1px 5px; font-size:6px;}
    .proposal_type_2 .proposal_section_table_2 .txt_item_1, .proposal_section_table_2 .txt_item_2{font-size:5px;}
    .proposal_type_2 .proposal_section_table_2 .txt_item_1{margin-top:0px !important; font-size: 5px !important;}
    .type_view_wrap section.type_2_5 .txt_item_end{ font-size:20px;}
    .type_view_wrap section.type_2_5 .txt_item_end p{font-size: 10px; margin-top: 3px;}
    .type_view_wrap section.type_2_5 .end_company_wrap{position:absolute; right:16px; bottom:16px; text-align: right; display:flex; flex-direction: column; gap:10px;}
    .type_view_wrap section.type_2_5 .end_company_wrap .txt_item_1{color:#fff; font-size: 8px; line-height: 1.3;}
    .type_view_wrap section.type_2_5 .end_company_wrap .txt_item_2{color:#fff; font-size: 10px; line-height: 1.4; font-family: 'font-b';}
    .type_view_wrap section.type_2_5 .end_company_wrap .txt_item_3{color:#fff; font-size: 6px;}

    .type_3_1 .ghost_box{width: 90%; border:4px solid #fff;}
    .type_3_1 .ghost_box h1{font-size:20px;}
    .type_3_1 .ghost_box .txt_item_1{font-size:11px;}
    .type_3_2{padding:16px; box-sizing: border-box;}
    .type_3_2 h2{color: #fff; font-size:16px;}
    .type_3_index {display: grid; grid-template-columns:repeat(3, 1fr); gap:20px; grid-row-gap:20px; margin-top:20px;}
    .type_3_index .index_item{width:100%; display: flex;}
    .type_3_index .index_item .index_number{width:25px; color:#fff; font-size:14px; font-family: 'font-b';}
    .type_3_index .index_item .index_list .index_name{font-size:14px; color:#fff; font-family: 'font-b';}
    .type_3_index .index_item .index_item_list {display: flex; flex-direction:column; margin-top:8px; gap:5px;}
    .type_3_index .index_item .index_item_list .index_item_row{color: #fff; font-size:7px; padding-left:3px; position: relative;}
    .type_3_index .index_item .index_item_list .index_item_row::before{content: ''; width:2px; height:2px; border-radius: 5px; background: #fff; position: absolute; top:3px; left:-2px;}
    .proposal_type_3 .type_page{background:#fff url('/assets/media/type3_img_2.png') top no-repeat; background-size:100% auto; padding:10px 16px; box-sizing: border-box;}
    .proposal_type_3 .type_page h2{font-size: 14px;}
    .proposal_type_3 h3{font-size:14px; background:#FAFAFA; border: 1px solid #EDEDED; margin-top:20px; text-align: center; padding:10px;}
    .proposal_type_3 .item_info{height:30px;}
    .proposal_type_3 .item_info h5{height: auto;}
    .proposal_type_3 .item_info p{margin-top:4px; font-size:8px;}
    .proposal_type_3 h4{font-size:11px; border: 1px solid #EDEDED; background:#F5F5F5; padding:10px; text-align: center; margin-bottom: 10px;}
    .proposal_section_table_2 .txt_item_1{line-height:1.2;}
    .type_3_1 .ghost_end_box{width:90%; border:4px solid #fff; height:50%; display: flex; justify-content:space-between; align-items: center; padding:16px; box-sizing: border-box;}
    .type_3_1 .ghost_end_box .txt_item_end{color: #fff; font-size:16px; font-family: 'font-b';}
    .type_3_1 .end_company_wrap{ display:flex; flex-direction: column; gap: 8px;}
    .type_3_1 .end_company_wrap .txt_item_1{color:#fff; font-size:8px; line-height: 1.3;}
    .type_3_1 .end_company_wrap .txt_item_2{color:#fff; font-size:10px; line-height: 1.4; font-family: 'font-b';}
    .type_3_1 .end_company_wrap .txt_item_3{color:#fff; font-size:8px;}

    .type_4_1 .ghost_box{width:100%; border-top:2px solid #fff; border-bottom:2px solid #fff; height:80%;}
    .type_4_1 .ghost_box h1{color:#fff; font-size:18px; line-height: 1.2;}
    .type_4_1 .ghost_box .txt_item_1{font-size: 8px; margin-top: 0;}
    .type_4_1 .ghost_box .txt_item_end{font-size:18px;}
    .type_4_1 .ghost_box .end_company_wrap{ display:flex; flex-direction: column; gap:10px; text-align: right;}
    .type_4_1 .ghost_box .end_company_wrap .txt_item_1{font-size:8px; line-height: 1.3; text-align: right;}
    .type_4_1 .ghost_box .end_company_wrap .txt_item_2{font-size:10px; line-height: 1.4; font-family: 'font-b'; text-align: right;}
    .type_4_1 .ghost_box .end_company_wrap .txt_item_3{font-size:8px; text-align: right;}
    .type_4_index{display: grid; grid-template-columns:repeat(2, 1fr); gap:60px; grid-row-gap:14px; margin-top:20px;}
    .type_4_index .index_tit .index_number{color:#fff; width:30px; font-size:8px;}
    .type_4_index .index_tit .index_name{position: relative; color:#fff; font-size:8px; flex: 1;}
    .type_4_index .index_tit .index_name:after{content: ''; position: absolute; left:70px; top:3px; width:calc(100% - 60px); height: 1px; background: #D2D1D0;}
    .type_4_index .index_item_list{display: flex; flex-direction: column; gap:2px; margin-top:10px; min-height:45px;}
    .type_4_index .index_item_list .index_item_row{position: relative; padding-left:10px; color:#fff; font-size: 6px;}
    .type_4_index .index_item_list .index_item_row::before{content: ''; width:2px; height:2px; border-radius:5px; background: #fff; position: absolute; top:3px; left: 0;}
    .proposal_type_4 .type_page{padding: 16px;}
    .proposal_type_4 .type_page .header{border-bottom:2px solid #fff; display: flex; justify-content: space-between; align-items: center; padding-bottom:10px; width: 100%;}
    .proposal_type_4 .type_page .header h2{font-size:16px;}
    .proposal_type_4 .type_page .header p{font-size: 8px;}
    .proposal_type_4 .type_page h3{font-size: 14px; margin-top: 20px;}
    .proposal_type_4 .txt_info{margin-top:10px; font-size:9px;}
    .proposal_type_4 .proposal_section_table, .proposal_type_4 .proposal_section_table th, .proposal_type_4 .proposal_section_table td{border: 1px solid #EDEDED; background: #2A2828; color:#fff}
    .proposal_type_4 .item_4_wrap{margin-top: 10px;}
    .proposal_type_4 .item_4_wrap h4{border: none; color:#fff}
    .proposal_type_4 .proposal_section_table_2 th{color:#fff; padding:1px 5px;}
    .proposal_type_4 .proposal_section_table_2 td{background: #2A2828; padding:1px 5px; color:#fff}
    .proposal_type_4 .proposal_section_table_2 tr:last-child{border: none;}

    .type_view_wrap section.type_5_1{padding: 16px;}
    .type_5_1 .ghost_box h1{color:#fff; font-size:16px; line-height: 1.4;}
    .type_5_1 .ghost_box .txt_item_2{font-size:9px; }
    .type_5_1 .ghost_box .txt_item_1, .type_5_1 .ghost_box .txt_item_3{font-size:8px;margin-top: 6px;}
    .proposal_type_5 .type_page{padding:16px;}
    .proposal_type_5 .type_page h2{color: #fff; font-size:16px; position: relative; z-index: 1; display: inline-block;}
    .proposal_type_5 .type_page h2::before{position: absolute; content: ''; left:-38px; top:-8px; width:180px; height:30px; background:#B25148; z-index: -1;}

    .type_5_index {display: grid; grid-template-columns:repeat(3, 1fr); gap:20px; grid-row-gap:20px; margin-top:30px;}
    .type_5_index .index_item{width:100%; display: flex;}
    .type_5_index .index_item .index_number{width:25px; color:#fff; font-size:14px; font-family: 'font-b';}
    .type_5_index .index_item .index_list .index_name{font-size:12px; color:#fff; font-family: 'font-b';}
    .type_5_index .index_item .index_item_list {display: flex; flex-direction:column; margin-top:8px; gap:5px;}
    .type_5_index .index_item .index_item_list .index_item_row{color: #fff; font-size:8px; padding-left:3px; position: relative;}
    .type_5_index .index_item .index_item_list .index_item_row::before{content: ''; width:2px; height:2px; border-radius: 5px; background: #fff; position: absolute; top:3px; left:-2px;}
    .proposal_type_5 h3{margin-top:20px; font-size:14px; color: #fff; position: relative; padding-left:30px;}
    .proposal_type_5 h3::before{position: absolute; content:''; left:0px; top:-2px; width:25px; height:16px; background:#B25148;}
    .proposal_type_5 .txt_info{margin-top:8px; color:#fff; font-size: 8px;}
    .proposal_type_5 .item_wrap h5{color:#fff; height: auto;}
    .proposal_type_5 .proposal_section_table, .proposal_section_table th, .proposal_section_table td{border: 1px solid #EDEDED; background: #fff;}
    .proposal_type_5 .proposal_section_table th, .proposal_section_table td{padding:3px; color: #2A2828;}
    .proposal_type_5 .proposal_section_table th{background:#FAFAFA; text-align: left; color:#63605F; vertical-align: middle;}
    .type_5_end{display: flex; align-items: center; justify-content: center;}
    .type_5_end .ghost_end_box{width:100%; height: 50%; display: flex; align-items: center; padding: 38px; box-sizing: border-box;}
    .type_5_end .ghost_end_box .txt_item_end{color: #fff; font-size:16px; font-family: 'font-b'; width:200px;}
    .type_5_end .end_company_wrap{ display:flex; flex-direction: column; gap:8px;}
    .type_5_end .end_company_wrap .txt_item_1{color:#fff; font-size: 7px; line-height: 1.3;}
    .type_5_end .end_company_wrap .txt_item_2{color:#fff; font-size: 8px; line-height: 1.4; font-family: 'font-b';}
    .type_5_end .end_company_wrap .txt_item_3{color:#fff; font-size: 7px; line-height: 1.3;}

    .map_size{width:100% !important; height:120px !important;}
    .td_wrap_1{font-size: 7px; line-height: 100%;}

    /* share */
    .share_body{max-width:100%; width:100%; margin: 0 auto;}
    .share_btn_floting{position: fixed; width:100%; bottom: 0; padding: 10px; box-sizing: border-box; background: #fff;}

    /* consulting */
    .body.cst_bg{background: url('/assets/media/img_consulting_bg.png') top center; background-size: 100% auto; padding-bottom:0px;}
    .cst_top{display: flex; flex-direction: column; align-items: center; justify-content: center; height:140px; gap: 24px; padding-top: 50px;}
    .cst_top h1{color:#fff}
    .cst_top .sub_txt{color:#fff; font-size:16px; line-height: 1.4; text-align: center;}
    .cst_wrap{margin: 0 auto !important; width: 100%; border-radius: 0;}
    .cst_wrap textarea{height: 200px;}

    .juso_wrap{display: flex; flex-direction: column; gap: 10px;}

    /* kakao talk button */
    .kakao-talk-button {
        position: fixed;
        bottom: 130px; /* mobile-action-buttons(50px) + 상담신청 기준 상단 20px + 여유공간 */
        right: 20px;
        z-index: 1000;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    }
    
    .kakao-circle {
        width: 40px;
        height: 40px;
        background: #FFE401;
        border: 2px solid white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    }
    
    .kakao-circle img {
        width: 20px;
        height: 20px;
    }
    
    .kakao-text {
        font-size: 11px;
        color: #422525;
        line-height: 1.2;
        font-weight: 500;
        background: #FFFFFF;
        padding: 6px 8px;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    /* mobile action buttons */
    .mobile-action-buttons {
        display: flex;
        position: fixed;
        bottom: 60px; /* nav 높이만큼 위에 위치 */
        left: 0;
        right: 0;
        z-index: 999;
        background: #fff;
        box-shadow: 0 -2px 8px rgba(0,0,0,0.1);
        border-top: 1px solid #e5e5e5;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    }
    
    .mobile-action-buttons .action-btn {
        flex: 1;
        height: 50px;
        border: none;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }
    
    .mobile-action-buttons .free-estimate {
        background: #F67075;
        color: white;
        font-weight: 300;
    }
    
    .mobile-action-buttons .free-estimate:hover {
        background: #f55b60;
    }
    
    .mobile-action-buttons .consultation {
        background: white;
        color: #666;
        font-weight: 300;
        border-left: 1px solid #e5e5e5;
    }
    
    .mobile-action-buttons .consultation:hover {
        background: #f8f8f8;
    }

    /* popular services */
    .popular-services {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    
    .service-item {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 0;
        cursor: pointer;
        transition: background-color 0.2s ease;
    }
    
    .service-item:hover {
        background-color: #f8f9fa;
        border-radius: 8px;
        padding: 8px;
        margin: -8px;
    }
    
    .service-icon-box {
        width: 40px;
        height: 40px;
        background: #F9FAFC;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }
    
    .service-content {
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .service-title {
        color: #4F5668;
        font-size: 14px;
        font-weight: 500;
    }
    
    .service-subtitle {
        color: #9CA3AF;
        font-size: 12px;
    }
}