/* BASIC css start */
.store-name {
    display: block;
    line-height:1;
}

.panel-img {
    width: 45%;
    padding:1%;
}

.panel-info {
    width: 52.5%;
    padding-right:1%;
    margin-top:3px;
    margin-left: 7px;
}


.panel-img strong,
.panel-img strong img {
    width: 100%;
}
 
 
.place-stop-event {
    position: absolute;
}

.place-stop-event img{
    width:100%;
}

.incheon-event {
    bottom: 4vw;
    left: 5vw;
    width: 19vw;
}

#count1 {
    position: absolute;
    bottom: 5vw;
    left: 2vw;
    width: 15vw;
}

.suwon-event {
    top: 7vw;
    right: 4vw;
    width: 19vw;
}

#count2 {
    position: absolute;
    bottom:2vw;
    left: 2vw;
    width: 15vw;
}


  
  .contents *{    
        font-family: 'NanumSquare', sans-serif;
    }   
   
   #contents { position:relative; }

    .h2_title {
        /* padding-top: 87px; */
        width: 90%;
        text-align: center;
        margin: 50px auto 0;
    }
    
    .h2_title img {
        width: 100%;
    }



    .h2-subtitle {
        display: block;
        width: 397px;
        height: 63px;
        font-size: 45px;
        padding: 15px 40px;
        background-color: #000;
        color: #fff;
    }

    .map-list {
        position: absolute;
        left: 1vw;
        z-index: 2;
    }

    .sw-btn {
        left: 25vw;
        top: 59px;
    }

   .ui-btn {
        top: 7vw;
        left: 26vw;
    }
    
    .is-btn { top: 7vw; left: 19vw; }

    .bs-btn {
        top: 73vw;
        left: 55vw;
    }

   .gs-btn {
        top: 16vw;
        left: 15vw;
    }

   .suwon-btn {
        top: 28vw;
        left: 22vw;
    }

    .dj-btn {
        top: 45vw;
        left: 28vw;
    }


    .inc-btn {
        top: 13vw;
        left: 8vw;
    }
    
    .gw-btn {
        top: 72vw;
        left: 18vw;
    }

    .gw-btn-mon {
        top: 81vw;
        left: 14vw;
    }
    .gs-btn-mon {
        top: 25vw;
        left: 11vw;
    }
    .ui-btn-mon {
        top: 11vw;
        left: 33vw;
    }
    .bs-btn-mon {
        top: 82vw;
        left: 51vw;
    }
    .dj-btn-mon {
        top: 54vw;
        left: 24vw;
    }
    .dg-btn-mon {
        top: 62vw;
        left: 46vw;
    }

    .dg-btn {
        top: 53vw;
        left: 49vw;
    }

    .map-list-label{
        position:absolute;
        font-size:8px;
        width: max-content;
    }

    

   .map-list-label .place-store {
        display: block;
        margin: 0 auto;
        width: 18px;
        height: 26px;
        background: url(https://okkanetdh.jpg3.kr/gab/store/offline_store_design_v1/page_offline/asset/place01.png) 0 center no-repeat;
        background-position: 0;
        background-size: cover;
        /* background-repeat: no-repeat; */
        font-weight: bold;
        transition: all 0.3s;
        transform-origin: bottom;
    }

    .map-list-label .place-store.active {
        transform: scale(2);
    }

   .map-list li {
        padding: 5px 10px;
        width: 90px;
        background: antiquewhite;
        border-radius: 10px;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
    }
    
    .map-list li:not(:first-child){
        margin-top: 5px;
    }

    .map-list li.active {
        background: rgba(0, 0, 0, 0.5);
        color: white;
    }
    
    .map-list li.active .list-label{
        color: white;
    }

    .list-label {
        display: block;
        font-size: 9px;
        font-weight: 400;
        margin-bottom: 0px;
    }

    .map-list .right-sw-btn {
        background: #f7f29d;
    }

    .map-list .right-gs-btn {
        background: #d8efb7;
    }

    .map-list .right-bs-btn {
        background: #fcc9ad;
        ;
    }

    .map-list .right-ui-btn {
        background: #b9faf5;
    }

    .map-list .right-gw-btn {
        background: #e9c9f0;
    }

    .map-list .right-suwon-btn {
        background: #cbeafe;
    }

    .map-list .right-dj-btn {
        background: #f0dcf4;
    }

    .map-list .right-inc-btn {
        background: #bdfac9;
    }

    .map-list .right-dg-btn {
        background: #96d7df;
    }

    .map-list .content-contain {
        position: relative;
        width: 1000px;
        margin: 0 auto;
    }


    .map-contain {
        margin-top: 25vw;
        position:relative;
    }


    .map-contents {
        position: relative;
        top: 0;
        margin: 0 auto;
        text-align: center;
        left: 30px;
    }

    .content-contain {
        position: relative;
    }

    .map-place {
        z-index: 1;
        position: relative;
        width: 71vw;
        height: 112vw;
        margin: 0 0 10vw 27vw;
        background: url(https://okkanetdh.jpg3.kr/gab/store/offline_store_design_v1/page_offline/asset/map.png) center no-repeat;
        background-position: top;
        background-size: contain;
    }

    .map-panel-contain {
    }

    .blind {
        display: none;
    }

    .store-info {
        border-bottom: 1px solid black;
        padding: 2px 0 5px 36px;
        font-size: 12px;
        position: relative;
    }

    .store-info::after {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        background: url(https://okkanetdh.jpg3.kr/gab/store/offline_store_design_v1/page_offline/asset/shape.png) no-repeat;
        position: absolute;
        left: 0;
        top: 1px;
        background-size: 62px;
    }
    
    .store-info.old_icon::after {
        background-position: -999px;
    }
    .store-info.old_icon { padding:5px 10px; }

    .store-info.si-call::after {
        background-position: 0;
    }

    .store-info.si-insta::after {
        background-position: -21px;
    }

    .store-info.si-time::after {
        background-position: -41px;
    }

    .map-panel-contain dl {
    }

    .map-panel-contain {
        margin-top: 50px;
        font-size: 12px;
    }

    .store-tit {
        font-size: 21px;
        display: block;
        font-weight: bold;
        margin-top: 0px;
    }

    .map-panel-contain .store-address {
        font-size: 12px;
        margin-top: 8px;
        margin-bottom: 15px;
    }

    .goto_store_page::after,
    .goto_store_gallery::after {
        content: '';
        padding: 9px;
        background: #fff568;
        position: absolute;
        top: -5px;
        left: 0;
        width: 100%;
        height: -5px;
        display: inline-block;
        margin-left: -10px;
        margin-top: 14px;
    }

    .store-info-link-wrap {
        text-align: center;
        margin-top: 10px;
    }

    .store-info-link-wrap a {
        font-size: 12px;
        position: relative;
        margin-right: 5px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .store-info-link-wrap a:nth-child(2) {
        margin-left: 15px;
    }

    .goto_store-inner {
        position: relative;
        z-index: 1;
        font-weight: bold;
    }

    .map-panel {
        display: none;
    }

    .map-panel.active {
        display: block;
    }

    .etc.custumer-sound {
        position: absolute;
        bottom: 0;
        right: 0;
        padding-right: 20px;
    }
    
    
/*Ÿºí·¿*/
@media all and (min-width:768px) and (max-width:1024px) {

    .map-panel {
       margin: 0 auto;
        width: fit-content;
    }
        
    .map-list li {
        padding: 2vw 3vw;
        width: 25vw;
    }
    
    .sw-btn {
        left: 22vw;
        top: 18vw;
    }

    .gs-btn {
        top: 20vw;
        left: 17vw;
    }
    
    .bs-btn {
        top: 77vw;
        left: 57vw;
    }
    
    .dj-btn {
        top: 49vw;
        left: 30vw;
    }
    
   .ui-btn {
        top: 11vw;
        left: 25vw;
    }
    
    .suwon-btn {
        top: 30vw;
        left: 25vw;
    }
    
    .gw-btn {
        top: 80vw;
        left: 21vw;
    }
    
    .inc-btn {
        top: 19vw;
        left: 11vw;
    }
    
   
    
}
    .SMS_BaseMenu_01 .container_Box {
    display:none;
    
    }
    
    .youtube-play iframe {
         margin-top:70px;  
    
    }
    
   .youtube-play .yt-link {
    position:absolute;
    top: 480px;
    color:#fff;
    padding:10px;
    font-size: 14px;
    background:#f74741;
    line-height:1;
    }
    
    
    .playgo {
    zoom: 0.6;
    margin-top: 20px;
    }
    
    .comment_box { margin:10px 0; }
    .comment_box span { color:#ff0000; }
    
    .float_blk { position:absolute; display:table; padding:5px; border-radius:5px; color:#fff; font-weight:bold; background:#000; top:82vw; left:3vw; }
    
    .store_closed { font-size:21px; font-weight:bold; margin:8px 0 0; }
    
.lisan_dd { position:absolute; left:50%; top:105px; transform:translate(-50%, 0); z-index:10; font-size:16px; padding:7px 15px; border-radius:7px; box-sizing:border-box; background:#bb1f24; color:#fff; }
.lisan_dd .dd_box { display:inline-block; color:#fff; }

.right-is-btn { position:relative; }
.right-gw-btn { position:relative; }
.closed_img { position:absolute; top:0; right:-25%; width:50%; }
.dum_img { position:absolute; top:0; right:-30px; width:50%; }

.redflag { position:absolute; z-index:20; top:-23vw; left:40%; }
.redflag img { width:70px; }
/* BASIC css end */