@charset "UTF-8";

.tabs{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:1rem;
    margin:4rem 0 2rem 0
}

.tabs > li > a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:1rem 2rem;
    background-color:#dedede;
    border:1px solid #cccccc;
    border-radius:3rem;
    font-size:1.5rem;
    color:#242424;
}

.tabs > li > a.on{
    background-color:#1c56c4;
    border:1px solid #1748a4;
    color:#ffffff;
}

#map .root_daum_roughmap {
    width: 100% !important;
    height: 100% !important;
    border:2px solid #ccc;
} 

.root_daum_roughmap .cont {
    margin-top: -1px;
    overflow: hidden;
    position: relative;
    display:none !important;
}

.daon_s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10px;}
.tbla{width:100%; border-collapse: collapse; margin:0 auto; border:1px solid #ddd; border-bottom:0px;}
.tbla tr th{width:20%; height:45px; padding:15px 0; text-align:center; border-bottom:1px solid #666; font-size:1.2em;}
.tbla tr td{width:80%; border-bottom:1px solid #ddd; padding-left:15px; height:45px; text-align:left;font-size:1.2em;}


.cont-img img{
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

@media(max-width:992px){
    .daon_s_tit{font-size:1.2em;}
	
	.tbla tr th{width:30%; font-size:0.9em;}
	.tbla tr td{width:70%; font-size:0.9em;}
}

@media(max-width:768px){
    .tabs{
        flex-wrap:wrap;
    }
    .tabs > li{
        width:45%;
    }
}