@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;300;500;700;900&display=swap');
/*
font-family: 'Pretendard';
*/

#map{
    font-family: 'Pretendard';
    font-weight:400;
    letter-spacing:-0.02em;
}
#map .container{
    width:100%;
    margin:0 auto 170px;
    padding-top:0px;
    display:grid;
    grid-template-columns:1fr 2fr;
}
#map .container .text{
    background:#444444;
    padding:90px 70px 70px;
}
#map .container .text .tt{
    font-size:40px;
    font-weight:700;
    color:#fff;
    margin-bottom:30px;
}
#map .container .text .en{
    font-size:20px;
    font-weight:500;
    color:#fff;
    text-transform:uppercase;
    margin-bottom:60px;
}
#map .container .text > div{
    margin-bottom:40px;
}
#map .container .text .part{
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.05em;
    color:#fff;
    margin-bottom:10px;
}
#map .container .text .desc{
    font-size:16px;
    letter-spacing:-0.02em;
    color:#fff;
}
#map .container .text .holi{
    margin-top:15px;
}
.root_daum_roughmap{
    width:100%;
}
.root_daum_roughmap .wrap_map{
    height:100%;
}
.root_daum_roughmap .wrap_controllers{
    display:none;
}

/* ------------------------------------- RESPONSIVE ---------------------------------------*/
@media (max-width:1400px){
    #map .container {
        width:100%;
    }
}
@media (max-width:1200px){
    #map .container{
        grid-template-columns:1.5fr 2fr;
    }
    #map .container .text .tt {
        font-size: 36px;
    }
}
@media (max-width:910px){
    #map .container .text{
        padding:70px 30px;
    }
}
@media (max-width:768px){
    #map .container{
        padding-top:10px;
        margin-bottom:0px;
        grid-template-columns:1.7fr 2fr;
    }
    #map .container .text {
        padding: 40px 30px;
    }
    #map .container .text > div {
        margin-bottom: 25px;
    }
    #map .container .text .tt {
        font-size: 22px;
        margin-bottom:50px;
    }
    #map .container .text .en{
        font-size:18px;
        margin-bottom:40px;
    }
    #map .container .text .part {
        font-size: 18px;
        margin-bottom:5px;
    }
    #map .container .text .desc {
        font-size: 14px;
    }
}

@media (max-width:400px){
    #map .container{
        display:block;
    }
    .root_daum_roughmap .wrap_map{
        height:400px;
    }
}

@media (max-width:400px){
    #map .container{
        padding-top:50px;
    }
    #map .container .text {
        padding:30px 30px 10px;
    }
    #map .container .text .tt {
        font-size: 20px;
        margin-bottom:0;
    }
    #map .container .text .en {
        font-size: 16px;
        margin-bottom:20px;
    }
    #map .container .text .part {
        font-size: 16px;
        margin-bottom: 3px;
    }
    #map .container .text .holi {
        margin-top: 10px;
    }
    .root_daum_roughmap .wrap_map{
        height:300px;
    }
}