Adding a top bar creates a scroll bar in desktop mode.

If it changes to the tablet size, it works normally.
Is the source wrong?

<!-- Document Wrapper
	============================================= -->
	<div id="wrapper" class="clearfix">
		
		<!-- Top Bar
		============================================= -->
		<div id="top-bar" class="transparent-topbar">
			<div class="container-fluid">

				<div class="row justify-content-between">
					<div class="col-12 col-md-auto">

						<!-- Top Links
						============================================= -->
						<div class="top-links">
							<ul class="top-links-container">
								<li class="top-links-item"><a href="index.html">바로가기</a>
									<ul class="top-links-sub-menu">
										<li class="top-links-item"><a href="https://www.hansik.or.kr/kfpi/kr/main/main.do" target="_blank" title="새창열림">한식진흥원</a></li>
										<li class="top-links-item"><a href="https://culture.hansik.or.kr/kr/main/main.do" target="_blank" title="새창열림">한식문화관</a></li>
									</ul>
								</li>
								<li class="top-links-item"><a href="login-register.html">로그인</a>
									<div class="top-links-section">
										<form id="top-login" autocomplete="off">
											<div class="form-group">
												<label>아이디</label>
												<input type="email" class="form-control" placeholder="아이디 입력">
											</div>
											<div class="form-group">
												<label>비밀번호</label>
												<input type="password" class="form-control" placeholder="비밀번호 입력" required="">
											</div>
											<div class="form-group form-check">
												<input class="form-check-input" type="checkbox" value="" id="top-login-checkbox">
												<label class="form-check-label" for="top-login-checkbox">아이디 저장</label>
											</div>
											<button class="btn btn-danger btn-block" type="submit">로그인</button>
										</form>
									</div>
								</li>
								<li class="top-links-item"><a href="contact.html">고객센터</a></li>
								<li class="top-links-item"><a href="#"><img src="images/flags/eng.png" alt="Lang">Eng</a>
									<ul class="top-links-sub-menu">
										<li class="top-links-item"><a href="#"><img src="images/flags/fre.png" alt="Lang">French</a></li>
										<li class="top-links-item"><a href="#"><img src="images/flags/ara.png" alt="Lang">Arabic</a></li>
										<li class="top-links-item"><a href="#"><img src="images/flags/tha.png" alt="Lang">Thai</a></li>
									</ul>
								</li>
							</ul>
						</div><!-- .top-links end -->

					</div>

					<div class="col-12 col-md-auto">

						<!-- Top Social
						============================================= -->
						<ul id="top-social">
							<li><a href="https://www.facebook.com/hansikkorea" class="si-facebook" target="_blank" title="새창열림"><span class="ts-icon"><i class="icon-facebook"></i></span><span class="ts-text">페이스북</span></a></li>
							<li><a href="https://twitter.com/hansikkorea" class="si-twitter" target="_blank" title="새창열림"><span class="ts-icon"><i class="icon-twitter"></i></span><span class="ts-text">트위터</span></a></li>
							<li class="d-none d-sm-flex"><a href="https://www.youtube.com/user/koreahansik" class="si-youtube" target="_blank" title="새창열림"><span class="ts-icon"><i class="icon-youtube"></i></span><span class="ts-text">유튜브</span></a></li>
							<li><a href="https://www.instagram.com/hansik_official/" class="si-instagram" target="_blank" title="새창열림"><span class="ts-icon"><i class="icon-instagram2"></i></span><span class="ts-text">인스타그램</span></a></li>
							<li><a href="tel:0263002085" class="si-call"><span class="ts-icon"><i class="icon-call"></i></span><span class="ts-text">02-6300-2085</span></a></li>
							<li><a href="mailto:admin@hansik.or.kr" class="si-email3"><span class="ts-icon"><i class="icon-email3"></i></span><span class="ts-text">admin@hansik.or.kr</span></a></li>
						</ul><!-- #top-social end -->

					</div>

				</div>

			</div>
		</div><!-- #top-bar end -->