.box_member{border:1px solid #F0F0F0; background: #fff; border-radius:10px; padding:80px; box-sizing: border-box; margin:50px auto;}
.box_member h2{text-align: center !important;}

/* Proposal Card Layout */
.proposal_card_list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.proposal_card {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    background: #fff;
    padding: 0;
    overflow: hidden;
}

.proposal_card_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #F0F0F0;
}

.proposal_card_address_header {
    font-size: 16px;
    font-weight: bold;
    color: #262626;
}

.proposal_card_main_content {
    display: flex;
    padding: 20px;
    gap: 20px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.proposal_card_top_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.proposal_card_top_info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.proposal_card_top_info .number_box {
    background: #FF6B35;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
}

.proposal_card_floor {
    font-size: 14px;
    color: #666;
}

.proposal_card_actions .proposal_toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.proposal_card_actions .proposal_toggle:hover {
    background-color: #F5F5F5;
}

.proposal_count {
    font-size: 14px;
    color: #666;
}

.toggle_arrow {
    font-size: 12px;
    color: #666;
    transition: transform 0.2s;
}

.btn_detail {
    color: #666;
    font-size: 14px;
    text-decoration: none;
}

.btn_detail:hover {
    color: #FF6B35;
}

.proposal_card_body {
    display: block;
    padding: 0;
}

.proposal_card_image {
    flex-shrink: 0;
}

.frame_img_card {
    width: 130px;
    height: 130px;
    border-radius: 8px;
    overflow: hidden;
    background: #F5F5F5;
}

.frame_img_card .img_box {
    width: 100%;
    height: 100%;
}

.frame_img_card .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.proposal_card_content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.proposal_card_details {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.detail_row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 14px;
    line-height: 1.4;
}

.detail_label {
    color: #666;
}

.detail_value {
    color: #262626;
}

.detail_separator {
    color: #CCC;
}

.detail_tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.detail_tags .tag {
    background: #F0F0F0;
    color: #666;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
}

.proposal_card_price_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

.proposal_card_price {
    flex: 1;
}

.price_amount {
    font-size: 20px;
    font-weight: bold;
    color: #FF6B35;
}

.price_type {
    font-size: 16px;
    color: #666;
    margin-left: 4px;
}

.proposal_card_footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 20px;
    border-top: 1px solid #F0F0F0;
    background: #FAFAFA;
}

.proposal_card_buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Proposal Group Styles */
.proposal_card_group {
    margin-bottom: 24px;
    width: 100%;
    box-sizing: border-box;
}

.proposal_card_group .proposal_card_header {
    background: none;
    border: none;
    border-radius: 0;
    padding: 12px 0;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 16px;
}

.proposal_detail_s3 .proposal_card_header {
    background-color: #F8F8F8;
    border-radius: 8px;
    padding: 16px 20px;
    border-bottom: 1px solid #F0F0F0;
}

.proposal_group_body {
    display: block;
}

.proposal_card_item {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 16px;
    overflow: hidden;
}

.proposal_card_item:last-child {
    margin-bottom: 0;
}

/* Map Expanded Marker Styles */
.marker_expanded_circle {
    background: #FF6B35;
    border: 3px solid #fff;
    border-radius: 50px;
    padding: 8px 16px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    white-space: nowrap;
    transition: transform 0.2s;
}

.marker_expanded_circle:hover {
    transform: scale(1.05);
}

.marker_expanded_circle span {
    color: white;
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
}

.input_type_wrap{display: flex; gap:14px;}

/* main */
.popup_area{position:absolute; transform:translateX(-50%); left:50% !important; z-index: 501; top:100px; display:flex; gap:10px; width:1206px; flex-wrap: wrap; justify-content: center;}
.popup_area .popup_div{width:400px; height: 440px; border-radius: 8px; overflow: hidden;}
.popup_area .popup_div .popup_img{width: 400px; height: 400px;}
.popup_area .popup_div .popup_img .img_box{width: 400px; height: 400px;}

