@charset "utf-8";


.m_block{display: none}
.totalmenu_mobile{display: none}
.PanelLayout .top_title .top_prev_btn{display: none}
._mo_768{display: none !important}
.contents-title-mobile{display: none}
.mobile_paging{display: none}
.mobile_quickmenu, .btn-top-go, .footer_quick_go{display: none}
.mobile_total_menu{display: none}

.mobile_info_Favorite{display: none;position: fixed; top: 0; left: 0;background: rgba(255, 255, 255, .8); width: 100%;height: 100%;backdrop-filter: blur(3px);z-index: 999}
.mobile_info_Favorite .popup_div{width: 200px;height: 200px;padding-top: 20px}
.mobile_info_Favorite .popup_div .info_txt{background: url("../../img/land/mobile_info_Favorite.png") no-repeat center 10px;padding-top:110px;text-align: center}
.mobile_info_Favorite .popup_div .form-check{margin-top: 20px; padding-left: 0;   display: flex;  align-items: center;  justify-content: center;}
.mobile_info_Favorite .popup_div .form-check input{width: 20px;height: 20px}
.mobile_info_Favorite .popup_div .form-check label{padding: 6px; line-height: 1.2;}

/* 모바일 퀵메뉴 */
.footer_quick_go{position: fixed; bottom: 43px;right: 15px;z-index: 20;display:none;}
.footer_quick_go a{display: block;margin: 5px 0;
    width: 50px; height: 50px;text-align: center;
    color: #fff;font-family: "notoKrM", sans-serif;
    font-weight: 500;
    border-radius: 3px;
    -webkit-border-radius: 3px;}
