@media screen and (max-width: 374px) {
	.leftMeddle__menu ul {width:100%;}
	.leftMeddle__menu ul li {width: calc((100% / 4) - 8px);}
}
@media screen and (max-width: 768px) {   
    html, body {
        position: relative;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
    }
    #map-content {
        position:absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: 0px;
        padding: 0px;
        width: 100vw;
        height: 100vh;
    }
    #map {left: 0px; width: 100%; height: 100%;}

    .leftMeddle__searchResult .scroll { height: calc(100vh - 113px - 10px); overflow-y: auto; overflow-x: hidden;}
    .leftMeddle__searchResult .top { text-align: center; }
    .leftMeddle__searchResult .top p { font-size: 15px; color: #999999; }
    .leftMeddle__searchResult .top p span { color: inherit; }
    .leftMeddle__searchResult .body .list ul:before { width: calc(100% - 24px); }
    .leftMeddle__searchResult .body .list ul li { padding: 25px 12px 30px 40px; }
    .leftMeddle__searchResult .body .list ul li:before { width: calc(100% - 24px); }

    .info_detail { position: fixed; top: auto; right: 0; bottom: 0; padding: 28px 12px 12px; width: 100%; min-height: 150px; height: auto; overflow-y: hidden; }
    .info_detail.view { top: 113px; height: auto; overflow-y: auto; }
    .info_detail .top { padding: 0 10px; text-align: left; border-bottom: none; }
    .info_detail.view .top { padding-bottom: 10px; border-bottom: 1px solid #d6d6d6; }
    .info_detail .top:before { content: ""; display: block; position: absolute; top: 9px; left: 50%; margin-left: -18.5px; width: 37px; height: 3px; background-color: #7b98bc; border-right: 1.5px; }
    .info_detail .top .title { font-size: 17px; }
    .info_detail .top .navi { margin-top: 8px; font-size: 14px; }
    .info_detail .body { padding: 10px 10px 20px; }
    .info_detail .body ul li { display: none; }
    .info_detail.view .body ul li { display: block; }
    .info_detail .body ul li.addr { display: block; }
    .info_detail .body ul li.tel { display: block; }
    .info_detail.view .body ul li.tel { margin-bottom: 22px; }
    .info_detail .body ul li .col.head { display: none; }
    .info_detail .body ul li .col { width: 100%; }
    .info_detail.view .body ul li .col { width: calc(100% - 70px); }
    .info_detail.view .body ul li .col.head { display: block; width: 70px; }
    .info_detail .body ul li .col p { font-size: 13px; line-height: 16px; }
    .info_detail.view .body ul li .col p { font-size: 13px; line-height: 20px; }
    .info_detail .body ul li .col .postNum { display: none; }
    .info_detail.view .body ul li .col .postNum { display: block; }
    .info_detail .body ul.time { margin-bottom: 22px; }
    .info_detail .body ul.time li { margin-top: 0; }
    .info_detail .body ul.time li .col { width: calc(100% - 50px); }
    .info_detail .body ul.time li .col.head { width: 50px; }
    .info_detail .tail { margin-top: 9px; }
    .info_detail .tail .imageFrame { display: none; }
    .info_detail.view .tail .imageFrame { display: block; }
    .info_detail .tail .cate { text-align: left; }
    .info_detail.view .tail .cate { display: none; }
    .info_detail .tail .cate a { font-size: 14px; color: #999; border: 1px solid rgba(233, 233, 233, 1); }
    .info_detail .tail .cate a:first-child { margin-left: 0; }
    .info_detail .tail .cate a.on { border: 1px solid rgba(233, 233, 233, 1); color: #999; background-color: transparent; }
    .info_detail .tail .cate a.view { float: right; display: block; color: rgba(255, 255, 255, 1); border-color: rgba(0,60,136, 1); background-color: rgba(0,60,136, 1); }
    .info_detail .tail .image { margin-top: 26px; }
    .info_detail .close {  }

    .leftBox { position: relative; width: 100%; height: 113px; border: none; overflow: visible; z-index: 10; transition: none; }
    .leftBox.close { left: 0; }
    .leftBox__leftTop { position: relative; padding: 10px 10px 10px; background-color: #7b98bc; transition: none; z-index: auto; height: 100%;}
    .leftTop__logo { padding-left: 8px; }
    .leftTop__Title { padding: 0px; }
    .leftTop__mobileMenu { display: block; position: absolute; top: 12px; right: 10px; width: 36px; height: 25px; }
    .leftTop__mobileMenu a { display: block; width: 100%; height: 100%; font-size: 0; color: transparent; background-image: url('../image/icon_mobilemenu.png'); background-position: center; background-repeat: no-repeat; }
    .leftTop__back { float: left; display: block; margin-top: 13px; width: 0px; height: 46px; transition: width .3s ease-in-out; }
    .leftTop__back a { display: block; width: 100%; height: 100%; font-size: 0; color: transparent; background-image: url('../image/icon_search-back.png'); background-repeat: no-repeat; background-position: center; }
    .back .leftTop__back { width: 40px; }
    .leftTop__searchBox { float: right; margin-top: 13px; transition: width .3s ease-in-out; }
    .back .leftTop__searchBox { width: calc(100% - 50px); }

    .leftBox__leftMeddle { position: fixed; top: 113px; bottom: 0; left: 0; width: 100%; background-color: #fff; border: none; }
    .leftBox__leftMeddle.hide { left: 100%; }
    .leftBox__leftMeddle.detail { display: block; left: 100%; }
    .leftBox__leftMeddle.course { display: block; left: 100%; }
    .leftMeddle__menu { text-align: center; }
    .leftMeddle__menu.hide { display: none; }
    .leftMeddle__menu ul { display: inline-block; position: relative; width: 100%;}

    .leftMeddle__facilities { padding: 25px 12px 23px; }
    .facilities__main{ display: inline-block; position: relative; width: 100%;}
    .facilities__sub{ display: inline-block; position: relative; width: 100%;}

    .leftBox__leftBottom { display: none; }
    .leftTop__toggleBtn { display: none; }

    .mapCntr_2 { display: none; }
    .mapCntr_2 .mapCntr__mapType{ display: none; }
    .mapCntr_2 .dropdown{ display: none; }

    .mapCntr__mapType { position: fixed; top: auto; bottom: 35px; right: -5px; }
    .mapCntr__mapType ul { border: 1px solid #f1f1f1; }
    .mapCntr__mapType ul li { margin-left: 1px; width: 50px; height: 29px; border-radius: 0; }
    .mapCntr__mapType ul li:first-child { width: 50px; border-right: 1px solid #e9e9e9; }
    .mapCntr__mapType ul li img { display: none; }
    .mapCntr__mapType ul li p { margin-top: 7px; }

    .mapCntr__zoom {     position: fixed; top: 167px; bottom: auto; right: 10px; }
    .zoom__level { display: none; }
    .zoom__plus { height: 35px; border-bottom: 1px solid #e9e9e9; }

    .extra__adminBtn { display: none; }

    .mobileMenu { display: block; position: fixed; z-index: 999; }
    .mobileMenu__bg { position: fixed; top: 0; left: 0; width: 100vw; height: calc(var(--vh, 1vh) * 100); background-color: rgba(40, 40, 40, .4); }
    .close .mobileMenu__bg { display: none; }
    .mobileMenu__mMenu { position: fixed; top: 0; right: 0; padding: 30px 15px 0; width: 283px; height: calc(var(--vh, 1vh) * 100); background-color: #fff; transition: all .3s ease-in-out; }
    .close .mobileMenu__mMenu { right: -283px; }
    .mMenu__close { position: absolute; top: 12px; right: 15px; width: 25px; height: 25px; }
    .mMenu__close a { display: block; width: 100%; height: 100%; font-size: 0; color: transparent; background-image: url('../image/icon_mMenu-close.png'); background-repeat: no-repeat; background-position: center; }
    .mMenu__list {position: absolute;width: 100%;height: 100%;}
    .mMenu__list .menu__list li { margin-top: 10px; float: left;width: 120px;}
    .mMenu__list .menu__list li:first-child { margin-top: 10px; float: left;width: 120px;}

    .mMenu__list .layer__list li { margin-top: 10px;}
    .mMenu__list .layer__list li:first-child { margin-top: 10px;}
    .mMenu__list .layer__list {
        overflow-y: auto;
        position: absolute;
        margin-top: 15px;
        padding-right: 20px;
        top: 60px;
        bottom: 70px;
        left: 0px;
        right: 30px;
    }
    .mMenu__list ul li i { display: inline-block; margin-right: 10px; width: 17px; height: 16px; background-repeat: no-repeat; background-position: center; }
    .mMenu__list ul li:nth-child(1) i { background-image: url('../image/icon_mMenu-site.png'); }
    .mMenu__list ul li:nth-child(2) i { background-image: url('../image/icon_clock.png'); }
    .mMenu__list ul li:nth-child(3) i { background-image: url('../image/icon_mMenu-1.png'); }
    .mMenu__list ul li:nth-child(4) i { background-image: url('../image/icon_mMenu-2.png'); }
    .mMenu__list ul li:nth-child(5) i { background-image: url('../image/icon_mMenu-4.png'); }
    .mMenu__list ul li:nth-child(6) i { background-image: url('../image/icon_mMenu-5.png'); }
    .mMenu__list ul li:nth-child(7) i { background-image: url('../image/icon_mMenu-6.png'); }
    .mMenu__list ul li:nth-child(8) i { background-image: url('../image/icon_mMenu-3.png'); }
    .mMenu__list ul li:nth-child(9) i { background-image: url('../image/icon_mMenu-7.png'); }
    .mMenu__list ul li span { font-size: 16px; color: #000; }
    .mMenu__list .range {width: 100%;}
    .mMenu__list ul li .node_name{ font-size: 16px; color: #000; padding-left: 25px;}
    .mMenu__list ul li span.button.none {
        position: absolute;
        width: 18px;
        height: 18px;
        cursor: pointer;
        background-image: url('../image/checkbox_0.png');
    }
    .mMenu__list ul li span.button.chk {
        position: absolute;
        width: 18px;
        height: 18px;
        cursor: pointer;
        background-image: url('../image/checkbox_1.png');
    }
    .mMenu__mBottom { position: absolute; bottom: 0; left: 0; width: 100%; }
    .mBottom__emergency { padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; text-align: center; }
    .mBottom__emergency > ul { display: inline-block; }
    .mBottom__emergency > ul:after { content: ""; display: block; clear: both; }
    .mBottom__emergency > ul > li { float: left; position: relative; margin-left: 12px; padding-left: 14px; }
    .mBottom__emergency > ul > li:first-child { margin-left: 0; padding-left: 0; }
    .mBottom__emergency > ul > li:before { content: "|"; display: block; position: absolute; top: 0; left: 0; font-size: 14px; color: #bebebe; }
    .mBottom__emergency > ul > li:first-child:before { display: none; }
    .mBottom__emergency > ul > li i { position: relative; top: 2px; display: inline-block; margin-right: 8px; width: 14px; height: 14px; }
    .mBottom__emergency > ul > li:nth-child(1) i { background-image: url('../image/icon_mMenu-eme.png'); }
    .mBottom__emergency > ul > li:nth-child(2) i { background-image: url('../image/icon_mMenu-site.png'); }
    .mBottom__emergency > ul > li span { font-size: 14px; color: #999; letter-spacing: -.5px; }
    .mBottom__emergency > ul > li > ul { display: none; position: absolute; bottom: -9px; box-shadow: 0px 0px 2px rgba(0, 0, 0, .3); z-index: 1; }
    .mBottom__emergency > ul > li > ul.emergency { left: -13px; }
    .mBottom__emergency > ul > li > ul.site { left: 5px; }
    .mBottom__emergency > ul > li > ul.open { display: block; }
    .mBottom__emergency > ul > li > ul li { width: 120px; height: 33px; background-color: #fff; border-top: 1px solid #cccccc; }
    .mBottom__emergency > ul > li > ul li:first-child { border: none; }
    .mBottom__emergency > ul > li > ul li a { display: block; padding: 9px 18px; width: 100%; height: 100%; font-size: 14px; color: #666666; letter-spacing: -.5px; }
    .mBottom__emergency > ul > li > ul li:hover { background-color: #cccccc; }
    .mBottom__emergency > ul > li > ul li:hover a { color: #fff; }

    .mapCntr__adminBtn { display: none; }

    #shortest_Form .scroll {
        position: fixed;
        top: auto;
        right: 0;
        bottom: 0;
        padding: 10px 5px 5px;
        width: 100%;
        min-height: 150px;
        height: auto;
        overflow-y: hidden;
        background-color: #fff;
    }
    #shortest_Form .shortest_bady {
        width: 100%;
        height: auto;
    }
    #shortest_Form .shortest_TableDiv {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: auto;
        overflow-x: hidden;
        height: 135px;
        width: 100%;
    }
    #shortest_Form .shortest_title {
        margin-bottom: 10px;
        padding-left: 10px;
        font-size: 15px;
        color: #111111;
        text-align: left;
        height: 15px;
        padding-top: 10px;
    }
    #shortest_Form .top:before {
        content: "";
        display: block;
        position: absolute;
        top: 9px;
        left: 50%;
        margin-left: -18.5px;
        width: 37px;
        height: 3px;
        background-color: #7b98bc;
        border-right: 1.5px;
    }
    #shortest_Form .close { display: block; position: absolute; top: 15px; right: 5px; width: 20px; height: 20px; }
    
    .mc_tools {
        position: absolute;
        height: 34px;
        margin: 5px;
        top: -45px;
    }
    .mc_tools .mc_toolsin.open{
        width: 160px;
        height: 34px;
        left: -126px;
        position: absolute;
    }

    .dropdown {
        left: auto;
        bottom: 70px;
        top: auto;
        right: 5px;
        position: fixed;
    }
    .dropdown .dropdown_menu {
        bottom: 100%;
        padding-top: 2px;
        border-top: 1px solid #1891da;
    }
    .ListView {
        display: none;
    }
    /* -------------------------------------------------------------------------------------------------------------------------------------- */
    #left_pane{
        position:absolute;height:100%;width:100%;padding:0px;top:0px;left:0px;
    }
    #right_pane{
        position: absolute;
        height: 100%;
        width: 0px;
        padding: 0px;
        top: 0px;
        left: 0px;
        right: 0px;
        border-left: 0px solid #7b98bc;
    }
    #Btn_3D{
        display: block;
        bottom:30%;
    }
    #Btn2_3D{
        display: none;
        bottom:30%;
    }
    #Btn3_3D{
        display: block;
        bottom:30%;
    }
    #Map3D_content{
        z-index: 9999;
    }
    /* city area main */
    .adresArea {
        left: 0px;
    }
    .div_adresArea {
        left: 0px;
    }        
    /*좌표*/
    #div_CoordArea {
        display: none;
        width: 0px;
    }
    /* SpatialOperations창 */
    #SOer_Form {
        width: 100%;
        height: 200px;
    }
    /* 객체정보창 */
    #Editing_Form {
        left: 6px;
    }
    /* -------------------------------------------------------------------------------------------------------------------------------------- */
    /* Landscape mode */
    @media only screen and (orientation: landscape) {
        .roadviewmap {
          width: 50%;
          height: 100%;
          padding-top: 25px;
        }
    }
     
    /* Portrait mode */
    @media only screen and (orientation: portrait) {
        .roadviewmap {
          width: 100%;
          height: 40%;
          padding-top: 27px;
        }
    }
    .roadviewmapbutton1{left:3px;}
    .roadviewmapbutton2{left:54px;}
}
/* -------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------- */