/* Set the size of the div element that contains the map */
#map {
    height: 840px;
    width: 100%;
}
.map--wrap2{
    position: relative;
}
#map2{
    width:100%;
    height:320px;
    margin-top:20px;
}

a[href^="http://maps.google.com/maps"] {
    display: none !important
}

a[href^="https://maps.google.com/maps"] {
    display: none !important
}

.gm-svpc,
.gmnoprint .gm-style-mtc,
.gmnoprint a,
.gmnoprint span,
.gm-style-cc {display: none;}

.gmnoprint div {
    background: none !important;
}
.company__wrap > h1{
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.05em;
    color: #000000;
    margin-bottom:25px;
    margin-top:45px;
}
.map--wrapper{
    width:100%;
    height:840px;
    position: relative;
    z-index: 1;
    margin-bottom:100px;
}

.map--wrapper .map--location--content{
    width:350px;
    /* height:calc(100% - 40px); */
    overflow-y: auto;
    position: absolute;
    top:20px;
    left:20px;
    z-index: 9;
    background: #fff;
    border:1px solid #000;
}

.map--wrapper .location--detail--wrap{
    border:1px solid #000;
    width:calc(100% - 410px);
    height:calc(100% - 40px);
    background: #fff;
    position: absolute;
    top:20px;
    right:20px;
    z-index: 9;
    display: none;
}

.map--wrapper .map--location--content > div:hover{
    background: #f2f2f2;
}

.map--wrapper .map--location--content .map--subject{
    position: relative;
    padding:20px 25px;
}
.map--wrapper .map--location--content .map--subject:after{
    content:'';
    display: block;
    position: absolute;
    bottom:0px;
    left:20px;
    height:1px;
    background:#000;
    width:calc(100% - 40px);
}
.map--wrapper .map--location--content .map--subject.actv{
    background: #f2f2f2;
}
.map--wrapper .map--location--content .map--subject:last-child:after{
    display: none;
}
.map--wrapper .map--location--content .map--subject > h2{
    font-size:20px;
    font-weight: 900;
    margin-bottom:10px;
}
.map--wrapper .map--location--content .map--subject > p{
    font-size:13px;
    color:#000;
    line-height: 1.3;
    margin-bottom:10px;
}
.map--wrapper .map--location--content .map--subject > p:last-child{
    margin-bottom:0px;
}
.map--wrapper .map--location--content .map--subject > p span{
    display: inline-flex;
}
.map--wrapper .map--location--content .map--subject > p span:nth-of-type(1){
    width:70px;
}


.close--detail{
    width:24px;
    height:24px;
    cursor: pointer;
    background:#000;
    position: absolute;
    z-index: 9;
    top: 20px;
    right: 20px;
}


.pic--info--wrap{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.pic--info--wrap .detail--info{
    width:calc(100% - 470px);
}
.pic--info--wrap .pic--info{
    width:450px;
}
.pic--info--wrap .pic--info .showroom--swiper{
    width:100%;
    overflow: hidden;
}
.pic--info--wrap .pic--info .showroom--swiper img{
    max-width:100%;
    width:450px!important;
}
.shownav{
    margin-top:10px;
}

.shownav {
    width: calc(100% + 10px);
}

.shownav .slick-slide{
    margin-right:10px!important;
}


.location--detail--wrap{
    padding:25px;
    box-sizing: border-box;
}
.location--detail--wrap > .title{
    font-size:20px;
    font-weight: bold;
    margin-bottom:20px;
}
.location--detail--wrap .detail--info{
    padding-left:20px;
}
.location--detail--wrap .detail--info p{
    font-size:14px;
    margin-bottom:10px;
    line-height: 1.5;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.location--detail--wrap .detail--info p span:nth-of-type(1){
    min-width:80px;
}
.location--detail--wrap .detail--info p:last-child{
    margin-bottom:0px;
}
.location--detail--wrap .detail--info .dt--text{
    font-size:12px;
    border-top:1px solid #eee;
    padding-top:15px;
    margin-top:15px;
    color: #6c6f75;
    line-height: 1.3;
}
.loc--out--btn2{
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 9;
    display: block;
    height: 35px;
    display: flex;
    background: #000;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 0 15px;
}

.loc--out--btn{
    position: absolute;
    top: 15px;
    left: 108px;
    z-index: 9;
    display: block;
    height: 35px;
    display: flex;
    background: #000;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 0 15px;
}

.loc--out--btn.ty2{
    left : 15px;
}

.my--loc--btn{
    cursor: pointer;
    position: absolute;
    top: 15px;
    left: 201px;
    z-index: 9;
    display: block;
    width:37px;
    height: 37px;
    display: flex;
    background:#bbb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA99pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjVEMjA4OTI0OTNCRkRCMTE5MTRBODU5MEQzMTUwOEM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU0NUE5MTQ3MDBBNzExRTRBNkFCQzBDODlCRTkwOUNGIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU0NUE5MTQ2MDBBNzExRTRBNkFCQzBDODlCRTkwOUNGIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIElsbHVzdHJhdG9yIENTNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZCN0YxMTc0MDcyMDY4MTE4MDgzQjJCNEE4RTY1NzI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZCN0YxMTc0MDcyMDY4MTE4MDgzQjJCNEE4RTY1NzI3Ii8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+RHJ1Y2s8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoAp1NcAAAC7SURBVHjaYvz//z/DQADGUYtHLR61eMAtZmRkTADRQP0LyNHPQqalBkDKHsq+ALT8Ak19DLVwPhA/AGIBJCkQO5EkB4AsJgYDAcjS+0DsAOWDgjoBynaAyhkQbR4JFp+HWYpDHmT5eapaDPXteiLUrSfW10xEpt58UDzCUjIedaC4zsenDgaYGAYKDFRQD+7ERYvsRI0C5AMQK5BagJBVVkMdkA/lTqR5kUnNSmK0Ph61eNTioW8xQIABAA9WKVHOYgYvAAAAAElFTkSuQmCC) no-repeat center;
}
.my--loc--btn.ty2{
    left:108px;
}


@media(max-width:1440px){
    .map--wrapper{
        box-sizing: border-box;
        padding:0px 20px;
    }
    .company__wrap > h1{
        padding-left:20px;
    }

    .map--wrapper .map--location--content{
        left:40px;
    }

    .map--wrapper .location--detail--wrap {
        width: calc(100% - 450px);
        right: 40px;
    }

    .pic--info--wrap .detail--info{
        max-height:350px;
        overflow: hidden;
    }
    .location--detail--wrap .detail--info .dt--text{
        max-height:190px;
        overflow-y: auto;
    }
}

@media(max-width:1300px){
    .map--wrapper .location--detail--wrap {
        width: calc(100% - 80px);
    }
}

@media(max-width:960px){
    .pic--info--wrap .pic--info{
        display: none;
    }
    .pic--info--wrap .detail--info{
        width:100%;
        padding-left:0px;
    }
}
@media(max-width:720px){
    #map{
        opacity: 0;
        pointer-events: none;
    }
    .map--wrapper .map--location--content{
        left:20px;
        width: calc(100% - 40px);
    }
    .map--wrapper .location--detail--wrap{
        right: 15px;
        width: calc(100% - 30px);
    }
}