@charset "utf-8";

/* sec01 */
.sec01 .map_wrap { width: 100%; border-radius: 14px; overflow: hidden; border: 1px solid var(--border-color); }
.root_daum_roughmap .wrap_map { overflow: hidden; }
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4 { border: 0 !important; background: none !important; }
.wrap_controllers { padding: 10px 15px 11px !important; border: none !important; } 

.t_wrap { margin: 20px -10px 0; display: flex; justify-content: space-between; align-items: stretch; }
table { margin: 0 10px; display: block; border-radius: 10px; border: 1px solid var(--border-color); overflow: hidden; }
table thead { display: none; }
table tbody { display: block; width: 100%; }
table tbody tr { display: flex; justify-content: flex-start; align-items: stretch; width: 100%; }
table tbody tr td { padding: 25px 0; border-top: 1px solid var(--border-color); }
table tbody tr:first-child td { border-top: 0; }
table tbody tr td.title { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 150px; font-size: 17px; background: var(--gray-fa); border-right: 1px solid var(--border-color); font-weight: 700; color: var(--sub-01); text-align: center; }
table tbody tr td.text { display: flex; justify-content: flex-start; align-items: center; width: 100%; padding: 15px; font-size: 17px; font-weight: 400; color: var(--gray-55); word-break: keep-all; }
table tbody tr td.text a { font-size: 17px; font-weight: 400; color: var(--gray-55); }


/*** responsive ***/
/* 1200px or less */
@media all and (max-width : 1200px){
    .root_daum_roughmap .wrap_map { height: 400px !important; }

    .t_wrap { margin: 20px -5px 0; display: flex; justify-content: space-between; align-items: stretch; }
    table { margin: 0 5px; }
    table tbody tr td.title { font-size: 15px; width: 100px; }
    table tbody tr td.text { padding: 0 20px; font-size: 15px; }
    table tbody tr td.text a { font-size: 15px; }
}

/* 767px or less */
@media all and (max-width : 767px){
    .root_daum_roughmap .wrap_map { height: 250px !important; }

    .t_wrap { margin: 15px 0px 0; display: block; }
    table { margin: 15px 0; }
    table tbody tr td { padding: 15px 0; }
    table tbody tr td.title { font-size: 12px; width: 70px; }
    table tbody tr td.text { padding: 0 15px; font-size: 12px; }
    table tbody tr td.text a { font-size: 12px; }
}