.btn-top-go{line-height: 50px; background: rgba(12, 43, 128, 0.8);}
.btn-quick-go {  background: rgba(12, 43, 128, 0.9); line-height: 1.3;   font-size: 13px;  padding-top: 9px;}
.mobile_quickmenu{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:152;background:rgba(34,49,64,0.85);}
.mobile_quickmenu_box{display:flex;justify-content: center;align-items: center;width:100%;height:100%;}
.mobile_quickmenu_box > div{width:170px;background:#cfcdcb;overflow:hidden;text-align:center;box-shadow:7px 7px 10px rgba(0,0,0,0.2);border-radius:8px;}
.mobile_quickmenu_box > div > strong{background:#2971DB;color:#ffffff;font-size:15px;font-family:'NotoKrB';display:block;height:42px;line-height:42px;}
.mobile_quickmenu_box > div > ul{display:flex;gap:1px;flex-direction: column;}
.mobile_quickmenu_box > div > ul li a{display:block;background:#ffffff;height:46px;line-height:46px;font-family:'NotoKrB';color:#333}
.mobile_quick_x{position:absolute;top:20px;right:20px;display:block;text-indent:-9999px;width:30px;height:30px;}
.mobile_quick_x:before{content:"\2715";color:#ffffff;font-size:38px;position:absolute;top:0;right:0;text-indent:0;}

@media only all and (max-width: 1600px) {
    .headerDiv .gnb_wrap .gnb_menu{width: 900px;}
    .quick_menu{display: none}
    footer > div{width: 100%;gap:0;padding:20px 10px }
    footer > div *{font-size: 14px;}

    .container_box{width: 100%;padding: 0}
    .content{gap: 0}
    .lnb{display: none !important}
    .cont{padding: 10px}

    .search_criteria dd{width: 15%}


    /* 임대시장 현황 */
    .search_criteria{padding: 15px}
    .search_criteria dl{    flex-wrap: wrap;}
    .search_criteria dt{    margin-left: 0;width: 80px;}
    .search_criteria dd{width: calc(50% - 100px);}
    .search_criteria dd > div{width: 100%}
    .search_criteria_btn{right: 65px;}
}

@media only all and (max-width: 1200px) {
    /* layout 공통*/
    .m_block{display: block}
    .pc_block{display: none !important;}
    body{width: 100%;min-width: auto}
    .headerDiv .gnb_wrap .gnb_menu, .zoom, .map_menu_wrpa nav, .control_scale, #sect-legend{display: none}
    header{height: 65px}
    .headerDiv .gnb_wrap{height: 40px;        padding: 0 10px;}
    .top_aside{height: 23px;padding: 0}
    .top_aside ul li a{font-size: 12px;    padding: 5px 15px;}
    .headerDiv h1 a{ width:110px; height: 40px;background-size: contain}
    .mobile_aside{float: right;        display: flex !important;  align-items: center;  height: 100%; gap: 10px;}
    .mobile_aside a{width: 25px;height: 25px;display: inline-block;font-size: 0}
    .mobile_aside a.search{background: url("../../img/land/monile_search.png") no-repeat center}
    .mobile_aside a.sitemap{background: url("../../img/land/mobile_menu.png") no-repeat center}
    .filter_region_wrap .filter_wrap .button_list.category{        position: absolute;  right: -24px;  top: -20px;}
    .filter_region_wrap .filter_wrap .type_btn{font-size: 13px;    padding: 0 10px;}
    /* layout 공통*/

    footer > div{width: 100%;flex-direction: column;align-items: center;padding: 15px 0}
    footer > div *{font-size: 14px;        text-align: center;}
    .footer_menu div{line-height: 1.2}
    .footer_menu div br{display: block}
    .footer_logo{margin-bottom: 10px}
    .footer_menu ul{gap: 20px}
    .footer_menu address{margin: 5px 0}
    .footer_com{display: none}
    .footer_site select{width: 300px;margin: 20px 0 30px 0}

    .footer_quick_go{display:block;}

    .totalmenu_mobile{display: block;position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: none;
        padding-bottom: 0;
        border-top: 0;
        z-index: 1010;
        background: #fff;
        overflow-y: hidden;}
    .totalmenu-wrapper-mobile{padding: 0 15px}
    .totalmenu-wrapper-mobile .title{display: flex;justify-content: space-between;align-items: center;position: fixed; z-index: 20;
        top: 0;
        left: 0;
        width: 100%;
        height: 55px;
        line-height: 55px;
        background: #0867bc;
        padding: 0 15px;
        box-sizing: border-box;}
    .totalmenu-wrapper-mobile .title .btn_closed{display: block;
        width: 24px;
        height: 24px;
        background: url(../../img/pop_closed.png) no-repeat center;
        font-size: 0;}
    .totalmenu-wrapper-mobile .mobile-title {

        color: #fff;
        font-size: 19px;
        font-family: "notoKrB", sans-serif;
        font-weight: 700;
    }
    .totalmenu-area-mobile h2 a.on, .totalmenu-area-mobile h2 a.selected, .totalmenu-area-mobile h2 a.point {
        color: #0a66b8;
        border-bottom: 1px solid #0a66b8;}
    .totalmenu-area-mobile > ul > li > a.selected {color: #0a66b8;}
    .totalmenu-area-mobile h2 a {
        position: relative;
        display: block;
        color: #111111;
        font-size: 17px;
        line-height: 1.333em;
        padding: 15px 0;
        font-family: "notoKrB", sans-serif;
        font-weight: 700;
        border-bottom: 1px solid #afafb2;}
    .totalmenu-area-mobile h2 a .arrow{ position: absolute;
        top: 16px;
        right: 0;
        width: 22px;
        height: 22px;
        background:url("../../img/icon_totalmenu_down.png") no-repeat center;display: inline-block;}
    .totalmenu-area-mobile h2 a.on .arrow, .totalmenu-area-mobile h2 a.selected .arrow, .totalmenu-area-mobile h2 a.point .arrow { background:url("../../img/icon_totalmenu_up.png") no-repeat center}
    .totalmenu-wrapper-mobile {
        padding-top: 55px;
        height:100%;
        overflow-x: hidden;
        overflow-y: auto;}
    .totalmenu-area-mobile ul {
        display: none;
        border-top: 0;
        border-bottom: 1px solid #b5b5b5;
        background: transparent;
        padding: 5px 15px;}
    .totalmenu-area-mobile ul li a {
        display: block;
        color: #666666;
        line-height: 1.385em;
        font-family: "notoKrB", sans-serif;
        font-weight: 700;
        padding: 6px 10px 6px 0px;
        background:  url(../../../images/rone/portal/icon_totalmenu_depth02.gif);
        background-repeat: no-repeat;
        background-position: 0 18px;
        background-size: 6px 1px;}
    .totalmenu-area-mobile ul li a:before{
        content:"ㆍ ";
    }
    .totalmenu-area-mobile ul:after {
        content: "";
        clear: both;
        display: block;}

    .login-mobile-area {padding:15px 0;}
    .login-mobile-area a {
        display: block;
        height: 38px;
        line-height: 38px;
        color: #656565;
        font-size: 1.077em;
        border: 1px solid #cacaca;
        font-family: "notoKrB", sans-serif;
        font-weight: 700;
        text-align: center;}

    .contents-title-wrapper{margin-bottom: 0}
    /* 관련사이트 */
    .sitelist li.linktit{width: 40%}
    .sitelist li.linktxt{width:60%}

    /* 소개 */
    .intro_welcome{background: #edf4fd;padding: 15px;border-radius: 10px;height: auto}
    .intro_welcome > div, .intro_welcome > div strong{font-size: 21px}
    .intro_welcome > p{font-size: 16px}
    .intro_txt{font-size: 15px}
    .intro dl dt{font-size: 18px}
    .intro dl dd{font-size: 15px}
    .intro {padding:0}

    .faq-list-wrapper{margin-top: 0}

    /* 임대시장 현황 */
    .contents-title-wrapper.space_between{    justify-content: flex-end;margin-bottom: 10px; margin-top: 5px;}

    /*부동산 분석리포트*/
    ._mo_size01{margin-top: -20px}
    .trend_container{margin: 20px 0}
    .trend_container.space_between{  flex-direction: column}
    .trend_container > div{width: 100% !important;}
    .contents-navigation, .contents-title-wrapper h3{display: none}
    .trends_mapform_wrap .region_sorting{margin-bottom: 20px;}
    .contents-title-wrapper{border-bottom:0}
    .cont{margin-top: 50px}
    .contents-title-mobile{display: block; position: absolute; top: 0px;  left: 0;width: 100%;/*height: 100%;*//*background: rgba(0,0,0,.4);*/z-index: 149}
    .contents-title-mobile h3{
        width: 100%;
        padding: 15px 0;
        height: auto;
        min-height: 20px;
        font-size: 1.538em;
        line-height: 1em;
        color: #fff;
        background: #2185e2;
        border-bottom: 0;
        margin-bottom: 0;
        text-align: center;
        z-index: 5;
        cursor: pointer;}
    .contents-title-mobile h3 .arrow.on{transform: rotate(-180deg)}
    .contents-title-mobile h3 .arrow{position: absolute;  top: 13px;   right: 12px;   display: block;    width: 24px;    height:24px;
        background:url("../../img/icon_bottom_arrow.png") no-repeat center;}
    .contents-title-mobile ul{}
    .contents-title-mobile ul li{  border-bottom: 1px solid #c5c5c5;}
    .contents-title-mobile ul li a{display: block;background: #fff;font-size: 15px;font-family: 'NotoKrR';padding:15px 15px 13px 15px;transition: all 0.3s ease-in-out;}
    .contents-title-mobile ul > li > a.on,
    .contents-title-mobile ul > li > a:not(.openurl):hover,
    .contents-title-mobile ul > li > a.selected:not(.openurl){
        font-size:15px;
        color: #0a66b8;
        background-color: #f0f0f0;
        box-shadow:none;
    }
    .contents-title-mobile ul > li > a.openurl:after{content:'';display: inline-block;background:  url(../../img/icon_menu_link.png) no-repeat;width: 12px;height:12px; margin-left: 10px;}
    .mobile-menu-overlay {display: none; position: fixed; top: 65px; left: 0; width: 100%; height: calc(100% - 65px); background-color: rgba(0, 0, 0, 0.4); z-index: 148;}
    .totalmenu_mobile {z-index: 150;}
     .search_result_sorting .btns a{ width: 97px;}
    .search_result_sorting > div{gap: 5px}
    .search_result_sorting dl{width: 33%}
    .search_result_sorting dt{width: 80px}
    .search_result .result_tb table colgroup{display: none}
    .price_average_wrap .price_average{    flex-direction: column;gap: 0}
    .price_average_wrap .price_average ._area:after{display: none}
    #mobile_menu_all_sect .openurl {color:#000000 !important;}

    /* map 공통*/
    .mapwrap{height: calc(100% - 65px);}
    .map_menu_wrpa{height: calc(100% - 65px);    top: 65px;}
    .mobile_map_area{position: absolute;bottom: 15px; transform: translateX(-50%);left: 50%;z-index: 90;width: 100%;text-align: center;display: block}
    .mobile_map_area div{color: #fff;background: rgba(0, 0, 0, .45);padding: 10px 30px;  border-radius: 20px;display: inline-block;}

    /* map - 모바일 왼쪽메뉴 */
    .mobile_total_menu{display: block;position: fixed;top:80px;left:10px;z-index: 100}
    .mobile_total_menu .full_menu{width: 45px;height: 45px;border-radius: 50%; font-size: 0; background:rgba(255,255,255,.8) url(../../img/land/mobile_menu.png) no-repeat center;box-shadow: 0px 0px 5px rgba(0,0,0,.5)}
    .mobile_total_menu .full_menu_close{width: 45px;height: 45px;border-radius: 50%; font-size: 0; background:#346dd9 url(../../img/land/close_white.png) no-repeat center;background-size: 60%;box-shadow: 0px 0px 5px rgba(0,0,0,.5)}
    .mobile_total_menu .menuList{   position: absolute;  top:-3px;  left:-3px; width: 125px;border-radius: 5px;text-align: center}
    .mobile_total_menu .menuList ul{ border-radius: 5px}
    .mobile_total_menu .menuList li a{display: flex; align-items: center; padding:3px 12px;  background:#fff;margin-bottom: 2px;border-radius: 30px;font-family: "notoKrM", sans-serif;color: #000;box-shadow: 4px 3px 5px rgba(0, 0, 0, .2);}
    .mobile_total_menu .menuList li a:before{display: inline-block;   content: '';  width: 25px; height: 35px; margin-right: 8px;}
    .mobile_total_menu .menuList li.search a:before{background: url(../../img/land/reb_menu01.png) no-repeat center;}
    .mobile_total_menu .menuList li.apt a:before{background: url(../../img/land/reb_menu03.png) no-repeat center;}
    .mobile_total_menu .menuList li.agent a:before{background: url(../../img/land/reb_menu04.png) no-repeat center;}
    .mobile_total_menu .menuList li.bookmark a:before{background: url(../../img/land/reb_menu05.png) no-repeat center;}


}

/* 768 */
@media only all and (max-width: 768px) {

    /* 스와이프 */
    .move_img{position:relative;}
    .move_img:before{
        content: "";
        display: block;
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translateX(-50%);
        width: 136px;
        height: 108px;
        background: url(/img/ico_garos.png) no-repeat 0 0;
        background-size: cover;
        opacity: 1;
        transition: opacity 0.3s;
        z-index: 9;
        pointer-events: none;
    }
    .move_none:before{
        opacity:0;
    }

    .map_menu_wrpa{width: 100%;display: block}
    .PanelLayout{width: 100% !important;}
    .w430{width: 100%}
    .mobile_info_Favorite{display: block}
    .pannel_btns_close{display: none}
    .btns_print, .print_btn_{display: none}

    .PanelLayout .top_title h3.top_apt span{ max-width: 280px;}

    /* map 타이틀 */
    .PanelLayout .top_title{position: relative;}
    .PanelLayout .top_title .top_prev_btn{display: none;width: 28px;height:23px; background: url("../../img/land/prev_arrow.png")no-repeat left -4px;font-size: 0;}

    /* 관심단지 */
    .Favorite_wrap .interComplexList_panel{width: 100% !important}
    .Favorite_wrap .Favorite{border-left: 0}
    .pannel_plus{    width: 30px;  height: 30px;  display: block; font-size: 0;    background: url(../../img/land/house_add.png) no-repeat center;background-size: 28px}


    /* 마커정보표시 */
    .map_marker_info_mobile{position:fixed;bottom:0;left:0;width: 100%;background: #fff ;z-index: 100;border-radius: 15px 15px 0 0;box-shadow:2px -3px 12px rgba(0, 0, 0, .2)}
    .map_marker_info_mobile .marker_infDiv{padding: 5px}
    .map_marker_info_mobile .marker_infDiv .title{background: #2971DB;padding:10px 15px;border-radius: 8px 8px 0 0;display: flex;align-items: center;justify-content: space-between;}
    .map_marker_info_mobile .marker_infDiv .title{background: #2971DB;padding:10px 15px;border-radius: 8px 8px 0 0;display: flex;align-items: center;justify-content: space-between;}
    .map_marker_info_mobile .marker_infDiv .title .closed{display: block;   width: 20px;   height: 20px;   background: url(../../img/pop_closed.png) no-repeat center;background-size: contain;    font-size: 0;}
    .map_marker_info_mobile .marker_infDiv .title p{color: #fff;font-size: 18px;font-family: "notoKrB", sans-serif; display: flex; height: 100%; align-items: center;}
    .map_marker_info_mobile .marker_infDiv .y_scroll{max-height: 125px;    overflow: auto;}
    .map_marker_info_mobile .marker_infDiv ul{padding:5px 10px;}
    .map_marker_info_mobile .marker_infDiv li{  padding: 2px 0;display: flex;align-items: center}
    .map_marker_info_mobile .marker_infDiv li strong{color: #000;padding: 4px 8px;border-radius: 15px;display: inline-block;background:#EAF4FF; margin-right: 8px;;width: 95px;text-align: center}
    .map_marker_info_mobile .marker_infDiv li span{display: inline-block;color:#000;padding-right: 5px}
    .map_marker_info_mobile .view_map_link{    background: #fbfbfb;  width: 100%; display: block; text-align: center; padding: 7px;  border-radius: 5px; border: 1px solid #e9e9e9;margin-top: 8px;
    }
    .map_marker_info_mobile .view_map_link span{    display: flex; align-items: center;justify-content: center;gap: 3px}
    .map_marker_info_mobile .view_map_link span:before{content: '';display: inline-block;    background: url(../../img/land/icon_map02.png) no-repeat center;  width: 22px;   height: 22px;background-size: 22px}

    .measurement_close_btn{ display: none;border-radius: 5px; padding: 5px 9px;  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;background: #fff;font-size: 12px; font-weight: bold; cursor: pointer;margin-top: 7px;height: 30px;}
    .measurement_close_btn span{color: red}

    /* 검색 */
    .PanelLayout .foot_btn{width: 100%}

    /* 관심단지 추가 */
    .openpage_pop .layout{padding: 0 10px}
    .openpage_pop h1{font-size: 20px;padding: 17px 0 0 10px;}
    .trends_mapform_wrap._popup{flex-direction: column;gap:0}
    .trends_mapform_wrap._popup > div{width: 100% !important;}
    .Favorite_wrap .Favorite{background: none}
    .interComplexList_panel{background: url(../../img/land/Favorite_bg.png) no-repeat center bottom;background-size: auto}
    .quickSearchResult{top:100px}

        /* potal */
    ._pc_768{display: none !important;}
    ._mo_768{display: block !important}
    ._price_average{flex-direction: column;}
    ._price_average > div{width: 100% !important;}
    .trend_container .top_title.space_between{    padding: 0 10px;}
    .trend_container > div .top_title h3{font-size: 16px}
    .trend_container > div .top_title > div a{width: 25px}
    .price_average_wrap#area2{margin-top: -8px}

    /* 부동산 분석리포트 */
    .trend_container .trend_best10_wrap .panel_contents{height: auto}
    .search_result_sorting > div{    flex-direction: column;}
    .search_result_sorting dl{width: 100%}
    .search_result_sorting dt{width: 100px}
    .search_result_sorting .btns{    justify-content: center;width: 100%;margin-top: 10px}
    .search_result_sorting .btns a{ width: 100%}
    /*.search_result_sorting .btns .btn btn_sear{width:85px }*/
    .search_result .result_tb table{width: 720px}
    .search_result .result_tb table th span{display: block}
    .price_average_wrap .price_average ul{align-items: center;}
    .trend_best10_wrap .best10_div a div strong{font-size: 15px;padding-left: 35px}
    .trend_best10_wrap .best10_div li.on .selectRank > div{padding-left: 35px}
    .trend_container > div .top_title > div a.view_zoom{display: none}
    .price_average_wrap._mo_line{margin-top: -8px;}
    .price_average_wrap .price_average dd{    padding: 20px 10px 4px;}

    /* 임대시장 현황 */
    .search_criteria{padding: 15px}
    .search_criteria dl{    flex-wrap: wrap;}
    .search_criteria dt{width: 100%;align-items: center;}
    .search_criteria dd{width:100%;}
    .search_criteria_btn{position: relative;bottom: 0;right:0;margin-top:10px ;   display: flex; justify-content: center;gap:5px;padding: 10px}
    .search_criteria_btn > a{width: 50% !important}
    .total_select{width: 100% !important;}
    .rate_info{position: relative}
    .rate_info .move_img{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.4);z-index: 10;}
    .rate_info .move_img > div{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center}
    .rate_info .move_img span{font-size: 13px;color: #fff;display: flex;align-items: center;flex-direction: column;;justify-content: center;gap: 10px}
    .rate_info .move_img span:before{content: '';display: block;width: 125px;height: 125px;background: url("../../img/move_img.png") no-repeat center;}

    /* 자주묻는 질문*/
    .faq-list-wrapper dl dt button{padding: 11px 16px 11px 45px;}
    .faq-list-wrapper dl dt .icon-q{ top: 9px; left: 2px;}
    .faq-list-wrapper dl dt .title{font-size: 15px}
    .faq-list-wrapper dl dd .submit{font-size: 15px}
    .faq-list-wrapper dl dd{padding: 15px 15px 15px 56px}

    /* 게시판 목록 */
    .board-list01 table {
        table-layout: auto;
        font-size: 1.154em;
    }

    .board-list01 table thead,
    .board-list01 table tfoot {}
    .board-list01 table thead th {
        display: none;
    }
    .tableContainerDiv.board-list01 table thead th{display: table-cell}
    .board-list01.line01 table th,
    .board-list01.line01 table td {
        border-right: 0 !important;
    }

    .board-list01 table thead.mobile-show th {
        display: table-cell;
    }

    .board-list01 table tbody td {
        border-bottom: 1px solid #dddddd;
        color: #545454;
        text-align: center;
        padding: 15px 5px;
        font-size:14px;
        line-height:1.2;
    }

    #com-data-table tbody td a {
        display: inline-block;
    }

    .board-list01 table tbody td a {
        display: block;
    }

    .board-list01 table tbody td .icon {
        margin-top: 0;
        margin-right: 2px;
    }


    .board-list01 table tbody td .mobile-info {
        padding-top: 5px;
        display: block;
    }

    .barhei{padding:0 0 5px 0 !important;}

    .board-list01 table tbody td .mobile-info:after {
        content: "";
        clear: both;
        display: block;
    }

    .board-list01 table tbody td .mobile-info li {
        float: left;
        padding-right: 6px;
        margin-right: 5px;
        font-size: 13px;
        color: #9e9e9e;

        background: transparent url(../../../images/rone/portal/icon_board_bar01.gif);
        background: -webkit-linear-gradient(transparent,transparent),url(../../../images/rone/portal/icon_board_bar01@2x.gif);
        background: linear-gradient(transparent,transparent),url(../../../images/rone/portal/icon_board_bar01@2x.gif);
        background-position:  right 1px;
        background-repeat: no-repeat;
        background-size: 1px 11px;
    }

    .board-list01 table tbody td .mobile-info li.line-none,
    .board-list01 table tbody td .mobile-info li:last-child {
        padding-right: 0;
        margin-right: 0;
        background: transparent;
    }

    .board-list01 table tbody td .mobile-info li strong {
        font-family: "notoKrB", notoKrB, sans-serif;
        font-weight: 700;
    }

    .board-list01 table .writer,
    .board-list01 table .hit,
    .board-list01 table .hit02,
    .board-list01 table .counter,
    .board-list01 table td.notice,
    .board-list01 table th.notice,
    .board-list01 table .affiliate,
    .board-list01 table .date,
    .board-list01 table .number,
    .board-list01 table .support,
    .board-list01 table .division,
    .board-list01 table .division02,
    .board-list01 table .disclosure,
    .board-list01 table .status,
    .board-list01 table .cycle,
    .board-list01 table .department,
    .board-list01 table .item,
    .board-list01 table .summary,
    .board-list01 table .hit-type {
        display: none;
    }

    .board-list01 table .number-block {
        vertical-align: top;
    }

    .board-list01 table .answer {
        width: 22%;
    }
    .board-list01 table .stats-type {
        width: 20%;
        color: #000;
        font-family: "notoKrM", notoKrM, sans-serif;
        font-weight: 500;
    }
    .board-list01 table .btn-hit {
        width: 17%;
    }



    .board-list01 table tbody td.title,
    .board-list01 table tbody td.name {
        position: relative;
        width: auto;
        text-align: left;
    }

    .board-list01 table tbody td.title {
        padding: 15px 5px;
    }

    .board-list01 table tbody td.title a {
        display: -webkit-box;
        -webkit-line-clamp: 1; /* 라인수 */
        -webkit-box-orient: vertical;
        word-wrap:break-word;
        max-width: 100%;
        height: auto;
        width:88vw;
    }

    .board-list01.line01 table tbody td.title a {
        height: 1.077em;
        line-height: 1.154em;
    }

    .board-list01 table tbody td.name.mobile {
        width: 20%;
        padding: 15px;
        text-align: center;
        font-family: "notoKrM", notoKrM, sans-serif;
        font-weight: 500;
    }

    .board-list01 table tbody td .word-summary {
        display: block;
        white-space: normal;
        font-size: 0.923em;
        line-height: 1.167em;
    }

    .board-list01 table tbody td.title img {
        vertical-align: top;
    }

    .board-list01 table tbody td.no-data {
        font-size: 1.154em;
    }

    .board-list01 table tbody td .board-icon.pc {
        display: none;
    }

    .board-list01 table tbody td .board-icon.mobile {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-left: 0;
        margin-right: 2px;
        width: 18px;
    }

    .btns-wrapper {
        clear: both;
        float: none;
        padding-top: 5px;
    }

    .board-top-information {
        margin-bottom: 5px;
    }

    .board-top-information .total.mt05 {
        margin-top: 2px !important;
        margin-bottom: 0
    }
    .word-right {
        font-size: 1em;
    }
    .search-area.faq_search{display: flex;gap: 5px}

    .top_search{display: flex;        flex-direction: column-reverse;}
    .board-area .total{margin: 0 0 15px 0}
    .board-area .search-wrapper{float: none;width: 100%}
    .board-area .search-area.fl, .board-area .search-area{float: none;width: 100%;text-align: left}
    .board-area .search-area .search-box{width: 100%}
    .board-area .search-area .search-box input[type="search"]{width: calc(100% - 70px)}

    /* 글보기 */
    .board-view .one-box {
        padding: 0;
    }

    .board-view .half-area,
    .board-view .division-depth3-area {
        border-bottom: 0;
    }

    .board-view .half-box, .board-view .half-box.Rdiv,
    .board-view .depth3-box,
    .board-view .depth3-box.type02 {
        float: none;
        width: 100%;
        border-bottom: 1px solid #cccccc;
    }

    .board-view dl {
        padding-left: 105px;
    }

    .board-view dl dt {
        position: absolute;
        top: 4px;
        left: 0;
        width: 80px;height: 28px;
        font-size:14px;
    }

    .board-view dl dd {
        color: #545454;
        font-size: 14px;
    }
    .board-view dl dd .add-file{margin-top: -2px}

    .board-contents {
        position: relative;
        border-top: 1px solid #808086;
        margin-top: -1px;
        padding: 25px 20px;
        overflow: auto;
    }

    .board-contents > pre {
        font-size: 1.154em;
        line-height: 1.600em;
    }

    .board-contents img {
        margin: 10px auto;
    }

    .board-contents-answer {
        background: #fafafa;
        padding: 15px;
        margin-top: 25px;
    }

    .board-contents-answer > h3 {
        margin-bottom: 20px;
    }

    .board-contents-answer > p {
        margin-top: 20px;
    }

    .board-contents-answer > pre {
        width: 100%;
        font-size: 1.000em;
        line-height: 1.385em;
        word-wrap: break-word;
        box-sizing: border-box;
        white-space: pre-wrap;
        word-wrap: break-word;
        font-family: "notoKrR", notoKrR, sans-serif;
        font-weight: 300;
    }
    .btns02 {
        display: block;
        padding: 0;
        text-align: center;
        border-radius: 0;
        -webkit-appearance: none;
    }
    .btns-color02 span{display: block}
    .board-view dl dd strong.bbsTit{font-size: 20px;padding-left: 0}
    .board-view .one-box._top_line{display: block;        border-top: 1px solid #333;margin-top: 10px}
    .board-view .one-box._top_line .half-box.Rdiv{display: block;width: 100%}
    .board-view .one-box._two_line{background:#fff;
        border-top:0;
        border-bottom:0;
        padding:0;
        margin-top:0;}

    /* 모바일 mobile_paging */
    .paging-navigation{display: none}
    .mobile_paging{display: block;}
    .mobile_paging{position:fixed;bottom:0;left:0;width:100%;height:42px;background:#dee2e8;border-top:1px solid #d1d5da;z-index:9;}
    .mobile_paging.app{position:relative;border-top:none;}
    .mobile_paging div{text-align:center;line-height:42px;}
    .mobile_paging div *{font-family:Arial,serif;font-size:17px;}
    .mobile_paging div span{color:#989898;}
    .mobile_paging div em{font-style:normal;color:#000000;vertical-align:baseline;font-weight:bold;}
    .mobile_paging ul{position:absolute;bottom:0;left:0;width:100%;z-index:2;}
    .mobile_paging ul li{position:absolute;bottom:0;right:0;}
    .mobile_paging ul li:first-child{position:absolute;bottom:0;left:0;}
    .mbtn_arrow_first{width:43px;height:42px;border-right:1px solid #d1d5da;background:url(/img/btn_m_arrow_first.png) no-repeat  center center;float:left;display:block;text-indent:-9999px;}
    .mbtn_arrow_prev{width:43px;height:42px;border-right:1px solid #d1d5da;background:url(/img/btn_m_arrow_prev.png) no-repeat  center center;float:left;display:block;text-indent:-9999px;}
    .mbtn_arrow_next{width:43px;height:42px;border-left:1px solid #d1d5da;background:url(/img/btn_m_arrow_next.png) no-repeat  center center;float:left;display:block;text-indent:-9999px;}
    .mbtn_arrow_last{width:43px;height:42px;border-left:1px solid #d1d5da;background:url(/img/btn_m_arrow_last.png) no-repeat  center center;float:left;display:block;text-indent:-9999px;}



    /* 관련사이트 */
    .sitelist li.linktit{width:100%}
    .sitelist li.linktxt{width:100%; padding: 10px}

}

/* 520 */
@media only all and (max-width:560px) {
    .popup_div{width: 93% !important;}
    .popup_div .content_pop{max-height: 400px;overflow-y: auto;padding: 20px 10px;}
    .popup_div .top_header h2{font-size: 15px}
    .trends_mapform_wrap .region_sorting{display: block;}
    .trend_best10_wrap .best10_div a div span{width: 25px;height: 25px;font-size: 13px}
    .trends_mapform_wrap .region_sorting strong{width: 100%;font-size: 16px;border-radius: 8px 8px 0 0}
    .trends_mapform_wrap .region_sorting ul{width: 100%;display: block}
    .trends_mapform_wrap .region_sorting li{border-top: 1px solid #dfdcdc;border-left: 0;}
    .trends_mapform_wrap .region_sorting li select{font-size: 14px}
    .trend_best10_wrap .best10_div a div strong{width: 100%;        padding-left: 30px;}
    .trend_best10_wrap .best10_div li.on .selectRank > div{padding-left: 30px}
    .trend_best10_wrap .best10_div li.on .ranking_num span{font-size: 13px}
    .trend_best10_wrap .best10_div a .ranking_num{width: 120px;font-size: 13px;padding-right: 5px;font-size: 13px !important}
    .trend_best10_wrap .best10_div .increaseSel a .ranking_num{width: 130px}
    .trend_best10_wrap .best10_div .increaseSel.on a .ranking_num{width: 130px;font-size: 13px}
    .trend_best10_wrap .best10_div li.on .address{font-size: 11px}
    .trend_best10_wrap .best10_div li.increaseSel.on .ranking_num span{font-size: 11px}
    .trends_mapform_wrap .region_sorting button._mo_768_{display: none}
    .increaseSel.on .selectRank{width:calc(100% - 140px)}
    .increaseSel.on .ranking_num {width: 140px !important}

    .search_result .result_tb table thead tr{position: relative;}
    .search_result .result_tb table td#apt_name {position:sticky; left:0;background: #fbfbfb;z-index: 1}
    .search_result .result_tb table .apt_name_cls {position:sticky; left:0;width: 100px}
    .search_result .result_tb table .apt_add_cls {width: 100px}

    .quickSearchResult{top:135px}
    .Quick_region_div._danzi {top:100px}
    .region_sorting._danzi .keyword-search-btn{top:51px}
    #marketPriceAptList{width: 560px}
    .openpage_pop .tb_tpye01 td{font-size: 13px}

    .trends_mapform_wrap .region_map_div{height: 410px}

}

/* 460 */
@media only all and (max-width:460px) {
    /**/
    .footer_logo{display: none}

    .footer_menu ul{    margin: 0; gap: 6px; flex-direction: column;    align-items: center;}
    .footer_menu ul li{width: 180px;text-align: center}
    footer > div *{font-size: 12px}
    .footer_menu address{margin: 5px 0}

    /* map */
    .PanelLayout .top_title h3.top_apt span{ max-width: 202px;}

   .apt_detail .facility .tabs li a{  padding: 10px 0;}
    .market_ranking .ranking_swipe .ranking_swipe_div{  padding: 0 7px;margin: 10px 0}
    .market_ranking .ranking_swipe .ranking_swipe_div .swipe_ranking ul{padding: 0}
    .market_ranking .ranking_swipe .ranking_swipe_div .swipe_ranking li strong{font-size: 13px}

    .trend_container .panel_contents{padding: 15px 9px}
    .trend_container .trend_best10_wrap .tabs{}
    .trend_container .trend_best10_wrap .tabs li a{letter-spacing: -1px;  padding: 8px 11px;}

}

@media only all and (max-width:420px) {
    .PanelLayout .top_title .btns a.moveurl{display: none}
    #ifm_areaPriceChart{height: 540px}
    .btn_currentPrivArea{margin-top: 10px}
    .btn_currentPrivArea button{height: 30px}
    .scroll-container{width: 100%}
    .btn_currentPrivArea{    flex-direction: column;}
    .price_apt_div{display: block;height: auto;padding:10px}
    .price_apt_div > div{margin: 2px 0}
    .price_apt_div .calendar{width: 70%}
    .price_apt_div #aptpPublicDate{ width: 70% !important;}

    .trend_container > div .top_title h3{font-size: 15px}
    .apt_market_info .attention.frmrtechRD p{align-items: flex-start; flex-direction: column;}
    .apt_market_info .attention.frmrtechRD span{padding-left: 5px}
    .market_price ul li span{display: block;padding:8px 4px}
    .apt_detail .facility .tabs_btn li a{padding: 10px 4px}
    .transportation li div .name{    overflow: hidden;    white-space: nowrap;   text-overflow: ellipsis;   width: 100px;}

}
@media only all and (max-width:380px) {
    .apt_detail .facility .tabs_btn{flex-wrap: wrap;}
    .apt_detail .facility .tabs_btn li { flex: 1 1 49%;}
}
@media only all and (max-width:359px) {
    .filter_region_wrap .filter_wrap .button_list.category{  width: 245px;}
}