.popup_wrap{width:400px; height: 440px; position:absolute; transform:translateX(-50%); left:50% !important; top:100px; z-index: 500; overflow: hidden; background: #fff; border-radius:8px;}
.popup_bn_swiper{width: 400px; height: 400px;}
.popup_bn_swiper .img_box{height: 400px !important;}
.popup_bn_swiper .swiper-pagination{ position:absolute; bottom:64px !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;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display: none;}
.popup_bottom{ display: flex; height: 40px; align-items: center; justify-content: space-between; background:#fff;}
.popup_bottom .today_close{cursor: pointer; font-size:16px; color:#999999;}
.popup_bottom .close{color: #262626; font-size:16px; font-family:'font-b';}
.popup_bottom span{cursor: pointer; padding: 0 20px;}

/* 우측 사이드바 - 모던 디자인 */
.right_side_wrap{
    z-index: 40; 
    width: 80px; 
    position: fixed; 
    right: 24px; 
    top: 50%; 
    transform: translateY(-50%);
}

.right_side_wrap .right_side{
    display: flex; 
    flex-direction: column; 
    gap: 12px;
}

.quick_bn{
    background: #ffffff; 
    border-radius: 16px; 
    width: 80px; 
    height: 80px; 
    display: flex; 
    flex-direction: column; 
    gap: 6px; 
    align-items: center; 
    justify-content: center; 
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.quick_bn:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.quick_bn:active{
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* 모든 버튼 흰색 배경 */
.quick_bn:first-child,
.quick_bn:nth-child(2),
.quick_bn:nth-child(3),
.quick_bn:nth-child(4){
    background: #ffffff;
    color: #495057;
}

.quick_bn:first-child:hover,
.quick_bn:nth-child(2):hover,
.quick_bn:nth-child(3):hover,
.quick_bn:nth-child(4):hover{
    background: #F8F9FA;
}

.quick_bn img{
    height: 28px;
    width: 28px;
    object-fit: contain;
}

.quick_bn p{
    font-size: 11px;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -0.3px;
}

.section_1{height: 800px; position: relative;}
.main_1 .main_1_tit{font-size:46px; font-family: 'font-b'; line-height: 1.4;}
.main_1 .main_1_sub{font-size:24px; margin-top: 22px; line-height: 1.4;}
.main_1 button{font-size:16px; background: #2A2828; color:#fff; padding:10px 18px; border-radius: 50px; margin-top: 44px;}
.main_1 .txt_area{position: absolute; width:1400px; transform: translate(-50%, -50%); left: 50%; top:50%; z-index: 10; height: 300px;}
.main_1 .txt_area button{position: absolute; bottom: 0;}
.main_1 .img_box{width:100%; min-width:1200px; height: 800px;}
.main_1 .swiper-pagination_wrap{width:100%; height:80px; background:rgba(255,255,255,0.5); position: absolute; left: 0; bottom: 0; z-index: 2;}
.main_1 .swiper-pagination{max-width:1200px !important; margin: 0 auto !important; position: unset;}
.main_1 .swiper-pagination-bullet{width:auto; padding:0 50px; height: 80px; line-height: 80px; background: none; opacity:1;}
.main_1 .swiper-pagination-bullet span {font-size:20px; font-family:'font-b';}
.main_1 .swiper-pagination-bullet-active span{color:var(--main-color);}
.main_1 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .main_1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.main_1 .swiper-button-next, .swiper-rtl .swiper-button-prev{right: var(--swiper-navigation-sides-offset,140px);}
.main_1 .swiper-button-prev,.swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset,140px); right: auto}
/* .main_1 .btn_arrow_wrap{width:1540px; border:1px solid #fff000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:10; height: 100px;} */

.section_2{background:#F5F5F5; padding-top: 140px;}
.section_2_wrap{max-width:1200px; margin: 0 auto; position:relative;}
.main_2_wrap{display:flex; justify-content: space-between; align-items:flex-end;}
.main_2{height:590px; width:600px; position: relative;}
.main_2 .swiper-slide{background:#F5F5F5;}
.main_2_btn{width:600px; height: 5px; position:absolute; top:320px; left:660px; z-index: 10; height: 50px;}
/* .main_2_btn{width:80px; height: 5px; position: absolute; top:320px; border:1px solid #ff0000; background: #ff0000;} */
.main_2_btn .swiper-button-next, .main_2_btn .swiper-button-prev{height:20px !important; width:30px;}
.main_2_btn img{width:36px; height:55px;}
.main_2_btn .swiper-button-prev, .main_2_btn .swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,0px);}
.main_2_btn .swiper-button-next:after, .main_2_btn .swiper-button-prev:after{font-size:30px; font-weight: bold;}
.main_2 .swiper-pagination{position: absolute; top:285px; left:0px; width:45px; background:none; z-index: 5; font-size:20px;}
.main_2 .swiper-pagination span{font-size:20px; color:#63605F; font-family: 'font-b';}
.main_2 button{background:var(--main-color); color: #fff; border-radius: 5px; padding:10px 30px; margin-top: 100px;}
.main_2 .txt_item_1{font-size: 40px; font-family: 'font-b'; line-height: 1.6;}
.main_2 .txt_item_2{font-size: 24px; color:#63605F; margin-top:20px; line-height: 1.6;}
.main_2_img{overflow:hidden; width:490px; background:#F5F5F5; position: relative; text-align: center; border-radius:87px 87px 0 0; margin-top:3px;}
.main_2_img img{width:445px; margin-top: 25px;}
.main_2_img::after{content: ''; width: 100%; height:100%; position: absolute; left: 0; bottom:-3px; background:url('../images/device_frame.png') no-repeat; background-size: 100%; z-index: 2;}

.section_3{background:var(--main-color); height: 330px; display: flex; align-items: center; justify-content: center;}
.noticeSwiper .swiper-wrapper{height: 50px;}
.section_3 .swiper-slide{text-align: center;}
.section_3 .swiper-slide span{position: relative; font-size:40px; font-family: 'font-b'; color: #fff;}
.section_3 .swiper-slide span img{width:30px; margin:0 10px;}
.section_3 .swiper-slide span img.img_rotate{transform: rotate(180deg);}
/* .section_3 .swiper-slide span::before{content: ''; position: absolute; top:-px; left:-50px; background:#fff url('../images/ic_quotes_1.png') no-repeat; background-size: 30px; width: 30px; height: 30px;}
.section_3 .swiper-slide span::after{content: ''; position: absolute; top:0; right:-50px; background:url('../images/ic_quotes_1.png') no-repeat; background-size: 30px;  transform: rotate(180deg); width: 30px; height: 30px;} */

.section_4{background:#F5F5F5; padding: 140px 0;}
.section_4 .txt_item_1{font-size: 46px; font-family: 'font-b'; text-align: center;}
.section_4 .txt_item_2{font-size: 24px; color: var(--color-gray-2); margin-top:18px; text-align: center; line-height: 1.6;}
.section_4 .con_box_wrap{width:1080px; display: flex; gap:30px; justify-content: center; margin: 80px auto;}
.section_4 .con_box_wrap .con_box{width: 340px;}
.section_4 .con_box_wrap .con_box img{width: 100%;}
.section_4 .con_box_wrap .con_w_box{background: #fff; padding: 30px 20px; text-align: left; width: 340px; box-sizing: border-box;}
.section_4 .con_box_wrap .con_w_box .box_item_1{font-size:24px; font-family: 'font-b';}
.section_4 .con_box_wrap .con_w_box .box_item_2{font-size:16px; color:#63605F; margin-top: 16px; line-height: 1.4;}
.section_4 .con_box_wrap .con_w_box .tag_area{display: flex; gap:10px; margin-top: 16px;}
.section_4 .con_box_wrap .con_w_box .tag_area .txt_tag{display:inline-block; color:#F16341; font-size: 16px; background: #FEE7E1; border-radius: 3px; padding: 3px 5px;}
.section_4 .con_box_wrap .con_w_box button{background:#2A2828; color:#fff; font-size: 16px; border-radius: 60px; padding:12px 36px; margin-top: 60px;}

.section_10{background:#fff; padding: 140px 0;}
.section_10 .txt_item_1{font-size: 46px; font-family: 'font-b'; text-align: center; line-height: 1.4;}
.section_10 .txt_item_2{font-size: 24px; color: var(--color-gray-2); margin-top:18px; text-align: center; line-height: 1.6;}
.section_10 .txt_item_2 span{font-size: 24px; color:#F16341;}
.section_10 .brand_wrap{display: flex; flex-wrap: wrap; width: 1200px; margin: 0 auto; margin:100px auto 0;}
.section_10 .brand_wrap li img{width:150px; margin: 25px 0;}

.section_extra_service{padding: 140px 0;}
.section_extra_service h1{font-size: 40px; line-height: 1.4; text-align: center; margin-bottom: 44px;}
.section_extra_service .img_box{width:100%; min-width:1200px; height: 800px;}
.ex_serviceSwiper{padding-top: 80px !important;}
.ex_serviceSwiper .swiper-slide{position: relative;}
.ex_serviceSwiper .swiper-slide::before{width: 100%; height: 800px; content:''; position: absolute; background: rgba(0,0,0,0.4); z-index: 1; left: 0; top:0}
.ex_serviceSwiper .swiper-slide .ex_service_container{position: absolute; z-index: 2; min-width:1200px; height:800px; left:50%; transform:translateX(-50%); display: flex; align-items:flex-start; justify-content: center; flex-direction:column;}
.ex_serviceSwiper .swiper-slide .txt_item_1{color:#fff; font-size:46px; font-family: 'font-b';}
.ex_serviceSwiper .swiper-slide .txt_item_2{color:#fff; font-size:24px; margin-top: 22px; line-height: 1.4;}
.ex_serviceSwiper .swiper-slide button{margin-top:44px; background: #fff; border-radius:50px; padding:12px 22px; font-size: 16px; font-family: 'font-b';}

.ex_serviceSwiper .swiper-pagination_wrap{width:100%; height:80px; position: absolute; left: 0; top:0; z-index: 2;}
.ex_serviceSwiper .swiper-pagination{max-width:1200px !important; margin: 0 auto !important; position: unset;}
.ex_serviceSwiper .swiper-pagination-bullet{width:auto; padding:0 50px; height: 80px; line-height:80px; background: none; opacity:1;}
.ex_serviceSwiper .swiper-pagination-bullet span {font-size:20px; color:#9D9999;}
.ex_serviceSwiper .swiper-pagination-bullet-active span{color: #2A2828; font-family:'font-b';}
.ex_serviceSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .main_1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}

.section_property{padding: 140px 0;}
.section_property .txt_item_1{font-size:46px; font-family: 'font-b'; text-align: center;}
.section_property .txt_item_2{font-size:24px; color: var(--color-gray-2); margin-top: 14px; text-align: center;}
.section_property .property_img_wrap{width:1176px; height: 400px; overflow: hidden; display: flex; margin-top: 60px;}
.section_property .property_img_wrap li{height: 400px; width:168px; transition: width 0.5s ease; padding:28px; box-sizing: border-box; font-size: 24px; color: #fff; display: flex; align-items: flex-end;}
.section_property .property_img_wrap li.active{width:672px;}
.section_property .property_img_wrap li:nth-child(1){background: url('../images/main_property_1.png') no-repeat; background-size:cover !important;}
.section_property .property_img_wrap li:nth-child(2){background: url('../images/main_property_2.png') no-repeat; background-size:cover !important;}
.section_property .property_img_wrap li:nth-child(3){background: url('../images/main_property_1.png') no-repeat; background-size:cover !important;}
.section_property .property_img_wrap li:nth-child(4){background: url('../images/main_property_2.png') no-repeat; background-size:cover !important;}

.section_review{background:#F16341; padding: 140px 0; min-height:670px; box-sizing: border-box;}
.section_review .txt_item_1{color:#fff; font-size: 40px; font-family: 'font-b'; text-align: center; margin-bottom: 60px;}
.section_review .reviewSwiper .swiper-wrapper{ transition-timing-function: linear !important; height: auto; align-self: flex-start;}
.section_review .reviewSwiper .swiper-slide{background:#fff; width:630px !important; height:auto; border-radius: 10px; padding: 28px 38px; box-sizing: border-box;}
.section_review .reviewSwiper .swiper-slide h1{line-height: 1.4;}
.section_review .reviewSwiper .swiper-slide p{font-size: 16px; line-height: 1.4; margin-top: 14px;}
.section_review .reviewSwiper .swiper-slide .bottom_wrap{display:flex; justify-content: space-between; margin-top: 38px;}
.section_review .reviewSwiper .swiper-slide .bottom_wrap .review_user_info{font-size: 18px; color: var(--color-gray-3);}
.section_review .reviewSwiper .swiper-slide .bottom_wrap .review_star{letter-spacing: 3px; color: var(--main-color);}

.section_download{background:#F5F5F5; height: 980px;}
.section_download .main_download_wrap{display: flex; align-items: center; gap: 40px;}
.section_download .main_download_wrap .download_img{height: 980px;}
.download_info_wrap{width:380px;}
.download_info_wrap .txt_item_1{font-size:40px; font-family: 'font-b'; line-height: 1.2;}
.download_info_wrap .txt_item_2{font-size:20px; color: var(--color-gray-2); line-height: 1.4; margin-top:18px;}
.main_download_btn{display: flex; gap:18px; margin-top: 60px;}
.main_download_btn button{display: flex; gap: 6px; align-items: center; width: 160px; justify-content: center; padding: 0;}
.main_download_btn button img{height: 22px;}

.section_join{width:1175px; margin: 0 auto; display: flex; justify-content: center; padding: 140px 0; gap: 20px;}
.section_join .item_box{box-shadow: 0 3px 14px #0000000F; border-radius: 10px; background:#fff;  padding: 38px 44px; box-sizing: border-box; width: 478px;}
.section_join .item_box p{margin-top: 14px; font-size: 18px; color: var(--color-gray-2); line-height: 1.4;}
.section_join .item_box button{margin-top: 28px;}

/* 로그인 */
.login_wrap{box-sizing:border-box; margin-top:40px;}
.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';}
.ss_login{padding: 30px; text-align: center;}
.ss_login img{width:44px; margin: 0 7px;}

.reg_bascic li{margin-bottom:18px; display: block;}
.reg_bascic li label{color:#63605F; margin-bottom: 10px; display:block;}
.reg_bascic label span{color: var(--main-color);}
.reg_bascic .txt_sub{font-size: 13px; color:var(--color-gray-3); line-height: 1.4;}
.terms_list{border:1px solid #D2D1D0; border-radius: 5px; padding:6px 12px; box-sizing: border-box; margin-top: 8px;}
.terms_list li{padding: 6px 0; color:#63605F;}
.terms_list li a{color:#63605F; display: inline-block; border-bottom: 1px solid #63605F;}
.terms_wrap{color:#63605F; font-size: 14px; line-height: 1.4; height: 500px; overflow-y: auto;}

.header_bar{display: flex; align-items: center; justify-content: space-between; height: 50px; margin-top: 12px;}
.header_bar a img{height: 20px;}
.header_bar a{display: inline-block; margin: 8px;}

.dot_btn{position: relative;}
.layer_menu{display: none; position: absolute; z-index: 2; width: auto; background: #fff; box-shadow : 0px 0px 8px 0px rgb(0 0 0 / 8%); border-radius: 5px;}
.layer_menu a{display: block; padding: 8px 10px; color:var(--color-gray-2)}

.search_wrap{display: flex; border: 1px solid #D2D1D0; border-radius:5px; height:42px; box-sizing: border-box;}
.search_wrap button img{width:16px; right: 14px; margin-right: 14px;}
.search_wrap input{width:328px; text-indent:14px; border: none; height:38px;}

.realtor_result{flex: 1; display:grid; grid-template-columns:100px 1fr; margin-top: 10px; border-bottom: 1px solid var(--gray-line); padding-bottom: 14px; margin-bottom:24px;}
.realtor_result div{display: table-cell; padding: 4px 0;}
.realtor_result div:nth-child(odd){color: var(--color-gray-2);}
.search_result_wrap{height:220px; overflow-y: auto; display: flex; flex-direction: column; gap:12px; margin-top: 14px;}
.result_row span{color: var(--main-color);}
.result_row p{color: var(--color-gray-3); margin-top:6px;}
.file_reg_wrap{display: flex; gap:14px;}
.file_reg_wrap .file_item{flex: 1;}
.file_area{width:100%; padding-top: 100%; height:0; background: #EDEDED; border: 1px solid var(--box-line); box-sizing: border-box; position: relative;}
.file_area button{position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.file_area.file_load img{height: 100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}

/* 분양현장 */
.m_sales_filter_wrap{display: none;}
.sales_list_top{padding: 44px 0; background: #fff;}
.txt_search_total{margin-bottom: 16px; margin-top: 40px;}
.sales_list_wrap{display:flex; flex-wrap:wrap;}
.sales_card{width:280px; position: relative; margin-bottom: 28px; margin-right: 18px;}
.sales_card:nth-child(4n){margin-right: 0;}
.sales_card .sales_card_img{height:186px; width:280px;}
.sales_list_wish.on{background: url('../images/btn_like_on.png') no-repeat; background-size:20px auto;}
.sales_list_wish{background: url('../images/btn_like_w.png') no-repeat; background-size:20px auto; cursor: pointer; width: 20px; height: 18px; position: absolute; right:10px; top:10px;}
.sales_list_con{margin-top: 18px;}
.sales_list_con .txt_item_1{font-family:'font-b'; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.4; margin-top: 14px;}
.sales_list_con .txt_item_2{color:#63605F; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.6;}
.sales_list_con .txt_item_3{color:#9D9999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.6;}
.sales_list_con .txt_item_4{font-size: 16px; color:#2A2828; line-height: 1.6;}
.mark_proceeding{background: var(--main-color); color:#fff; display: inline-block; padding:6px 10px; border-radius:6px;}
.mark_plans{background: #63605F; color:#fff; display: inline-block; padding:6px 10px; border-radius:6px;}

.sales_section_1 h3, .sales_section_2 h3, .sales_section_2-2 h3, .sales_section_3 h3, .sales_section_4 h3{font-size: 30px;}
.sales_bar_wrap{background:var(--gray-bg); position: fixed; top: 60px; left: 0; width: 100%; z-index: 10;}
.sales_name_bar{display:flex; justify-content: space-between; align-items: center; height: 82px;}
.sales_name_bar .txt_location{font-size: 16px; color:var(--color-gray-2); margin-bottom:4px;}
.sales_name_bar .txt_tit{font-size: 24px;}
.sales_name_bar .header_ic_btn{height: 24px;margin: 0 14px;}
.header_btn_wish.on{background: url('../images/btn_like_on.png') no-repeat; background-size:21px auto;}
.header_btn_wish{background: url('../images/btn_like_off.png') no-repeat; background-size:21px auto; cursor: pointer; width:21px; height:21px; display: inline-block; margin: 0 14px;}
.sales_bar_right{display: flex; align-items: center;}
.sales_bar_right button{margin-left: 16px;}
.template_wrap{height:948px; margin-top:120px; display: flex; align-items: center; position: relative;}
.template_wrap .template_txt_wrap{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1175px;}
.template_wrap .txt_tit{font-size: 60px; font-family: 'font-b';}
.template_wrap .txt_con{font-size: 34px; line-height: 1.6; margin-top:28px;}
.template_wrap .template_img{width:100%;}
.sales_section_1{padding:140px 0;}
.sales_table_info{margin-top: 24px;}
.change_unit{border-radius: 5px; overflow: hidden; flex-direction: row; display: flex;}
.change_unit div{cursor:pointer; width:36px; height:28px; display:flex; align-items: center; justify-content: center; background: #EDEDED; font-size: 16px;}
.change_unit div.active{background:#63605F; color:#fff;}
.change_unit.type_sm div{font-size: 12px; width:24px; height:18px;}
.tab_type_2.sales_tab{top:142px !important;}
.detail_camera_wrap{margin-top: 60px;}
.sales_section_2{background:var(--color-gray-2); padding: 80px 0;}
.sales_section_2 h3{color:#fff}
.edu_document{padding-bottom:50px !important; margin-top: 30px;}
.edu_document .swiper-pagination-fraction{background: none !important;}
.edu_document .swiper-pagination-fraction, .edu_document .swiper-pagination span{color:#fff !important; 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:40px; height: 40px; border-radius: 2px;}
.edu_document .swiper-button-next:after, .edu_document .swiper-button-prev:after{font-size:18px; }
.edu_document .swiper-slide{text-align:center; height: auto !important;}
.edu_document .swiper-wrapper{height: auto !important;}
.edu_document .document_img{width:976px;}
.sales_section_2-2{padding: 80px 0;}
.floor_title{font-size: 50px; font-family: 'font-b';}
.floor_info{font-size: 24px; color: var(--color-gray-2);}
.premium_wrap {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:70px 80px; width:1176px; overflow: hidden; margin-top:38px;}
.premium_wrap .premium_cell {align-items:center; justify-content:left; border: 1px solid #D2D1D0; border-radius: 10px; padding: 38px;}
.premium_wrap .premium_cell label{color: var(--main-color); font-size: 28px; font-family: 'font-b';}
.premium_wrap .premium_cell p{margin-top: 38px; font-size: 24px;}
.premium_wrap .premium_cell div{margin-top:14px; font-size: 18px; color: var(--color-gray-2); line-height: 1.6;}
.sales_section_3, .sales_section_4, .sales_section_5{padding: 70px 0;}
.sales_section_4 .txt_item_1{color: var(--color-gray-3); margin-top: 8px;}
.sales_schedule_wrap{display: flex; align-items: top; margin-top: 38px;}
.sales_schedule_wrap .item_year{font-size: 24px; font-family: 'font-b'; width: 100px; padding-top: 8px;}
.sales_schedule_wrap .sales_schedule_list{flex: 1;}
.sales_schedule_wrap .sales_schedule_list li{background:#FAFAFA; border-radius: 5px; margin-bottom:10px; display: flex; height: 44px; align-items: center; padding: 0 14px; 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_2{width:calc(100% - 100px);}
.sales_schedule_wrap .sales_schedule_list li .schedule_item_2 span{color: var(--color-gray-3); float: right;}
.sales_address_info{display: flex; justify-content: space-between; align-items: center; margin-top: 38px; margin-bottom: 8px;}
.txt_sales_address{font-size: 20px;}
.m_address_btn{text-align: center; margin-top: 24px;}


/* map */
.map_body{display:flex; height: calc(100vh - 116px);}
.map_body .map_area{flex: 1; height: 100%;}
.map_wrap{width: 100%; height: calc(100vh - 60px); overflow: hidden;}
.map_head_wrap{display: flex; justify-content: space-between; height: 56px; align-items: center; padding-right: 16px; box-sizing: border-box; border-bottom: 1px solid #D2D1D0;}
.map_filter_wrap{display: flex; justify-content: flex-start;}
.dropdown_box.type_2{border-radius: 0; border: none; box-sizing: border-box; border-right: 1px solid #D2D1D0; height:56px; width:152px;}
.dropdown_box.type_2 .dropdown_label{font-size: 18px; font-family: 'font-b'; color: var(--txt-color) !important;}
.dropdown_box.type_2 .optionList{top:56px !important; margin-top: 0; z-index: 100; border: none; border-right: 1px solid #D2D1D0; border-radius: 0; box-sizing: border-box; width:152px;}
.dropdown_box.type_2 .optionList .optionItem{border-bottom: 1px solid #D2D1D0; font-size: 16px; text-align: center; padding: 12px 0 12px;}

/* Map Type Toggle Buttons */
.map_type_toggle_wrap{display: flex; height:56px; width:439px; border-right: 1px solid #D2D1D0;}
.map_type_btn{flex: 1; border: none; background: #fff; font-size: 18px; font-family: 'font-b'; color: var(--txt-color); cursor: pointer; transition: background-color 0.3s, color 0.3s;}
.map_type_btn:first-child{border-right: 1px solid #D2D1D0;}
.map_type_btn.active{background: var(--main-color); color: #fff;}
.map_type_btn:hover{background: #f5f5f5;}
.map_type_btn.active:hover{background: var(--main-color);}
.map_search_wrap{background: #fff; width:360px; height:50px; position: absolute; z-index: 9; top:115px; left: 0; border: 1px solid #D2D1D0; box-sizing: border-box;}
.map_search_wrap input{border-radius: 0; border: none !important; height:48px;}
.map_search_wrap img{width:16px; margin-right: 16px;}
.map_search_wrap .btn_del{display: none;}
.map_side{display:none; position: absolute; z-index: 2; left:0; top:116px; background:#fff; width:360px; height: calc(100vh - 116px); border-right: 1px solid #D2D1D0; box-sizing: border-box; padding-top:160px; overflow: hidden;}
.map_side.active{display:block;}
.map_side.property_type{padding-top:60px;}
.side_header{background:#fff; height: 50px; display:flex; justify-content: space-between; align-items: center; position:fixed; top:165px; left:0; width:359px; z-index:10; padding: 0 16px; box-sizing: border-box;}
.side_header .m_title{font-family:'font-b'; position: absolute; left:50%;top:50%;transform:translate(-50%, -50%);}
.side_header .left_area, .m_header .right_area{display: flex; align-items: center;}
.side_header .left_area a{margin-right:14px; height:20px; display:inline-block; vertical-align: middle;}
.side_header .right_area a{margin-left:14px; display: inline-block; vertical-align: middle;}
.side_header img{height:20px;}
.side_header .layer_share_wrap.layer_share_top{margin-top:170px !important; left: 100px; z-index:10; position: fixed;}
.side_fixed{background: #fff; position:fixed; top:215px; left:0; width:359px; z-index:9; box-sizing: border-box; border-top: 1px solid #EEEDED;}
.side_fixed .top_wrap{ padding: 10px 16px;}
.estate_link a{height:50px; align-items: center; padding:16px 16px; box-sizing: border-box;}
.map_side .scroll_wrap_1{height:calc(100vh - 280px); overflow-y:auto; position: relative;}
.map_side .side_info_wrap{padding: 16px;}
.map_side .txt_address{font-size: 18; font-family: 'font-b'; margin-top: 20px;}
.map_side .txt_sub_1{font-size:14px; color:var(--color-gray-2); margin-top: 10px;}
.map_side .txt_sub_1 span{color:var(--color-gray-3)}
.map_side .info_detail{border-top: 1px solid var(--gray-line); display: flex; padding: 18px 0; margin-top: 24px;}
.map_side .info_detail li{width: 25%; text-align: center;}
.map_side .info_detail li label{color:var(--color-gray-3); margin-top: 4px; display: inline-block;}
.side_section{padding:20px 16px;}
.transaction_box{background:#FEEFEC; border-radius: 5px; display: flex; justify-content: space-between; padding: 14px 16px; box-sizing: border-box;}
.transaction_box .transaction_price{font-size:18px; font-family: 'font-b'; color: var(--main-color);}
.status_item_red{color: #FF1E1E;  position: relative; padding-left: 20px;}
.status_item_red::before{content: ''; background: url('../images/ic_state_up.png') no-repeat; background-size: 100%; width: 14px; height: 14px; position: absolute; left: 0; top: 4px;}
.status_item_blue{color: #2F5BF9;  position: relative; padding-left: 20px;}
.status_item_blue::before{content: ''; background: url('../images/ic_state_down.png') no-repeat; background-size: 100%; width: 14px; height: 14px; position: absolute; left: 0; top: 4px;}
.building_item_1{background: #FEEFEC; padding: 0 16px;}
.building_item_1 .open_trigger{height: 48px; }
.building_item_1 .showstep1,.building_item_4 .showstep1, .building_item_0 .showstep1{height:103px !important;}
.building_item_1 .table_type_1 td{border-bottom: 1px solid #D2D1D0;}
.building_item_2{background: #F5F5F5; padding: 0 16px;}
.building_item_2 .open_trigger{height: 48px;}
.building_item_1 .con_panel, .building_item_2 .con_panel,.building_item_3 .con_panel{padding-bottom: 16px;}
.building_item_3, .building_item_4{background: #fff; padding: 0 16px;}
.building_item_3 .open_trigger, .building_item_4 .open_trigger{height: 48px;}
.traffic_wrap{padding: 20px 4px; min-height: 80px;}
.traffic_tit{font-family: 'font-b'; display: flex; align-items: center; padding-bottom:2px;}
.traffic_tit img{width:12px; margin-right: 8px;}
.traffic_row{margin-top:10px;}
.traffic_row span{margin-left:6px; color: var(--color-gray-3);}
.facility_wrap, .edu_wrap{min-height: 80px; padding: 20px 4px; line-height: 1.4;}
.property_sm_list{border-bottom: 1px solid var(--gray-line); display: flex; padding:20px 16px; gap:14px; align-items: center;}
.property_sm_list .frame_img_mid{position: relative;}
.property_sm_list a{width: calc(100% - 145px); display: inline-block;}
.property_sm_info{width: calc(100% - 2px); align-items: center;}
.property_sm_item_1{font-size: 16px; font-family: 'font-b'; margin-bottom: 4px;}
.property_sm_item_2{font-family: 'font-r'; color: var(--color-gray-3); margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.filter_dropdown_wrap{display: flex; gap: 8px; height: 56px; align-items: center; padding: 0 12px;}
.filter_btn_wrap{position: relative;}
.filter_btn_trigger{border: none; border-radius: 50px; height:30px; background: #fff; padding:0 12px 0 32px; box-sizing: border-box; max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 12px; position: relative; display: flex; align-items: center; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}

/* Filter button icons */
.filter_btn_trigger::before {
    content: '';
    position: absolute;
    left: 8px;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

/* 지식산업센터 */
#filter_text_sale_product_type::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236366f1'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z'/%3e%3c/svg%3e");
}

/* 준공연차 */
#filter_text_useDate::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2310b981'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5'/%3e%3c/svg%3e");
}

/* 매물 종류 */
#filter_text_product_type::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23f59e0b'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 0 1-1.125-1.125v-3.75ZM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-8.25ZM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25A1.125 1.125 0 0 1 2.625 18.375v-2.25Z'/%3e%3c/svg%3e");
}

/* 거래유형/가격 */
#filter_text_payment_type_txt::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ef4444'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6v12m-3-2.818.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12s-1.536-.219-2.121-.659c-1.172-.879-1.172-2.303 0-3.182C10.464 7.68 11.232 7.5 12 7.5s1.536.18 2.121.659'/%3e%3c/svg%3e");
}

/* 면적 */
#filter_text_area::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%238b5cf6'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M9 4.5v15m6-15v15m-10.875 0h15.75c.621 0 1.125-.504 1.125-1.125V5.625c0-.621-.504-1.125-1.125-1.125H4.125C3.504 4.5 3 5.004 3 5.625v12.75c0 .621.504 1.125 1.125 1.125Z'/%3e%3c/svg%3e");
}

/* 관리비 */
#filter_text_service_price::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2306b6d4'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z'/%3e%3c/svg%3e");
}

/* 사용승인연도 */
#filter_text_approve_date::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23f97316'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z'/%3e%3c/svg%3e");
}

/* 융자금 */
#filter_text_loan_type::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2314b8a6'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6v12m-3-2.818.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12s-1.536-.219-2.121-.659c-1.172-.879-1.172-2.303 0-3.182C10.464 7.68 11.232 7.5 12 7.5s1.536.18 2.121.659m0 0L15 9m-3-3v3'/%3e%3c/svg%3e");
}

/* 권리금 */
#filter_text_premium_price::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23dc2626'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z'/%3e%3c/svg%3e");
}

/* 업종 */
#filter_text_business_type::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23059669'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 .75.75v3'/%3e%3c/svg%3e");
}

/* 기타 */
#filter_text_etc::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236b7280'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75'/%3e%3c/svg%3e");
}
.filter_btn_wrap .filter_panel{display: none; position: absolute; left: 0; top:43px; z-index: 100; background: #fff; width:200px; min-height: 100px; border: 1px solid #D5D4D4; border-radius: 5px;}
.filter_panel.panel_item_1, .filter_panel.panel_item_2, .filter_panel.panel_item_3, .filter_panel.panel_item_4{width:360px; box-sizing: border-box;}
.filter_panel .btn_radioType input[type="radio"] + label{font-size: 14px;}
.filter_panel .tab_type_3{border-bottom:1px solid var(--gray-line); padding-bottom:14px; margin-bottom:14px;}
.filter_panel h6{margin-bottom: 16px;}
.filter_panel h6 span{font-size: 13px; color: var(--color-gray-3); margin-left: 6px; font-family: 'font-r'; font-weight: normal;}
.filter_panel_body{padding:16px; box-sizing: border-box; overflow: hidden;}
.filter_panel_bottom{border-top: 1px solid var(--gray-line); display: flex; gap: 8px; padding: 14px 16px;}
.filter_panel_bottom button img{width:12px; margin-right: 6px;}
.filter_panel_bottom button:first-child{width:120px}
.filter_tit_2{display: flex; gap: 8px; align-items: center; margin-bottom: 16px;}
.filter_tit_2 h6{margin-bottom: 0;}
.filter_panel.panel_item_6{width:330px}
.side_list_wrap{width:359px; height:calc(100vh - 165px);}
.side_list_tab{width:100%; display: flex; 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;}
.side_list_tab li.active::after{content: ''; position: absolute; left: 0; bottom: 0; width:100%; height: 2px; background:#2A2828 ;}
.side_list_wrap .tab_area_wrap .side_list_scroll{background:#fff; height:calc(100vh - 252px); overflow-y: auto;}
.agent_sm_list{border-bottom: 1px solid var(--gray-line); display: flex; padding:14px 16px; gap:14px; align-items: center;}
.agent_sm_list .frame_img_sm .img_box{border-radius: 90px;}
.agent_sm_info{width: calc(100% - 84px);}
.agent_txt_item_1{font-size: 16px; font-family: 'font-b'; margin-bottom: 4px;}
.agent_txt_item_2{font-family: 'font-r'; color: var(--color-gray-2); margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.side_tab_wrap .sction_item{display: none;}
.side_tab_wrap .sction_item.active{display: block;}
.type_side .swiper::after{position: absolute; right: 0; top:0; width: 50px; height:58px; background:linear-gradient(270deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); content: ''; z-index: 2;}
.type_side .swiper-button-next:after, .type_side .swiper-button-prev:after{font-size: 12px !important; font-weight: bold;}
.type_side .swiper-button-next, .type_side .swiper-rtl .swiper-button-prev{right: 0;}
.type_side .swiper-button-next.swiper-button-disabled, .type_side .swiper-button-prev.swiper-button-disabled{opacity: 0.2;}
.type_side .detail_tab{padding:0px 35px 0px 16px !important; background: #f6f6f6;}
.type_side .detail_tab .swiper-slide.active a{color:#F16341;}
.type_side .detail_tab .swiper-slide.active::after{background:#F16341;}
.type_side.tab_type_2{height: 58px;}
.type_side .detail_tab .swiper-slide{height: 58px;}
.search_open{background:#fff; width:438px; min-height:60px; max-height: 200px; border:1px solid #D2D1D0; position:absolute; left:0; top:164px; z-index:9; padding: 14px; box-sizing: border-box; overflow-y: auto; display: none;}
.search_recent{display: flex; flex-direction: column; gap:14px;}
.side_search_list{display: flex; flex-direction: column; gap:14px; }
.side_search_list_row{display: flex; justify-content: space-between;}
.side_search_list_row img{width:14px; height: 14px;}
.side_search_list_row span{color:#F16341;}
.side_search_no_row{text-align: center; color:#9D9999}

/* map marker */
.iw_inner{border: 1px solid #F16341; border-radius:5px 5px 5px 0; background: #F16341; position: relative;}
.iw_inner::after{position: absolute; left:-1px; bottom: -8px; content: ''; background: url('../images/mark_anchor.png'); background-size: 20px auto; width: 20px; height: 9px;}
.iw_inner h3{background:#fff; color:#F16341; font-size: 14px; padding:5px 8px; border-radius: 5px 5px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px;}
.iw_inner p{color:#fff; line-height: 1.2;}
.iw_inner p span{color:#fff; font-family: 'font-b';}
.iw_inner .inner_info{padding:5px 8px; }
.cs_mapbridge .map_group .map_marker .ico{border:1px solid #ff0000; background: url('../images/map_marker_default.png'); background-size: 38px 52px; }
.cs_mapbridge .crs .map_marker[class*=_big] .ico{width:38px; height: 52px;}
.marker_default{background:url(../images/map_marker_default.png); background-size:38px; width:38px; height:52px; text-align:center; padding-top:10px; box-sizing: border-box;}
.marker_default span{color:#F16341}

.map_bottom_btn{width:60px; position: fixed; z-index:2; display: flex; flex-direction: column; right:30px; bottom:30px; gap: 8px; z-index: 2;}
.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:30px; background: #fff; border-radius: 50px; padding:15px 19px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.map_side_btn{width:44px; position:fixed; z-index: 2; right:30px; top:145px; display: flex; flex-direction: column; gap: 14px;}
.map_side_btn button{display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; font-size: 13px; border-radius: 6px; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.2);}
.map_side_btn button img{width:20px;}
.map_side_btn .btn_zoom{background:#fff; border-radius: 6px; box-shadow: 0 0 6px rgba(0,0,0,0.2); margin-top: 8px;}
.map_side_btn .btn_zoom button{box-shadow:none; }
.map_side_btn .btn_zoom button:first-child{border-bottom: 1px solid #EEEDED; border-radius: 6px 6px 0 0;}
.map_side_btn .btn_view_type{display: flex; flex-direction: column; gap: 8px;}

.pano_wrap{width: 100%; height: 100vh; position: relative; overflow: visible;}

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


/* 방상세 */
.agent_popup_info {display: flex; justify-content: center; flex-direction: column; text-align: center; line-height: 1.6;}
.agent_popup_info .agent_box_img{margin: 0 auto; width: 60px;}
.agent_popup_info .img_box{width: 60px; height: 60px; border-radius: 60px;}
.agent_popup_info h4 a{display: flex; align-items: center; gap: 6px; justify-content: center; margin-top: 16px; font-size: 18px;}
.agent_popup_info h4 a img{width:6px;}
.agent_popup_detail{background:#FAFAFA; padding: 14px 16px; border-radius: 5px; line-height: 1.6; text-align: left; margin-top: 18px;}
.agent_popup_detail span{color:#63605F; margin-right: 6px;}
.agent_contact_wrap{text-align: center;}
.agent_contact_wrap .agent_popup_call{color: #F16341; font-size: 22px; font-family: 'font-b'; margin-top: 18px;}
.agent_contact_wrap .agent_popup_call img{width:20px;}
.agent_contact_wrap .agent_popup_num{margin-top:18px; font-size: 16px; font-family: 'font-b';}
.agent_contact_wrap .agent_popup_noti{color: #9D9999; margin-top: 8px; margin-bottom: 30px; line-height: 1.4;}
.agent_box{position:sticky; width:352px; padding:26px; background: #fff; right:-80px; top:180px; margin-top:0px; z-index: 2; border-radius: 5px; border: 1px solid var(--gray-line) ; box-shadow : 0 0px 5px 1px rgba(105, 105, 105, 0.1); box-sizing: border-box;}
.agent_box .agent_box_info{display: flex; justify-content: center; gap: 8px; flex-direction: column; text-align: center;}
.agent_box .agent_box_info p{color: var(--color-gray-2); font-size: 16px;}
.agent_box .agent_box_img{width: 60px; height: 60px; margin: 0 auto; margin-bottom: 20px; }
.agent_box .agent_box_img img{border-radius: 99.9%; border: 1px solid #EEEDED; box-sizing: border-box;}
.agent_box .add_info_wrap{margin-top: 18px; margin-bottom: 24px; gap:8px; display: flex; flex-direction: column;}
.subway_ic{min-width: 16px; height: 16px; display: inline-block; font-size: 12px; border-radius: 20px; text-align: center; line-height: 16px; margin-right: 4px;}
.subway_ic_2{background:#3B9F37; color:#fff;}
.room_info_wrap{background:var(--gray-bg); height: 60px; position: fixed; top:60px; left:0; width:100%; z-index: 100;}
.room_info_inner{display: flex; align-items: center; justify-content: space-between; height: 60px;}
.room_info_inner .txt_item_1{font-size:20px;}
.room_info_inner .txt_item_2{font-size:16px; color:#63605F; margin-left: 22px;}
.room_info_inner .txt_item_3{font-size:20px; color:var(--main-color); font-family: 'font-b';}
.room_section_1{display: flex; padding-top:148px; justify-content: space-between;}
.room_section_1 .room_detail_img{width:764px;}
.room_section_1 .room_detail_info{width:352px;}
.room_img .swiper-button-next, .room_img .swiper-button-prev{color:#fff; background: rgba(0,0,0,0.4); width:40px; height: 40px; border-radius: 2px;}
.room_img .swiper-button-next:after, .room_img .swiper-button-prev:after{font-size: 16px;}
.room_img .swiper-pagination-fraction{color:#fff !important;}
.room_img .swiper-pagination-fraction span{color:#fff;}
.room_img .swiper-horizontal>.swiper-pagination-bullets, .room_img .swiper-pagination-bullets.swiper-pagination-horizontal, .room_img .swiper-pagination-custom, .swiper-pagination-fraction{background: rgba(0,0,0,0.4);  padding: 10px; border-radius: 5px;}
.room_img .swiper-horizontal>.swiper-pagination-bullets, .room_img .swiper-pagination-bullets.swiper-pagination-horizontal, .room_img .swiper-pagination-custom, .room_img .swiper-pagination-fraction{right: 16px !important; bottom: 16px; left: auto; width:auto !important;}
.room_img .swiper-slide{height: 410px;}
.room_img .swiper-slide .img_box{height: 410px;}
.btn_3d{border: 1px solid #D2D1D0; border-radius: 5px; padding: 8px 20px; color:#63605F; font-size: 16px; display: flex; align-items: center; width:fit-content; margin: 44px 0;}
.btn_3d img{width:30px; margin-right: 6px;}
.room_detail_info .txt_item_1{color:#63605F; margin: 30px 0;}
.room_detail_info .txt_item_2{color:var(--main-color); font-size: 32px; font-family: 'font-b'; line-height: 1.4;}
.room_detail_info .txt_item_2 span{display: block; color:var(--main-color); font-size: 32px; font-family: 'font-b'; line-height: 1.4;}
.room_detail_info .txt_item_3{font-size: 20px; margin-top: 10px;}
.room_detail_info .txt_item_4{color:#63605F; margin-top: 14px; margin-bottom: 28px;}
.room_detail_info .txt_item_5 span{background: rgba(241,99,65,0.1); border-radius: 20px; padding: 2px 6px; color:var(--main-color);}
.room_detail_info .txt_item_6{display: flex; margin-top:18px;}
.room_detail_info .txt_item_6 li{ color:#63605F;}
.room_detail_info .txt_item_6 i{font-style:normal; font-family: 'font-b'; color:#D2D1D0; font-size: 10px; margin: 0 8px;}
.room_detail_info .txt_item_6 p{display: none;}
.detail_btn_wrap{margin-top: 42px; display: flex; position: relative;}
.btn_room_wish.on{background: url('../images/btn_like_on.png') 16px 50% no-repeat; background-size:16px auto; border: 1px solid var(--main-color);}
.btn_room_wish{background: url('../images/btn_like_off.png') 16px 50% no-repeat; background-size:16px auto; border: 1px solid #D2D1D0; border-radius: 5px; display: inline-block; padding: 14px 16px 14px 36px; cursor: pointer; margin-right: 8px;}
.btn_room_share{width:44px; height: 44px; background: url('../images/header_btn_share_deep.png') 50% 50% no-repeat; background-size:16px auto;  display:inline-block; border: 1px solid #D2D1D0; border-radius: 5px; cursor: pointer;}
.layer_share_wrap{display: none; background: #fff; width:240px; border: 1px solid #D2D1D0; border-radius: 5px; position: absolute; z-index: 2; margin-top: 48px;}
.layer_share_wrap.layer_share_top{margin-top: 8px !important;}/* header에 있을 경우 */
.layer_share_con{display:flex; justify-content: center; padding: 18px 18px; text-align:center; }
.layer_share_con a{margin:  0 8px; color: var(--color-gray-2);}
.layer_share_con img{width:40px; height: 40px !important;}
.room_section_wrap{position:relative; display: flex; justify-content: space-between; margin-top: 100px;}
.room_section_wrap .page{padding-top: 50px;}
.room_section_wrap .page:first-child{padding-top:20px;}
.btn_floting_wrap{position:fixed; z-index:3; display:scroll; width:1175px; height:0px; bottom:0; left:50%; transform:translateX(-50%);}
.btn_floting{text-align:right; width:764px; margin-top: -100px; display: none;}
.btn_floting img{width:40px; margin-bottom:6px; z-index: 5; margin-right: 10px;}
.room_section_wrap section{padding-bottom:50px !important; width:764px}
.room_section_wrap section h3, .sales_section_wrap section h3{margin-bottom: 22px;}
.room_option_wrap .swiper-wrapper{height:110px;}
.room_option_wrap .swiper-slide{text-align:center; margin-right:18px; width: auto !important; }
.room_option_wrap .swiper-slide img{width:60px; height: 60px; margin-bottom:8px;}
.room_option_wrap .swiper-slide p{white-space:nowrap; margin-bottom: 14px;}
.option_title{color:#686564; margin-bottom: 12px;}
.detail_info_container {background: #F5F5F5; padding: 28px; color:#63605F; line-height: 1.4; font-size: 16px;}
.between_section{display:flex; justify-content: space-between; margin-top: 8px;}
.section_chart_wrap{width:378px;}
.section_price_wrap{width:328px !important;}
.btn_more_open{padding:8px; text-align: center; font-size: 13px; color:#63605F; margin-top: 14px; cursor: pointer; background:url('../images/ic_select_arrow.png') calc(50% + 30px) center no-repeat; background-size: 10px auto;}
.btn_more_open.close{background:url('../images/ic_arrow_close.png') calc(50% + 26px) center no-repeat; background-size: 10px auto;}
.showstep1{max-height:180px; overflow: hidden;}
.showstep2{max-height:100%; overflow: hidden;}
.container_map_wrap{overflow: hidden;}
.map_detail_wrp{margin-top:14px;}
.mediation_price{width:382px;}
.mediation_price li{display: flex; justify-content: space-between; padding:4px 0; font-size: 16px;}
.mediation_room .swiper-wrapper{height: auto;}
.mediation_room_img{height:164px; width: 245px;}
.mediation_room_img .img_box{height:164px; width: 245px;}
.mediation_txt_item1{font-size: 18px; font-family: 'font-b'; margin-top: 10px;}
.mediation_txt_item2{font-size: 16px; margin-top: 8px;}
.mediation_txt_item3{font-size: 16px; color:#63605F; margin-top: 8px;}
.mediation_room a.btn_more{border-radius: 5px; color:#63605F; font-size: 13px; padding: 10px; border: 1px solid #D2D1D0; display:inline-block; margin:22px 0;}
.room_bottom_wrap{display: none;}

/* 커뮤니티 */
.community_wrap {display: flex; justify-content:center;}
.community_area{width:778px; min-height:650px; background:#fff; box-sizing: border-box; border-left: 1px solid #D2D1D0; border-right: 1px solid #D2D1D0; overflow: hidden; padding-bottom: 40px;}
.community_area .community_inner_wrap{padding: 0 38px;}
.community_top{display: flex; justify-content: space-between; padding: 18px 0 0 0;}
.community_top_tab .tab_area_wrap1{margin-top:28px;}
.community_menu{display: flex;}
.community_menu li{margin-right:25px; display:inline-flex; align-items: center;}
.community_menu li a{color:#9D9999; font-size: 18px;}
.community_menu li.active a{color:#2A2828; font-family: 'font-b';}
.cmm_noti_wrap {margin-top: 10px;}
.cmm_noti_wrap li{border-bottom:1px solid var(--gray-line); display:flex; align-items: center; padding: 6px 0;}
.cmm_noti_wrap li a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cmm_noti_wrap li span{background:var(--main-color); color:#fff; font-size: 13px; border-radius:6px; padding:6px 8px; margin-right: 6px; flex-shrink:0;}
.cmm_noti_wrap li:last-child{border-bottom:none;}
.community_list li{border-bottom: 1px solid #EEEDED; padding: 18px 0;}
a.community_list_link{display: flex; align-items:flex-start; justify-content: space-between;}
.community_list li .user_name{display: inline-flex; min-height: 30px; align-items: center; margin-bottom: 14px;}
.community_list li .user_name .list_user_photo{width:30px; height:30px; margin-right: 8px;}
.community_list li .user_name .list_user_photo .img_box{border-radius: 50%;}
.community_row_wrap{overflow:hidden;}
.community_category{border: 1px solid #D2D1D0; border-radius: 6px; padding: 8px 10px; color: var(--color-gray-2); display: inline-block;}
.community_row_body h3{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 18px;}
.community_row_body h3 span{font-size: 18px;}
.community_row_body .txt_item_1{color:#63605F; font-size:16px; margin-top:8px; font-family: 'font-r'; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.community_row_body .txt_item_2 span{color:#9D9999; font-family: 'font-r';}
.community_row_body{ margin-right: 20px; overflow: hidden; flex-grow: 1;}
.community_row_img{width:80px; height: 80px; flex-shrink: 0;}
.community_row_img .img_box{border-radius:5px; height: 80px;}
.community_side{width:378px; border: 1px solid #D2D1D0; background:#fff; border-radius:10px; display: inline-block; position:sticky; position: -webkit-sticky; margin-top:185px; top:80px; right: 0; z-index: 2; padding: 28px; box-sizing: border-box;}
.community_side li{padding:14px 0; border-bottom: 1px solid var(--gray-line); box-sizing:border-box;}
.community_side li a.link_serial{display: flex; align-items: center; justify-content: space-between;}
.community_side li:last-child{border-bottom:none;}
.side_list_img{width:50px; height: 50px;}
.side_list_con{overflow: hidden;}
.side_list_con .txt_item_1{color:#2A2828; font-size: 16px; margin-top:6px; font-family: 'font-r'; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.side_list_con p span{color:#9D9999; font-family: 'font-r';}
.community_detail_top{overflow: hidden; border-bottom: 1px solid var(--gray-line); padding: 14px 0; box-sizing: border-box; margin-bottom: 22px;}
.community_detail_top h3{margin-top: 14px;}
.community_mark{background: rgba(241,99,65,0.1); color:var(--main-color); border-radius: 6px; padding: 5px 10px; display: inline-block;}
.detail_user{display:inline-flex; min-height:30px; align-items: center; margin-bottom: 14px; margin-top: 20px;}
.detail_user .list_user_photo{width:40px; height:40px; margin-right: 8px;}
.detail_user .list_user_photo .img_box{border-radius: 50%;}
.detail_user .txt_name{color:#2A2828;}
.detail_user .txt_date{color:#9D9999; font-family: 'font-r'; margin-top:6px;}
.community_contents{line-height: 1.4; font-family: 'font-r'; border-bottom: 1px solid var(--gray-line); padding-bottom:22px;}
.like_wrap{display: flex; align-items: center; margin-top: 60px;}
a.btn_like.on{background: url('../images/btn_like_on.png') no-repeat; background-size: 100% auto; width:17px; height: 15px; display: inline-block; }
a.btn_like{background: url('../images/btn_like_off.png') no-repeat; background-size: 100% auto; width:17px; height: 15px; display: inline-block; margin-right: 8px;}
.detail_img_wrap img{width: 100%; margin: 14px 0;}
.modal_big_img{width:800px !important;}
.modal_big_img .big_img{max-width:800px; min-width:600px;}
.modal_big_img .big_download{height:600px; width: auto;}
.modal_big_img .big_img_close{width: 24px; height: 24px; top:-34px; right: 0; position: absolute; cursor: pointer;}

.modal_big_document{width:auto; height:600px; background: transparent;}
.modal_big_document .big_img{max-width:800px; min-width:600px;}
.modal_big_document .big_download{height:600px; width: auto;}
.modal_big_document .big_img_close{width: 24px; height: 24px; top:-34px; right: 0; position: absolute; cursor: pointer;}

.comment_total{margin-top:22px; color:#63605F;}
.comment_list{margin-top: 22px;}
.comment_list li{border-bottom: 1px solid var(--gray-line); padding: 14px 0; line-height: 1.4;}
.comment_list li .txt_date{color:#9D9999; font-family: 'font-r';}
.comment_list li .txt_user{font-family: 'font-b'; display: flex; justify-content: space-between; align-items: center; margin-bottom:5px;}
.comment_list li .txt_user .menu_more{width:18px;}
.comment_list li .comment_con{box-sizing: border-box; padding-right: 30px;}
.comment_list li button.btn_re{color:#9D9999; margin-left:14px;}
.comment_list li .txt_user_tag{color:var(--main-color);}
.comment_reg_wrap{border: 1px solid #D2D1D0; border-radius: 5px; padding: 14px; position: relative;}
.comment_reg_wrap textarea{border: none; height: 80px; 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: 14px; top:14px; color: var(--main-color);}
.community_search_wrap{border: none; border-radius: 5px; display: flex; justify-content: space-between; margin-top: 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
.community_search_wrap input{border:none; flex: 1;}
.community_search_wrap img{width: 16px; margin: 0 14px 0 0; cursor: pointer;}
.community_search_wrap .btn_del{display: none;}
.search_word_list li{padding:8px 0; display: flex; justify-content: space-between; align-items: center;}
.list_sort_wrap{display: flex; justify-content: space-between;}
.more_menu_wrap{position: relative;}
.more_menu{position: absolute; display: none; right:0; top:20px; width:max-content; min-width:20px; background: #fff; box-shadow : 0px 0px 8px 0px rgb(0 0 0 / 8%); border-radius: 5px; overflow: hidden;}
.more_menu a{display:block; padding: 8px 14px !important; color:var(--color-gray-2)}
.board_detail_top{margin-top: 70px; margin-bottom: 22px;}

.list_sort{display:flex; justify-content: flex-end;}
.list_sort.type_2{justify-content: flex-start; padding: 14px 8px; border-bottom: 1px solid #EEEDED;}
.list_sort li{margin-left:20px; display:inline-flex; align-items: center;}
.list_sort li a{box-sizing: border-box; color:#BFBFBF; position: relative;}
.list_sort li a::before{position: absolute; content: ''; width:4px; height:4px; top:5px; left:-8px; border-radius: 10px; background:#BFBFBF;}
.list_sort li.active a::before{background:var(--main-color);}
.list_sort li.active a{color:#666;}

.list_sort2{display:flex; padding: 14px 0px; border-bottom: 1px solid #EEEDED;}
.list_sort2 li{margin-left:20px; display:inline-flex; align-items: center; height: 20px;}
.list_sort2 li a{box-sizing: border-box; color:#BFBFBF; position: relative;}
.list_sort2 li a::before{position: absolute; content: ''; width:1px; height:12px; top:2px; right:-8px; background:#D2D1D0;}
.list_sort2 li:last-child a::before{display: none;}
.list_sort2 li a span{color:#BFBFBF;}
.list_sort2 li.active a, .list_sort2 li.active a span.active{color:#F16341;}
.list_sort2.normal_type{border-bottom: none;}

.sort_direction{display: none;}
.sort_direction.active {display: inline-block;}
.sort_direction img {vertical-align: middle;}
.inner_toggle .inner_button{display: none;}
.inner_toggle.active .sort_direction{display: none;}
.inner_toggle.active .inner_button{display: inline-block; color:#F16341;}
.inner_toggle.active .inner_button .price_txt{color:#F16341;}
.inner_toggle.active .inner_button img{width:6px; }
.inner_toggle.active .inner_button img.rotated {transform: rotate(180deg);}

.empty_wrap{padding:150px 0; text-align: center;}
.empty_wrap.sm_type{padding:50px 0;}
.empty_wrap.box_type{padding:30px 0; border: 1px solid var(--gray-line); border-radius: 5px;}
.empty_wrap p{font-family: 'font-b'; margin-bottom: 10px; font-size: 16px;}
.empty_wrap span{color:#9D9999; line-height: 1.6;}
.empty_wrap.box_type p{font-size: 14px; font-family: 'font-m';}
.empty_wrap.box_type span{font-size: 13px; line-height: 1.4;}
.empty_wrap .empty_img{width:60px;}

.success_wrap{padding: 0; text-align: center;}
.success_wrap p{margin:22px 0 44px 0; font-size: 16px; color: var(--color-gray-2); line-height: 1.4;}
.success_wrap p span{font-size: 16px;}

.img_add_wrap {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap:10px; width:100%; margin-top:14px;}
.img_add_wrap.reg_step_type{width:842px; grid-template-columns: repeat(6, 1fr);}
.img_add_wrap .cell {height:0; padding-top: 100%; position: relative; border-radius: 5px;}
.img_add_wrap .cell .img_box{position: absolute; z-index: 1; top:0; left: 0; width: 100%; height: 100%; border-radius: 5px;}
.img_add_wrap .cell .btn_img_delete{width:26px; position: absolute; right:8px; top:8px; z-index: 2; cursor: pointer;}
.img_add_wrap .cell .add_img_mark{height: 26px; position: absolute; left:8px; top:8px; z-index: 2;}

/* 마이페이지 */
.result_count, .result_count span{font-size: 16px; color: var(--color-gray-2);}
.my_inner_wrap{width:1488px; margin: 0 auto; max-width: 100%; overflow-x: hidden; box-sizing: border-box; }
.my_wrap{display: flex; justify-content: space-between;}
.my_side{width:252px; margin-top: 100px;}
.my_side_top{border-bottom: 1px solid var(--gray-line); padding: 14px 16px; display: flex; align-items: center; margin-bottom: 22px;}
.my_profile_img{width:50px; margin-right: 14px;}
.my_profile_img .img_box{border-radius: 99%;}
.my_side_top .my_info p{font-size: 13px; color:#63605F; margin-bottom: 4px;}
.my_side_top .user_name{font-size: 18px; font-family: 'font-b';}
.my_gnb li a{padding:14px 16px; display:block;}
.my_gnb li.active a{background: #FEEFEC; color:var(--main-color);}
.btn_call{display: flex; align-items: center; font-size:16px; justify-content: center; height: 50px; border: 1px solid #9D9999; border-radius: 5px; width: 100%; margin-top: 22px;}
.btn_call img{width:14px; margin-right: 8px;}
.my_body{margin: 0 !important; padding-top: 40px; padding-bottom: 40px; min-height:700px;}
.my_tab_wrap{border-bottom: 1px solid var(--gray-line); margin-top: 30px;}
.my_search_wrap{display: flex; justify-content: space-between; margin-top: 40px;}
.border_top{display:flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.inner_change_button{font-size: 13px; border-radius:5px; background: #fff; border: 1px solid #D2D1D0; width: 40px; height: 20px; text-align: center; box-sizing: border-box;}
.inner_change_button img{width:10px; vertical-align: middle; margin-top: -5px;}
.my_body_top{margin-top:38px;}
.step_number, .step_number span{color: var(--color-gray-3); font-size: 20px; font-family: 'font-b';}
.input_wrap_check{display: flex; gap: 8px;}
.input_wrap_check input{flex: 1;}

.user_profile_wrap {width:80px; height:80px; overflow:hidden; margin:0 auto; position: relative; }
.user_profile_wrap img {border-radius:80px;}
.pw_change_wrap {display: none;}
.pw_change_wrap input, .pw_change_wrap button{margin: 8px 0;}

.alarm_list_wrap{margin-top: 14px;}
.alarm_list{border: 1px solid #D2D1D0; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; padding: 14px 28px;}
.alarm_list .alarm_tit{font-size: 16px; font-family: 'font-b';}
.alarm_list .alarm_tit i{width: 6px; height: 6px; background: var(--main-color); border-radius: 6px; display: inline-block; margin-left: 5px; margin-top:-8px; vertical-align: middle;}
.alarm_list .alarm_info{margin-top: 8px; color:var(--color-gray-2); line-height: 1.4; font-family: 'font-r';}
.alarm_list .alarm_date{font-family: 'font-r'; color: var(--color-gray-3); margin-top: 6px; position: relative; display: block;}
/* .alarm_list .alarm_date::before{position: absolute; width:4px; height:4px; border-radius:5px; background: #D2D1D0; content: ''; left: -8px; top:7px;} */
.alarm_list .alarm_dday{width:250px;}
.alarm_list .alarm_address{width:calc(100% - 258px); margin-top: 0;}
.alarm_list_2{cursor: pointer; padding: 24px 28px;}
.alarm_arrow{width: 8px;}

.proposal_list{margin-top: 14px;}
.proposal_row{display: flex; justify-content: space-between; align-items: center;}
.proposal_row .proposal_item_1{flex: 1;}
.proposal_row .txt_item_1{color: var(--color-gray-2); margin-top: 8px;}
.proposal_row .proposal_item_2 button{margin-left: 28px;}
.proposal_table_info{margin-top:14px;}
.proposal_detail_wrap{
    margin-top: 38px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
.proposal_detail_s2{margin-top: 38px;}
.proposal_detail_s3{
    margin-top: 20px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.proposal_toggle_btn{display: none;}
.proposal_table_wrap{margin-top: 14px;}
.number_box{border: 1px solid #D2D1D0; display:inline-block; width:28px; height:28px; text-align: center; line-height: 28px;}
.proposal_detail_row{display: flex; justify-content: space-between; align-items: center;}
.proposal_detail_row .proposal_item_1{flex: 1;}
.proposal_detail_row .txt_item_1{color: var(--color-gray-2); margin-top: 8px;}
.offer_step_wrap{margin-top:38px; display: flex; flex-direction: column; gap:14px;}
.box_reg{display: flex; flex-direction: column; gap:22px; margin: 0;}
.input_pyeong_area{display: flex; align-items: center; margin-top: 8px; gap: 4px; }
.input_pyeong_area input{width:130px}
.step_btn_wrap{display: flex; justify-content:space-between; margin-top: 38px; margin-bottom: 16px;}
.step_btn_wrap button:first-child{width:150px; color: #2A2828; font-family: 'font-b';}
.step_btn_wrap button:last-child{width:220px}
.offer_textarea_wrap textarea{width:100%; height: 125px;}
.calculator_btn_wrap{ text-align: center; margin-top: 38px;}
.calculator_btn_wrap .txt_info{color:var(--color-gray-3); font-size: 13px; line-height: 1.4; margin-bottom: 24px;}
.calculator_btn_wrap button{width:330px;}
.calculator_container{display:grid; gap:30px; grid-template-columns: repeat(2, 1fr); margin-top: 60px;}
.calculator_container .revenue_item{border: 1px solid #D2D1D0; border-radius: 10px; padding: 28px; background: url('../images/img_watermark.png') 250px center  no-repeat; background-size:100px auto;}
.calculator_container .loan_item{border: 1px solid #D2D1D0; border-radius: 10px; padding: 28px;}
.item_tit_wrap{display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px;}
.item_tit_wrap .btn_area{gap:8px; display: flex;}
.item_tit_wrap h4 span{color: var(--main-color); font-size: 18px;}
.repayment_schedule_wrap{height:300px; overflow-y: auto; margin-top:10px;}
.repayment_schedule_item{margin-bottom: 22px;}
.schedule_tit_tiem{background:#F5F5F5; border-radius: 5px; padding: 10px 14px; display: flex; justify-content: space-between; align-items: center;}
.schedule_tit_tiem span{font-size: 16px;}
.repayment_table th{border-bottom:1px solid #EEEDED; color:#63605F; padding: 8px 0;}
.repayment_table td{border-bottom:1px solid #EEEDED; text-align: center; font-size: 16px; padding: 8px 0;}
.input_time_row{display: flex; margin: 18px 0; align-items: center;}
.input_time_row div:first-child{width:60px;}
.input_time_row div:last-child{flex: 1;}
.item_wrap_1, .item_wrap_2{display: none;}
.input_area_1{display: flex; align-items: center; margin-top: 8px; gap: 4px;}
.input_area_1 input{width:278px}
.input_area_1 span{margin-right: 10px;}
.address_reg_wrap{display: flex; gap:22px;}
.address_reg_wrap .inner_item{flex: 1; align-items: center;}
.address_reg_wrap .inner_item.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;}
.address_reg_wrap .inner_item.inner_map.only_m{display: none;}
.inner_address{background:#F5F5F5; border-radius: 5px; height: 110px; margin-top: 18px; padding: 14px 16px; box-sizing: border-box; display: flex; flex-direction: column; gap: 8px;}
.address_row{display: flex; align-items: center; gap: 6px; font-size: 16px;}
.address_row span{display: inline-block; width:40px; text-align: center; padding: 6px; background:#fff; border: 1px solid #D2D1D0; border-radius: 30px; font-size: 13px; color:#63605F}
.input_wrap .input_item{display: none;}
.input_wrap .input_item.active{display: block;}
.input_item_grid{display: flex; flex-direction: column; gap: 22px;}
.w_input_150{width: 150px !important;}
.input_area_2{display: flex;}
.input_area_2 .item_check_add{width:200px; margin-left:10px; padding-top:18px; background: #fff;}
.detail_address_1, .detail_address_2, .search_address_1, .search_address_2{display: none;}
.detail_address_1.active, .detail_address_2.active, .search_address_1.active, .search_address_2.active{display: block;}
.adress_select{display: flex; align-items: center; gap: 18px;}
.adress_select li{background:url('../images/ic_select_arrow.png') center right no-repeat; background-size:9px; padding-right: 20px; opacity: 0.5; cursor: pointer;}
.adress_select li.active{opacity: 1;}
.adress_select_wrap{min-height: 200px;}
.open_key{display: none;}
.open_key.active{display: block;}
.option_row{display:flex; margin-top: 10px; align-items: flex-start;}
.option_row .option_tit{width:50px; padding: 10px 0;}
.option_row .checkbox_btn{width: calc(100% - 50px);}
.estate_type_txt{color: var(--main-color); font-size: 16px; text-align: center; padding:22px 0;}

.asset_dashboard_wrap{display: flex; gap: 28px; margin-top: 40px;}
.asset_dashboard_wrap .ds_item_1{width:384px; border: 1px solid var(--box-line); border-radius: 5px; padding: 18px 22px; box-sizing: border-box;}
.asset_dashboard_wrap .ds_item_1 label{color: var(--color-gray-2); display: block; margin-bottom: 8px;}
.asset_dashboard_wrap .ds_item_1 .main_price_wrap{margin-top: 18px;}
.asset_dashboard_wrap .ds_item_1 .main_price_wrap li{font-size: 16px; display: flex; justify-content: space-between; padding: 4px 0; color: var(--color-gray-2);}
.asset_dashboard_wrap .ds_item_1 .main_price_wrap li p, .asset_dashboard_wrap .ds_item_1 .main_price_wrap li span{font-size: 16px; color: var(--main-color); font-family: 'font-b';}
.detail_price_wrap{display: none;}
.detail_price{padding: 10px 0;}
.detail_price li{display: flex; justify-content: space-between; padding: 4px 0;}
.detail_price li, .detail_price_wrap li p{font-size: 14px; color: var(--color-gray-2);}

.asset_dashboard_wrap .ds_item_2{flex: 1; border: 1px solid var(--box-line); border-radius: 5px; display:grid; grid-template-columns:150px 1fr 150px 1fr; grid-template-rows:minmax(20px, auto); overflow: hidden;}
.asset_dashboard_wrap .ds_item_2 div{border-bottom:1px solid var(--gray-line); padding:14px; display:table-cell; font-size: 16px; line-height: 1.4;}
.asset_dashboard_wrap .ds_item_2 div:nth-child(odd) {background: #FAFAFA; color:#63605F;}
.asset_dashboard_wrap .ds_item_2 div:nth-child(9), .asset_dashboard_wrap .ds_item_2 div:nth-child(10), .asset_dashboard_wrap .ds_item_2 div:nth-child(11), .asset_dashboard_wrap .ds_item_2 div:nth-child(12){border-bottom: none;}

.asset_top_row{display: flex; justify-content: space-between; align-items: center;}
.asset_row_total{color:var(--color-gray-3); margin-top: 18px;}
.asset_detail_tit{display: flex; justify-content: space-between; align-items: center;}
.asset_detail_tit h1{font-size: 28px;}
.asset_detail_top_wrap{padding: 40px 0; box-sizing: border-box;}
.detail_asser_total{display: flex; justify-content:space-between; align-items: center; margin-bottom: 18px;}
.detail_asser_total label{font-size: 16px; color:var(--color-gray-2); display: block; margin-bottom: 8px;}
.asser_detail_item{display: flex;}
.asser_detail_item li{width:148px; margin-left: 22px;}
.asser_detail_item li:last-child{width: 70px;}
.asser_detail_item .item_price{color: var(--main-color); font-size: 18px; margin-top:8px;}
.price_status_box{background:#FEEFEC; border: 1px solid var(--main-color); border-radius: 10px; padding: 22px; display: flex;}
.price_status_box .status_item{width: 33.3%; text-align: center; font-size: 16px;}
.price_status_box .status_item div{margin-top: 8px;}
.price_status_box .status_item_red{color:#FF1E1E; position: relative; padding-left: 20px;}
.price_status_box .status_item_red::before{content: ''; background:url('../images/ic_state_up.png') no-repeat; background-size: 100%; width: 14px; height: 14px; position: absolute; left:0; top:6px;}
.price_status_box .status_item_blue{color:#2F5BF9; position: relative; padding-left: 20px;}
.price_status_box .status_item_blue::before{content: ''; background:url('../images/ic_state_down.png') no-repeat; background-size: 100%; width: 14px; height: 14px; position: absolute; left:0; top:6px;}
.info_table_wrap{margin-top: 18px;}
.download_wrap{display: flex; justify-content: space-between; margin-top: 18px;}
.download_wrap .download_item{width:200px;}
.download_img_box{background:#F5F5F5; border: 1px solid #f5f5f5; height: 200px; text-align: center; margin-top: 10px;}
.download_img_box img{height: 100%; cursor: pointer;}

.reg_mid_wrap{width:686px; display: flex; gap:28px;}
.reg_mid_wrap .reg_item{flex: 1;}
.document_reg_list{margin-top: -18px;}
.document_reg_list li{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #EEEDED; padding: 18px 0;}
.document_reg_list li:last-child{border-bottom:none;}
.document_reg_list li .document_img_reg{width:120px; height: 120px; text-align: center; background:#F5F5F5; border: 1px solid #F5F5F5;}
.document_reg_list li .document_img_reg img{height: 100%;}
.document_reg_list li .document_area{display: flex; align-items: center; gap:18px; width: calc(100% - 120px);}
.document_name_wrap{width: calc(100% - 10px);}
.document_name_wrap .document_name{display: flex; align-items: center; margin-top: 8px; font-size:13px; color:#9D9999; width: calc(100% - 0);}
.document_name_wrap .document_name span{font-size:13px; color:#9D9999; width: calc(100% - 0); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: inline-block;}

.type_item{display: none;}
.type_item.active{display: block;}

.self_day_wrap .self_day_item{display: none; margin-top: 16px;}
.self_day_wrap .self_day_item.active{display: block;}

/* 중개사 my */
.txt_memo{height:80px; overflow-y: auto; text-align: left; width:170px; padding:10px; box-sizing: border-box; background: #FAFAFA; border: 1px solid #EEEDED; border-radius: 5px;}
.txt_memo .txt_item{color:#9D9999; text-align: left;}

.proposal_list_2_wrap{display: flex; flex-direction: column; gap:14px; margin-top: 20;}
.proposal_list_row{border: 1px solid var(--box-line); border-radius: 5px; padding: 18px 22px; box-sizing: border-box; display: flex; justify-content: space-between;}
.proposal_list_2_wrap .proposal_list_row .list_item_1{font-size: 16px; color: var(--color-gray-2); margin-top: 8px;}
.proposal_list_2_wrap .proposal_list_row .list_item_1 span{font-size: 16px; color: var(--main-color);}
.proposal_list_2_wrap .list_item_2{display: flex; gap:22px; align-items: center;}
.proposal_list_2_wrap .list_item_2 .btn_arrow{background: url('../images/ic_list_arrow.png') center no-repeat; background-size:10px; width:34px; height: 34px;}
.company_name{margin-top: 30px; display: flex; align-items: center; gap: 8px;}
.proposal_group{margin-top:22px;}
.proposal_group .group_tit{color:var(--color-gray-2); margin-bottom: 8px;}
.bottom_btn_wrap{display:flex; justify-content:space-between; margin-top:38px; margin-bottom: 16px; box-sizing: border-box;}
.proposal_type_wrap{padding-top:22px;}
.proposal_type_tab .swiper-wrapper{display: flex; justify-content: center; padding: 0 16px; height: 36px;}
.proposal_type_tab .swiper-slide{width: auto;}
.proposal_type_item{display: none;}
.proposal_type_item.active{display: block;}
.type_view_wrap {margin-top: 38px;}


/* 제안서 템플릿 */
.proposal_type_1 section{border: 1px solid #EDEDED; box-sizing: border-box;}
.type_view_wrap section{width:1280px; height: 720px; margin: 0 auto;}
.type_view_wrap section.type_1_1{background: url('/assets/media/type1_img_1.png') no-repeat; background-size:100% auto !important; padding:38px; box-sizing: border-box; position: relative;}
.type_view_wrap section.type_1_page{background: url('/assets/media/type1_img_2.png') top no-repeat; background-size:100% auto !important; padding:28px; box-sizing: border-box;}
.type_view_wrap section.type_1_1 h1{color: #fff; font-size: 40px; line-height: 1.2;}
.type_view_wrap section.type_1_1 .txt_item_1{color:#fff; margin-top: 10px;}
.proposal_type_1 section.type_1_5{background: url('/assets/media/type1_img_3.png') no-repeat !important; background-size:100% auto !important; box-sizing: border-box; position: relative;}
.proposal_type_1 section.type_1_5 .end_company_wrap{position: absolute; right: 38px; bottom: 38px; text-align: right; display:flex; flex-direction: column; gap: 14px;}
.proposal_type_1 section.type_1_5 .end_company_wrap .txt_item_1{color:#fff; font-size: 16px; line-height: 1.3;}
.proposal_type_1 section.type_1_5 .end_company_wrap .txt_item_2{color:#fff; font-size: 20px; line-height: 1.4; font-family: 'font-b';}
.proposal_type_1 section.type_1_5 .end_company_wrap .txt_item_3{color:#fff; font-size: 14px;}
.type_1_index{width:100%; display: flex; flex-direction: column; gap:30px; align-items: flex-end;}
.type_1_index .index_item{width: 300px;}
.type_1_index .index_tit{display: flex; align-items: center; width:100%; justify-content: space-between;}
.type_1_index .index_tit .index_number{width: 30px; color: #fff; font-size: 16px; text-align: right;}
.type_1_index .index_tit .index_name{position: relative; color:#fff; font-size: 16px; flex: 1; width: 370px;}
.type_1_index .index_tit .index_name:after{content: ''; position: absolute; right:0px; top:8px; width:calc(100% - 140px); height: 1px; background: #fff;}
.type_1_index .index_item_list{display: flex; flex-direction: column; gap: 6px; margin-top: 10px;}
.type_1_index .index_item_list .index_item_row{color:#fff;position: relative; padding-left:10px;}
.type_1_index .index_item_list .index_item_row::before{content: ''; width: 3px; height: 3px; border-radius: 5px; background: #fff; position: absolute; top:8px; left: 0;}
.type_1_page h2{font-size: 30px; color:#fff; padding-left: 10px;}
.type_1_page h3{font-size: 20px; background:#FAFAFA; border: 1px solid #EDEDED; margin-top:80px; text-align: center; padding: 14px;}
.proposal_type_item .item_wrap{display: flex; justify-content: space-between; gap:28px; margin-top: 60px;}
.proposal_type_item .item_wrap .item_img{width:428px; height: 293px; margin-top:14px;}
.proposal_type_item .item_wrap .item_img img{height: 293px; width: 100%; object-fit: cover;}
.proposal_type_item .item_wrap .item_img iframe{width:428px; height: 293px;}
.proposal_type_item .item_wrap h5{font-size: 18px;}
.proposal_type_item .item_2_wrap{display: grid; grid-template-columns:repeat(2, 1fr); gap: 28px; margin-top:10px;}
.proposal_type_item .item_3_wrap{display: grid; grid-template-columns:repeat(2, 1fr); gap:28px; grid-row-gap:28px; width: 786px; margin:80px auto 0;}
.proposal_type_item .item_3_wrap .item_img{width:379px; height:259px;}
.proposal_type_item .item_3_wrap .item_img img{height:259px; width: 100%; object-fit: cover;}
.proposal_type_item .item_4_wrap {display: flex; justify-content: space-between; gap:60px; margin-top: 0px;}
.proposal_type_item .item_4_wrap h4{font-size: 18px; padding: 14px; text-align: center; margin-bottom: 10px;}
.proposal_type_item .item_4_wrap .item_div{flex: 1;}
.proposal_section_table, .proposal_section_table th, .proposal_section_table td{border: 1px solid #EDEDED; background: #fff;}
.proposal_section_table th, .proposal_section_table td{padding:12px;}
.proposal_section_table th{background:#FAFAFA; text-align: left; color:#63605F; vertical-align: middle;}
.proposal_section_table_2 tr{border-bottom: 1px solid #EDEDED;}
.proposal_section_table_2 th{color:#63605F; padding:6px 7px; text-align: left;}
.proposal_section_table_2 td{text-align: right; padding:6px 7px; background: #fff;}
.proposal_section_table_2 .txt_item_1{font-size: 10px; color:#F16341}
.proposal_section_table_2 .txt_item_2{font-size: 14px; color:#F16341}
.proposal_type_1 .txt_item_end{font-size:80px; font-family: 'font-b'; color: #fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.proposal_type_1 section.type_1_5{position: relative;}
.proposal_type_1 .type_1_2, .proposal_type_1 .type_1_3, .proposal_type_1 .type_1_4{background: url('/assets/media/type1_img_2.png') top no-repeat; background-size:100% auto;}
.proposal_type_1 .page_ui{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}


.td_wrap_1{overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:17; line-height:16px;}

.map_size{width:428px; height:293px !important;}

/* 제안서 인쇄 */
.proposal_type_1 h3{font-size: 20px; background: #FAFAFA; border: 1px solid #EDEDED; margin-top:60px; text-align: center; padding: 14px;}
.page-break {page-break-before: always;  margin: 0; border: initial;}
/* .type_view_wrap section{width:297mm; height:210mm;} */
.print_page{position:relative}
.print_page .page_layer{width:100%; height:100%; padding:38px; box-sizing: border-box;}
.proposal_type_1 h1, .proposal_type_1 h2, .proposal_type_1 .txt_item_end, .proposal_type_1 .txt_item_1{color:#fff !important; -webkit-print-color-adjust:exact; line-height:1.4;}
.checkbox_btn input[type="checkbox"]:checked + label{background:#9D9999 !important; -webkit-print-color-adjust:exact;}
.type_view_wrap section.type_2_1 h1{color:#000 !important; -webkit-print-color-adjust:exact;}
.proposal_type_2 h1{color:#000 !important; -webkit-print-color-adjust:exact; font-size: 40px; line-height: 1.2;}
.proposal_type_2 .txt_item_1{margin-top:4px;}
.proposal_section_table_2 .txt_item_1{color:#F16341 !important;}

@media print {
    @page {size: A4 landscape; margin:0;}
    * {box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-print-color-adjust: exact !important; color-adjust: exact !important; }
    /* section{width:297mm; height:210mm;} */
    div, p{font-family: 'font-m';}
    .page-break {page-break-before: always;  margin: 0; border: initial;}
    .type_view_wrap section{width:297mm; height:167mm;}
    .print_page{position:relative}
    .proposal_type_1 section{border:none !important;}
    .print_page .page_layer{width:100%; height:210mm; padding:35pt !important; box-sizing: border-box;}
    /* .bg_img_wrap{width:100%; height:210mm; overflow:hidden;} */
    .checkbox_btn input[type="checkbox"]:checked + label{background:#9D9999 !important; -webkit-print-color-adjust:exact;}

    .proposal_type_1 .txt_item_end{font-size:78pt !important; color: #000;}
    .proposal_type_1 .type_1_1{background:#fff000 url('/assets/media/type1_img_1.png') !important; background-size:100% 210mm !important; height:210mm; -webkit-print-color-adjust: exact !important; color-adjust: exact !important;}
    .proposal_type_1 .type_1_5{background:url('/assets/media/type1_img_3.png') !important; background-size:100% 210mm !important; height:210mm; transform: scale(1);}
    .proposal_type_1 h3{font-size: 20px; background: #FAFAFA; border: 1px solid #EDEDED; margin-top: 80px; text-align: center; padding: 14px; position: static;}
    .type_1_index .index_tit .index_name{font-size: 16px !important; width: 370pt !important; position: relative !important;}
    .proposal_type_1 section.type_1_1 .txt_item_1{font-size:14pt !important;}
    .type_1_index .index_tit .index_name:after{content: ''; position:absolute !important; left: auto !important; right:0 !important; top:6pt !important; width:calc(100% - 120pt) !important; height:1px; background:#fff !important;}
    .type_1_index .index_tit .index_number{font-size: 16pt !important; text-align: right !important;}
    .type_1_index .index_item_list .index_item_row{font-size: 14px !important;}
    .type_view_wrap section.type_1_5 .end_company_wrap{right:34pt !important; bottom: 34pt !important;}
    .proposal_type_1 section.type_1_5 .end_company_wrap .txt_item_1{font-size: 15pt !important;}
    .proposal_type_1 section.type_1_5 .end_company_wrap .txt_item_2{font-size: 20pt !important;}
    .proposal_type_1 section.type_1_5 .end_company_wrap .txt_item_3{font-size: 13pt !important;}
    .type_1_index{width:300pt; display: flex; flex-direction: column; gap:30px; position:static; right:34pt !important; bottom: 34pt !important;}

    .proposal_type_2 section.type_2_1{background:#F7F7F7 url('/assets/media/type2_img_1.png') no-repeat; background-size:100% auto !important; height:210mm; box-sizing: border-box;}
    .proposal_type_2 section.type_2_2{background:#F7F7F7 url('/assets/media/type2_img_2.png') no-repeat; background-size:100% auto !important; height:210mm; box-sizing: border-box; padding:38pt !important;}
    .proposal_type_2 section.type_2_3{background:#F7F7F7 url('/assets/media/type2_img_3.png') no-repeat; background-size:100% auto !important; height:210mm; box-sizing: border-box; padding:28pt !important;}
    .proposal_type_2 section.type_2_5{background:#F7F7F7 url('/assets/media/type2_img_4.png') no-repeat; background-size:100% auto !important; height:210mm; box-sizing: border-box; padding:38pt !important;}
    .proposal_type_2 h1{font-size:38pt !important;}
    .proposal_type_2 h2{font-size:22pt !important;}
    .proposal_type_2 section.type_2_1 .txt_item_1{margin-top: 4pt !important; font-size: 14pt !important;}
    .type_2_index .index_tit .index_name, .type_2_index .index_tit .index_number{font-size: 16px !important;}
    .type_2_index{margin-top: 90px !important;}
    .type_2_index .index_item_list .index_item_row{font-size: 14px !important;}
    .type_2_index .index_tit .index_name:after{content: ''; position: absolute; left: auto !important; right:0px !important; top:8px; width:calc(100% - 200px) !important; height: 1px; background: #D2D1D0;}
    .type_2_index .index_item_list{gap:6px !important; display: flex !important;}
    .proposal_section_table_2 .txt_item_1{font-size:10px !important;}
    .proposal_type_2 section.type_2_5 .txt_item_end{font-size:40pt !important; color: #000 !important; font-family: 'font-b';}
    .proposal_type_2 section.type_2_5 .txt_item_end p{font-size:14pt !important; font-family: 'font-m'; color: #000 !important;}
    .proposal_type_2 section.type_2_5 .end_company_wrap{margin: 0 20pt 20pt 0;}
    .proposal_type_2 section.type_2_5 .end_company_wrap .txt_item_1{font-size: 16pt !important; color: #fff !important;}
    .proposal_type_2 section.type_2_5 .end_company_wrap .txt_item_2{font-size: 20pt !important; color: #fff !important;}
    .proposal_type_2 section.type_2_5 .end_company_wrap .txt_item_3{font-size: 14pt !important; color: #fff !important; margin-bottom: 10pt;}
    .proposal_type_2 .item_wrap_box .item_info{height:50pt !important;}
    .proposal_type_2 .item_wrap_box{padding: 15pt !important; width:395pt !important; height:465pt !important;}
    .proposal_type_2 .item_wrap_box .item_img div{width:365pt !important; height: 239pt !important;}
    .proposal_type_2 .item_wrap_box .item_info p{font-size: 15pt !important;}

    .proposal_type_3 section.type_3_1{background:#F7F7F7 url('/assets/media/type3_img_1.png') no-repeat; background-size:100% auto !important; height:210mm; padding:38px; box-sizing: border-box; position: relative; display: flex; justify-content: center; align-items: center;}
    .proposal_type_3 .type_page{background:#fff url('/assets/media/type3_img_2.png') top no-repeat; background-size:100% auto; padding:28pt !important; box-sizing: border-box;}
    .proposal_type_3 .type_3_1 .ghost_box h1{font-size: 40pt !important; color: #fff !important;}
    .proposal_type_3 .type_3_1 .ghost_box .txt_item_1{font-size: 14pt !important; color: #fff !important;}
    .proposal_type_3 .type_3_2{height:210mm; padding: 38pt !important;}
    .proposal_type_3 .type_3_2 h2{font-size: 30pt !important; color: #fff !important;}
    .type_3_index .index_item .index_list .index_name{font-size: 17pt !important;}
    .type_3_index .index_item .index_item_list .index_item_row{font-size: 14pt !important;}
    .type_3_index{margin-top: 56pt !important;}
    .proposal_type_3 .type_page h2{font-size: 22pt !important;}
    .proposal_type_3 h3{font-size: 20pt !important; margin-top: 76pt !important;}
    .proposal_type_3 .item_info p{font-size: 15pt !important;}
    .proposal_type_item .item_3_wrap{margin:70pt auto !important;}
    .proposal_type_3 .item_info{height: 50pt !important;}
    .proposal_type_item .item_2_wrap{margin-top:45pt !important;}
    .proposal_type_3 .item_4_wrap{margin-top:52pt !important;}
    .proposal_type_item .item_4_wrap h4{padding:12pt !important; font-size: 17pt !important;}
    .type_3_1 .ghost_end_box .txt_item_end{font-size: 40pt !important; font-family:'font-b' !important;}
    .type_3_1 .end_company_wrap .txt_item_1{font-size: 16pt !important; font-family:'font-m' !important;}
    .type_3_1 .end_company_wrap .txt_item_2{font-size: 20pt !important;}
    .type_3_1 .end_company_wrap .txt_item_3{font-size: 14pt !important;}
    .type_3_1 .end_company_wrap{gap: 14pt !important;}

    .proposal_section_table_2 th, .proposal_section_table_2 td, .proposal_section_table_2 .txt_item_2{font-size:15px !important;}
    .proposal_type_5 .proposal_section_table, .proposal_section_table th, .proposal_section_table td{font-size:15px !important; padding: 8px !important;}
    .proposal_section_table_2 th{padding: 6px 7px !important;}
    .type_view_wrap section.type_2_1 h1{color:#000 !important; -webkit-print-color-adjust:exact;}

    .proposal_type_4 .type_4_1{background: url('/assets/media/type3_img_1.png') no-repeat; background-size:100% auto !important; height:210mm; padding:38pt; box-sizing: border-box; position: relative;}
    .proposal_type_4 .type_page{width:100%; height:210mm; padding: 35pt !important;}
    .type_4_1 .ghost_box .end_company_wrap .txt_item_2{font-size: 20px !important;}
    .type_4_1 .ghost_box .txt_item_end{font-size: 40px !important;}
    .type_4_1 .ghost_box h1{font-size: 39pt !important;}
    .type_4_1 .ghost_box .txt_item_1{font-size: 14pt !important;}
    .proposal_type_4 .type_page .header h2{font-size: 30pt !important;}
    .proposal_type_4 .type_page .header p{font-size: 14pt !important;}
    .proposal_type_item .item_4_wrap{margin-top:58pt !important;}
    .type_4_index{display: grid !important; grid-template-columns: 200pt 200pt 200pt !important; justify-content: space-between;}
    .type_4_index .index_tit .index_name{font-size: 16pt !important; width: 100%; position: relative;}
    .type_4_index .index_item_list .index_item_row{font-size: 14pt !important;}
    .type_4_index .index_tit .index_number{font-size: 16pt !important;}
    .type_4_index .index_tit .index_name:after{content: ''; position: absolute; left: auto !important; right:0px !important; top:8pt !important; width:calc(100% - 140pt) !important;}
    .type_4_index .index_item{width:254px !important;}
    .type_4_index .index_item_list{display: flex; flex-direction: column; gap: 6pt !important; margin-top: 10pt !important;}
    .proposal_type_4 .type_page h3{font-size: 22pt !important;}
    .proposal_type_4 .item_wrap h5{font-size: 18pt !important;}
    /* .proposal_type_item .item_wrap .item_img{margin-top: 14pt !important; width: 428pt !important; height: 293pt !important;} */
    .proposal_type_4 .txt_info{font-size: 14pt !important; margin-top: 14pt !important;}
    /* .proposal_type_4 .item_wrap .item_img .img_box img{width: 428pt !important; height: 293pt !important;} */
    .type_4_1 .ghost_box .end_company_wrap .txt_item_3{font-size: 14pt !important;}
    .type_4_1 .ghost_box .end_company_wrap .txt_item_2{font-size:20pt !important; font-family: 'font-b' !important;}
    .type_4_1 .ghost_box .txt_item_end{font-size: 40pt !important; font-family: 'font-b' !important;}
    .type_4_1 .ghost_box .end_company_wrap{gap: 14pt !important;}
    .proposal_type_item .item_wrap{margin-top: 50pt !important;}


    .type_view_wrap section.type_5_1{background:url('/assets/media/type5_img_1.png') no-repeat; background-size:100% auto !important; height:210mm !important; padding:35pt !important; box-sizing: border-box; position: relative;}
    .type_5_1 .ghost_box h1{font-size: 44pt !important;}
    .type_5_1 .ghost_box .txt_item_1, .type_5_1 .ghost_box .txt_item_3{font-size: 14pt !important;}
    .type_5_1 .ghost_box .txt_item_2, .type_5_end .end_company_wrap .txt_item_2{font-size: 20pt !important; font-family: 'font-b' !important;}
    .type_5_end .ghost_end_box .txt_item_end{font-size: 40px !important; flex: 1 !important;}
    .proposal_type_5 .type_page{background:#424242 !important; -webkit-print-color-adjust:exact !important; width:100%; height:210mm; padding: 35pt !important;}
    .type_5_1 .txt_item_1{font-size:14px !important;}
    .type_5_index .index_item .index_list .index_name{font-size: 20px !important;}
    .type_5_index .index_item .index_number{font-size: 44px !important; width: 70px !important;}
    .type_5_index .index_item .index_item_list .index_item_row{font-size: 16px !important; padding-left: 15pt !important;}
    .type_5_index .index_item .index_item_list{margin-top: 14pt !important;}
    .proposal_type_5 .type_page h2{font-size: 30pt !important; position: relative !important;}
    .proposal_type_5 h3{margin-top: 60pt !important; font-size: 30pt !important; padding-left: 60pt !important;}
    .proposal_type_item .item_wrap h5{font-size: 18pt !important;}
    .proposal_type_item .item_wrap .item_img{margin-top: 14pt !important;}
    .proposal_type_5 section.type_5_3{background: url('/assets/media/type5_img_2.png'); background-size:100% auto !important;}
    .proposal_type_5 .txt_info{font-size: 14pt !important; margin-top: 14pt !important;}
    .proposal_type_5 .type_page h2::before{position: absolute !important; content: ''; left:-41pt !important; top:-13pt !important; width: 280pt !important; height: 60pt !important; background: #B25148 !important; z-index: -1 !important;}
    .type_5_end .ghost_end_box .txt_item_end{font-size: 40pt !important; font-family: 'font-b';}
    .type_5_end .end_company_wrap .txt_item_3{font-size:14pt !important;}
    .type_5_end .end_company_wrap .txt_item_1{font-size: 16pt !important;}
    .type_5_end .ghost_end_box{display: flex; justify-content:space-between !important; align-items: center !important; padding:35pt 40pt 35pt 35pt !important;}
    .type_5_end .end_company_wrap{width:262pt !important; gap: 14pt !important;}
    .type_5_end .ghost_end_box .txt_item_end{flex: 1 !important;}
    .proposal_type_5 .proposal_section_table th, .proposal_section_table td{padding:12px; color: #2A2828;}
    .proposal_type_5 h3::before{width:48pt !important; height:30pt !important; position:absolute; left: 0 !important;}
}

.body.cst_bg{background: url('/assets/media/custom/consulting/3.jpg') top center no-repeat; background-size: 100% auto; padding-bottom:0px; position: relative;}
.body.cst_bg::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 1;}
.body.cst_bg > *{position: relative; z-index: 2;}
.cst_top{display: flex; flex-direction: column; align-items: center; justify-content: center; height:200px; gap: 24px;}
.cst_top h1{color:#fff}
.cst_top .sub_txt{color:#fff; font-size: 18px; line-height: 1.4; text-align: center;}
.cst_wrap{margin: 0 auto !important;}
.cst_wrap textarea{height: 200px;}