@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');

/* font-family: 'Noto Sans KR', sans-serif;*/

h1,h2,h3,h4,h5,h6{
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
}
#map{
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    padding-top:170px;
    position:relative;
}
#map #sub_banner{
    background-image:url(../../img/sub/sub_banner_contact.png);
}
#map .container{
    width:1600px;
    margin:-75px auto 0;
}
#map .content{
    padding:130px 0;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    background:#FFFCF6;
}
#map .tt_box{
    text-align:center;
    padding-top:80px;
    margin-bottom:50px;
}
#map .tt_box .part_tt{
    font-size:40px;
    font-weight:500;
    letter-spacing:-0.05em;
    margin-bottom:30px;
}
#map .tt_box span.line{
    width:100px;
    height:3px;
    background:#FBB214;
    display:inline-block;
}
#map .content .tt_box{
    text-align:left;
    margin-bottom:100px;
}
#map .content .contact_list li{
    margin-bottom:45px;
}
#map .content .contact_list li .method{
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.005em;
    margin-bottom:5px;
}
#map .content .contact_list li .info{
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.005em;
    color:#797979;
}
#map .content .contact_list li br{
    display:none;
}
#map .content .root_daum_roughmap{
    box-shadow:-29px -29px 0 0 #FFD67E;
    width:675px;
    height:415px;
}
#map .content .root_daum_roughmap .wrap_map{
    height:100%;
}
#map .content .root_daum_roughmap .wrap_map > span{
    display:none;
}
#map .content .root_daum_roughmap .wrap_controllers{
    display:none;
}

/* --------------------------------- RESPONSIVE --------------------------------- */
@media (max-width:1650px){
    #map .container{
        width:90%;
    }
}
@media (max-width:1200px){
    #map .content{
        gap:50px;
    }
    #map .content .root_daum_roughmap {
        width: 570px;
        height: 360px;
    }
}
@media (max-width:1000px){
    #map .content{
        flex-direction:column;
    }
    #map .content .left{
        width:80%;
        margin:0 auto 50px;
        text-align:left;
    }
    #map .content .root_daum_roughmap {
        width:80%;
    }
}
@media (max-width:768px){
    #map{
        padding-top:109px;
    }
    #map .tt_box .part_tt {
        font-size: 32px;
        margin-bottom:15px;
    }
}
@media (max-width:500px){
    #map{
        padding-top:99px;
    }
    #map .container {
        margin: -55px auto 0;
    }
    #map .content{
        padding:50px 0 80px; 
        gap:0;
    }
    #map .content .tt_box{
        margin-bottom:60px;
    }
    #map .tt_box .part_tt {
        font-size: 26px;
        margin-bottom: 0px;
    }
    #map .tt_box span.line {
        width: 65px;
    }
    #map .content .contact_list li {
        margin-bottom: 25px;
    }
    #map .content .contact_list li .method {
        font-size: 17px;
    }
    #map .content .contact_list li .info {
        font-size: 14px;
    }
    #map .content .contact_list li br{
        display:block;
    }
    #map .content .contact_list li span{
        display:none;
    }
    #map .content .root_daum_roughmap {
        box-shadow: -18px -18px 0 0 #ffd67e;
        height:300px;
    }
}