@charset "UTF-8";

.top-link {float: left;}
.top-link li {float: left;}
.top-link li a {display: block; padding: 0 18px; font-family: 'Noto DemiLight'; font-size: 14px; line-height: 35px; color: #fff; }
.top-link li .color1 {background: #143971;}
.top-link li .color2 {background: #1fa68d;}
.top-util {float: right;}
.top-util li {float: left; background: url('../images/common_dot_util.png') no-repeat right center;}
.top-util li.no-dot {background: none;}
.top-util li a {display: block; padding: 0 15px; font-family: 'Noto Light'; font-size: 14px; line-height: 35px; color: #000;}
.top-util li a.color {font-family: 'Noto Medium'; color: #009fe7;}
.top-util li.box-zoom {padding-left: 5px;}
.top-util li .zoom {width: 22px; height: 45px; text-indent: -99999px;}
.top-util li .zoom.plus {background: url('../images/btn_zoom_plus.png') no-repeat center center;}
.top-util li .zoom.zero {position: relative; width: 30px;}
.top-util li .zoom.zero::after {content: '기본'; position: absolute; left: 0; width: 100%; text-align: center; text-indent: 0;}
.top-util li .zoom.minus {background: url('../images/btn_zoom_minus.png') no-repeat center center;}
.mobile-global {display: none;}

@media all and (max-width: 1024px) {
    .mobile-global {position: absolute; top: 19px; display: block;}
    .mobile-global .top-util li a {color: #fff; font-size: 14px;}
}