@charset "utf-8";


@media screen and (max-width:1500px) {

    .map_table .map_cell.map .cell_con img {max-width:95%;height: auto;}

}

@media screen and (max-width:1100px) {

    .basic_table_card.scrollbar {border:0;padding:0;max-height: inherit;}
    .basic_table_box.scrollbar.scrollbarx table {width:100%;}

}

@media screen and (max-width:900px) {
	
	.pc { display: none!important;}
    .mobile { display: block!important;}

    #lnb {left:-196px}
    html, body,
    #viewport {height: auto; overflow-y: auto;}
    #sub_wrap .sub_content,
    #content,
    #sub_wrap {position: relative; top:auto;left:auto;right:auto;bottom:auto;}
    #footer {border:0;position: relative; top:auto;left:auto;right:auto;bottom:auto;}

    #header {position: fixed; top:0; left:0; right:0;}
    #header .gnb_left .gnb_title {display: none;}
    /* #header .gnb_right {display: none;} */
    #header .gnb_right { position: fixed; top:0; right:0; max-width: 30%; display: inline-block; float: none;}
    #header .selectric-select_box { float: none;}

    #header .logo {float: none; padding-left:0; margin:0 auto; text-align: center; border:0}
    #header .logo a {margin:0 auto}

    #header .btn_menu { width:45px; height: 45px; background:url(../img/icon/btn_menu.png) center no-repeat; background-size: 40%; position: absolute; top:0; left:0}

    .menu_open  {overflow: hidden;}
    .menu_open #header {display: none;}
    .menu_open #lnb {left: 0;        position: fixed;        top: 0;        z-index: 999;        background: #fff;        width: 100%;}
    .menu_open #lnb .lnb_menu {width:100%}

    .menu_open #lnb .mobile_top {position: relative; padding:20px; border-bottom: 1px solid #eee;}
    .menu_open #lnb .mobile_top .mobile_logo {text-align: right;}
    .menu_open #lnb .mobile_top .mobile_logo a {display: inline-block;}

    .menu_open #lnb .mobile_top .name_box {width:100%; display: table; table-layout: fixed;}
    .menu_open #lnb .mobile_top .name_box .cell {display: table-cell; vertical-align: middle; width:50%}
    .menu_open #lnb .mobile_top .name_box .cell + .cell {text-align: right;}
    .menu_open #lnb .mobile_top .name_box .name {font-size:18px; color:#000; font-weight: 700;}
    .menu_open #lnb .mobile_top .name_box .info {font-size: 13px; color:#666;}
    .menu_open #lnb .mobile_top .name_box a {color:#666; font-size:13px; position: relative; display: inline-block; vertical-align: middle; }
    .menu_open #lnb .mobile_top .name_box a + a {margin-left:15px;}
    .menu_open #lnb .mobile_top .name_box a + a::before {content:""; display: block; width:4px; height: 4px; background:#d5d5d5; border-radius: 5px; position: absolute; top:7px; left:-7px}

    .menu_open #lnb .btn_close { width:45px; height: 45px; background:url(../img/icon/btn_close.png) center no-repeat; background-size:40%;position: absolute; top:0; left:0}

    #sub_wrap .sub_content {padding:65px 20px 40px;}

    .search_area {padding-top:0}
    .search_area .search_table .cell.label,
    .search_area .search_table .cell {display: block; width: 100% !important;}
    .search_area .search_table .cell + .cell {padding:1px 0 0}
    .search_area .search_table .cell.label {padding-top:20px}
    .search_area .search_table .cell.btn_box {width:100%;padding:0; margin-top:10px}
    .search_area .search_table .cell.btn_box a {width:100%;padding:0}

    .basic_table_card .inner {width:100%; margin:0}
    .basic_table_card .inner .memo_card {float: none; width:100%; margin-left:0}

    .tab_box_area .map_table {padding-top:10px}

    .tab_box_area .total_desc {padding-bottom: 0;}

    .map_table .map_cell.map .cell_con img {height: auto; width:95%}

    #footer .footer_bottom{overflow: hidden;}
    #footer .footer_bottom .copyright {text-align: center; float:none;width:auto}

    .map_table .map_cell.card .cell_con div + .btn_area.right {text-align: center;}

    .tab_box_area {margin:0 -20px -40px; padding-bottom: 0;}
    .tab_box_area .map_table { border-bottom: 0;}


    /* 팝업 */
    .popup_area .popup_con .popup_form li.li_table { display: block;}
    .popup_area .popup_con .popup_form li.li_table .left_area + .label {padding-left: 20px; width: 18%;}
    .popup_area .popup_con .popup_form li p.label {width: 30%;}

    .popup_area .popup_window {height: 90vh;}
    .popup_area .popup_con .tab_area ul li a span { display: block; margin:0 auto}
    .popup_area .popup_con .tab_area ul li a span.txt2 {max-width: 100%; margin-top:2px}
    .popup_area .tab_area {height: auto; position: relative;}
    .popup_area .tab_area::after {content: ""; display: block; width:100%; height: 5px; background: #fff; position: absolute; bottom:0;left:0;right:0}
    .popup_area .tab_area a {height:auto; line-height: 1.2em; padding:10px 0 15px}
    .popup_area .tab_area.type2 a {padding:5px}
    .popup_area .search_area .search_table .cell + .label {padding-left:0}
    
    .btn_area + .basic_table_card {margin-top:10px}
    .btn_area .btn_left + .btn_right {width:100%; margin-top:20px}
    .btn_area .btn_right.m_center { text-align: center; margin-top:40px}

    .m_btn {position: fixed; bottom:20px; right:20px; z-index: 999;}

    .m_btn a { background: #f74640; color:#fff; text-align: center; border-radius: 70px; width:60px; height: 60px; display: block; margin-top: 5px;}
    .m_btn a span.ic { background: url(../img/icon/list_search_m.png) center no-repeat; background-size:35% auto; display: block; width:100%; height: 100%;}
    .m_btn a .inner {width: 100%; height: 100%; display: table; table-layout: fixed;}
    .m_btn a .inner span {display: table-cell; vertical-align: middle; text-align: center; font-size: 13px; font-weight: 500; }
    
  
}


.layerBox { border:1px solid #d5d5d5; border-radius: 0; padding:5px 10px; width:100%}