.panel-all-traffic .panel-heading
{
    position: relative;
}
.panel-all-traffic .panel-body
{
    padding: 0;
}

.main-traffic-legend.legend-position
{
    position: relative;
    top: auto;
    left: auto;
}

.traffic-tab-menu .btn
{
    border-radius: 30px;
}

.traffic-back
{
    position: relative;

    min-height: 760px;

    background-image: url(../../img/traffic/traffic-back.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
            background-size: cover;
}

.traffic-pos
{
    position: absolute;
}

.traffic-ul-label,
.traffic-ul-line,
.traffic-ul-badge,
.traffic-ul-mountain
{
    position: relative;
}
.traffic-ul-label
{
    z-index: 11;
}
.traffic-ul-line
{
    z-index: 2;
}
.traffic-ul-mountain
{
    z-index: 1;
}

.line-busan {
    z-index: 3;
}

.line-changwon {
    z-index: 2;
}

.traffic-ul-label > li,
.traffic-ul-line > li,
.traffic-ul-badge > li,
.traffic-ul-mountain > li
{
    position: absolute;
}

.traffic-ul-label li em
{
    position: relative;
    z-index: 2;

    display: inline-block;

    width: 22px;
    height: 22px;

    border-width: 5px;
    border-style: solid;
    /*border-color: #888;*/
    border-radius: 22px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 3px #fff;
            box-shadow: 0 0 0 3px #fff;
}

.traffic-label-ic
{
    border-color: #688d9f;
}

.traffic-label-tg
{
    border-color: #0068b7;
}


.traffic-ul-badge > li h5
{
    display: table;

    vertical-align: middle;
}
.traffic-ul-badge > li h5 abbr
{
    font-family: 'Roboto', sans-serif;
    font-size: .8em;
    font-weight: 600;

    position: relative;
    z-index: 3;

    display: table-cell;

    width: 25px;
    height: 25px;

    cursor: default;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;

    border-width: 2px;
    border-style: solid;
    border-color: #ea5404;
    /*line-height: 22px;*/
    border-radius: 50%;
    background-color: #fff100;
}

.traffic-ul-badge > li h5 abbr.badge-blue
{
    border-color: #0068b7;
}

.traffic-ul-badge > li h5 abbr:before
{
    position: absolute;
    z-index: 10;
    left: 50%;

    display: block;

    margin-left: -6px;

    content: '';

    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.badge-bot:before
{
    bottom: -16px;

    border-top-width: 16px;
    border-top-style: solid;
}

.badge-top:before
{
    top: -16px;

    border-bottom-width: 16px;
    border-bottom-style: solid;
}

.badge-color-01:before
{
    border-top-color: #ea5404;
}
.badge-color-02:before
{
    border-bottom-color: #0068b7;
}
.badge-color-03:before
{
    border-top-color: #0068b7;
}

.traffic-ul-badge > li h5 span
{
    font-family: 'jejugothic';
    font-size: .8em;

    position: relative;
    z-index: 1;
    left: -10px;

    display: table-cell;

    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 15px;

    vertical-align: middle;

    color: #fff100;
    /*padding: 2px 5px;*/
    background-color: #ea5404;
}
.traffic-ul-badge > li h5 span.badge-blue
{
    background-color: #0068b7;
}
.traffic-ul-cctv {
	position: relative;
	z-index: 12;
}
.traffic-ul-cctv li {
	position: absolute;
}
.traffic-ul-cctv li img {
    width: 20px;
    /*height: 36px;*/
    cursor: pointer;
    -webkit-transition: all .1s cubic-bezier(0, 0.89, 0.9, 1.06);
    -o-transition: all .1s cubic-bezier(0, 0.89, 0.9, 1.06);
    transition: all .1s cubic-bezier(0, 0.89, 0.9, 1.06);
}
.traffic-ul-cctv li img:hover {
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
/* .traffic-ul-cctv li span
{
    font-family: 'Roboto', sans-serif;
    font-size: .8em;
    font-weight: 600;

    position: relative;
    z-index: 3;

    display: table-cell;

    width: 25px;
    height: 25px;
	color: #dde951;
	border-radius: 25px;
    cursor: default;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;

    border-width: 2px;
    border-style: solid;
    border-color: #1d2088;
    line-height: 22px;
    border-radius: 50%;
    background-color: #008ded;

}
.traffic-ul-cctv li span:before {
	position: absolute;
	right: 6px;
	bottom: -14px;
	display: block;
	width: 30px;
	height: 30px;
	content: '';
	background-color: #008ded;
	border-color: #1d2088;
	border-width: 2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
 */