This commit is contained in:
1 parent
c62630e22d
commit
308c06516c
142 files changed
+48475
No files matched your search
@@ -0,0 +1,113 @@
|
||||
<!--영문화-->
|
||||
<style>
|
||||
footer .footer_inner .footer_info .home{background-image: url(/assets/img/eng/logo_w.svg);}
|
||||
footer .footer_inner .footer_info span{font-size: 15px;}
|
||||
/* footer .footer_inner nav ol li.depth1:last-child{display:none;} */
|
||||
</style>
|
||||
<div class="footer_inner">
|
||||
<div class="footer_info">
|
||||
<!-- h1 로고영역은 style.css에서 제어 -->
|
||||
<div class="logo">
|
||||
<a class="home" href="/en/index.html">Baron Consultants</a>
|
||||
</div>
|
||||
|
||||
<span><em>Address.</em>554, Ogeum-ro, Songpa-gu, Seoul, Republic of Korea</span>
|
||||
<span><em>Tel.</em>02-2141-7434</span>
|
||||
<span><em>Mail.</em>baroncs@baroncs.co.kr</span>
|
||||
<span><em>CEO.</em>Jang Jong Chan</span>
|
||||
<span class="copyright"><em>© Baron Consultants Co,.Ltd All Rights Reserved.</em></span>
|
||||
|
||||
<div class="family_wrap">
|
||||
<div class="family_btn"><span>Family Site</span><i></i></div>
|
||||
<ul class="family_list">
|
||||
<li><a href="http://www.hanmaceng.co.kr" target="_blank">hanmac</a></li>
|
||||
<li><a href="https://www.samaneng.co.kr/" target="_blank">saman</a></li>
|
||||
<li><a href="http://www.jangheon.co.kr/" target="_blank">jangheon</a></li>
|
||||
<li><a href="http://jangheon.com/" target="_blank">jangheon Inc.</a></li>
|
||||
<li><a href="http://www.pre-cast.co.kr/" target="_blank">PTC</a></li>
|
||||
<li>
|
||||
<a href="http://www.hallasanup.com/" target="_blank">hallasanup</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="nav"></nav>
|
||||
</div>
|
||||
|
||||
<!-- TOP버튼 -->
|
||||
<button class="btn_top js__top" onclick="window.scrollTo(0,0);">
|
||||
<div class="arrow"></div>
|
||||
</button>
|
||||
<!-- //TOP버튼 -->
|
||||
|
||||
<script>
|
||||
// console.log('?');
|
||||
// ^ TOP button
|
||||
const urlParams = location.href;
|
||||
$(function () {
|
||||
if (urlParams.indexOf("recruit") != -1) {
|
||||
$(".footer_info .home").attr("target", "_blank");
|
||||
}
|
||||
});
|
||||
const topButton = document.querySelector(".js__top");
|
||||
function adjustButtonPosition() {
|
||||
const scrollY = window.scrollY; // 현재 스크롤 위치
|
||||
const windowHeight = window.innerHeight; // 윈도우 높이
|
||||
const documentHeight = document.documentElement.scrollHeight; // 문서 전체 높이
|
||||
const bottomSpace = urlParams.indexOf("recruit") != -1 ? 120 : 400; // 탑 버튼이 아래에서 떨어져 있어야 하는 거리
|
||||
|
||||
// 문서의 맨 아래로부터 떨어지기 위한 계산
|
||||
if (scrollY + windowHeight >= documentHeight - bottomSpace) {
|
||||
topButton.style.bottom = `${
|
||||
bottomSpace + (scrollY + windowHeight - documentHeight)
|
||||
}px`;
|
||||
} else {
|
||||
topButton.style.bottom = "80px"; // 원래의 위치
|
||||
}
|
||||
}
|
||||
window.addEventListener("scroll", adjustButtonPosition);
|
||||
window.addEventListener("load", adjustButtonPosition);
|
||||
// 새로운 코드 추가 - topButton의 표시/숨기기 로직
|
||||
function toggleTopButtonClass() {
|
||||
// console.log('*');
|
||||
if (window.scrollY === 0) {
|
||||
topButton.style.display = "none";
|
||||
} else {
|
||||
topButton.style.display = "initial";
|
||||
}
|
||||
}
|
||||
window.addEventListener("scroll", toggleTopButtonClass);
|
||||
window.addEventListener("load", toggleTopButtonClass);
|
||||
|
||||
// FOOTER - 패밀리사이트 열고닫기
|
||||
$(function () {
|
||||
$(".menu_my").mouseover(function () {
|
||||
$(".menu_my_list").show();
|
||||
});
|
||||
|
||||
$(".menu_my").mouseout(function () {
|
||||
$(".menu_my_list").hide();
|
||||
});
|
||||
|
||||
//footer family site toggle
|
||||
$(".family_btn").click(function (event) {
|
||||
event.stopPropagation(); // family_btn 클릭 시 이벤트 전파를 막음
|
||||
$(".family_list").toggleClass("family_on");
|
||||
$(".family_btn").toggleClass("family_on");
|
||||
});
|
||||
|
||||
// 화면 아무 곳이나 클릭했을 때 family_list를 제외한 영역 클릭 시 리스트 닫기
|
||||
$(document).click(function (event) {
|
||||
if (
|
||||
!$(event.target).closest(".family_list").length &&
|
||||
!$(event.target).closest(".family_btn").length
|
||||
) {
|
||||
// family_list와 family_btn 외의 영역을 클릭한 경우
|
||||
$(".family_list").removeClass("family_on");
|
||||
$(".family_btn").removeClass("family_on");
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,91 @@
|
||||
<!--영문화-->
|
||||
<style>
|
||||
header .logo_box a.logo{-webkit-mask-image:url(/assets/img/eng/logo_w.svg);mask-image:url(/assets/img/eng/logo_w.svg);}
|
||||
header .header_inner .header_R{display:flex;align-items:center;margin-left:auto;}
|
||||
header .header_inner .header_R .language{display:inline-flex;align-items:baseline;flex-wrap:nowrap;flex-shrink:0;min-width:84px;padding-right:24px;white-space:nowrap;}
|
||||
header .header_inner .header_R .language a{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;}
|
||||
|
||||
header .header_inner .header_login{position:relative;display:none;align-items:center;justify-content:center;margin-right:12px;}
|
||||
html[data-baron-page-mode="landing"] header .header_inner .header_login,
|
||||
html[data-baron-page-mode="public-info"] header .header_inner .header_login,
|
||||
html[data-baron-auth-state="authenticated"] header .header_inner .header_login{display:inline-flex;}
|
||||
|
||||
header .header_inner .header_login_trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:pointer;transition:filter 0.2s ease;}
|
||||
header .header_inner .header_login:hover .header_login_trigger,
|
||||
header .header_inner .header_login:focus-within .header_login_trigger{filter:brightness(1.12);}
|
||||
header .header_inner .header_login_trigger img{width:28px;height:28px;filter:brightness(0);}
|
||||
html[data-baron-page-mode="landing"] header .header_inner .header_login_trigger img{filter:none;}
|
||||
html[data-baron-page-mode="landing"] header:hover .header_inner .header_login_trigger img{filter:brightness(0);}
|
||||
|
||||
header .header_inner .header_login_menu{position:absolute;top:100%;left:50%;padding-top:12px;transform:translateX(-50%) translateY(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.2s ease, transform 0.2s ease;z-index:20;}
|
||||
header .header_inner .header_login:hover .header_login_menu,
|
||||
header .header_inner .header_login:focus-within .header_login_menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
|
||||
header .header_inner .header_login.is-open .header_login_menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
|
||||
header .header_inner .header_login.is-dismissed .header_login_menu{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(4px);}
|
||||
header .header_inner .header_login_menu::before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ffffff;}
|
||||
header .header_inner .header_login_link{display:block;white-space:nowrap;background:#ffffff;color:#111111;font-size:13px;font-weight:700;padding:10px 22px;border:2px solid transparent;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,0.18);text-align:center;box-sizing:border-box;transition:background-color 0.15s ease, border-color 0.15s ease;}
|
||||
header .header_inner .header_login_link:hover{background:#ffcc00;border-color:#ffffff;}
|
||||
|
||||
@media (max-width: 768px){
|
||||
header .header_inner .header_login{margin-right:6px;}
|
||||
header .header_inner .header_login_trigger{width:32px;height:32px;}
|
||||
}
|
||||
|
||||
header .header_inner nav ol li.depth1 span,
|
||||
header .header_inner nav ol li.depth1 span em,
|
||||
header .header_inner nav ol li.depth1 ul.depth2 li a,
|
||||
header .header_inner nav ol li.depth1 ul.depth2 li ul.depth3 li a{word-break:keep-all;overflow-wrap:normal;white-space:normal;}
|
||||
header .sitemap nav ol li.depth1 ul.depth2 li.has_depth3 ul.depth3{display:none;}
|
||||
</style>
|
||||
|
||||
<!-- CORP -->
|
||||
<div class="header_inner corp">
|
||||
<div class="logo_box">
|
||||
<!-- a = 홈페이지 로고 -->
|
||||
<!-- a의 이미지는은 style.css에서 제어하세요 -->
|
||||
<a class="logo" href="/en/index.html">Baron Consultants</a>
|
||||
</div>
|
||||
|
||||
<!-- 오픈메뉴 경우 -->
|
||||
<nav class="nav"></nav>
|
||||
|
||||
<!-- 버튼형 경우 -->
|
||||
<div class="header_R">
|
||||
<a class="header_qa header_qa_button" href="/en/inquiry.html" aria-label="Software inquiries">
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10" /><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01" /></svg>
|
||||
<span>S/W Inquiry</span>
|
||||
</a>
|
||||
<div class="language">
|
||||
<a href="/ko/index.html">KR</a>
|
||||
<a href="#" class="on">EN</a>
|
||||
</div>
|
||||
|
||||
<div class="header_login">
|
||||
<button type="button" class="header_login_trigger" aria-label="LOGIN" aria-expanded="false" aria-controls="header-login-menu">
|
||||
<img src="/assets/img/ico_user.svg" alt="" />
|
||||
</button>
|
||||
<div class="header_login_menu" id="header-login-menu">
|
||||
<a class="header_login_link" href="../en/br_future.html">LOGIN</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="btn_menu" data-value="sitemap">
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="popup_wrap sitemap">
|
||||
<div class="popup_contents_wrap" data-lenis-prevent-wheel>
|
||||
<div class="popup_header">
|
||||
<div class="logo_box">
|
||||
<a class="logo" href="/en/index.html">Baron Consultants</a>
|
||||
</div>
|
||||
<button class="btn_close"><i class="close"></i></button>
|
||||
</div>
|
||||
|
||||
<nav class="nav"></nav>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,58 @@
|
||||
<!-- Anonymous menu. Services Provided and D/X Experience stay disabled until sign-in. -->
|
||||
<ol>
|
||||
<li class="depth1">
|
||||
<span><em>Designing the Future</em>Baron Consultants</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/en/br_future.html">Future Presented by Baron</a></li>
|
||||
<li><a href="/en/br_tech.html">Technology Realized by Baron</a></li>
|
||||
<li><a href="/en/br_value.html">The Values Pursued by Baron</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1">
|
||||
<span><em>Leading the Change</em>Digital Transformation</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/en/dt_explain.html">D/X <br>Infrastructure Construction</a></li>
|
||||
<li><a href="/en/dt_sw.html">D/X & Software</a></li>
|
||||
<li><a href="/en/dt_use.html">Leveraging D/X<br>Infrastructure Construction</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1 nav-login-required" data-login-tooltip="Sign in to access these services.">
|
||||
<span><em>Realizing Value</em>Services Provided</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/en/sv_solution.html" data-auth-disabled="true" aria-disabled="true" tabindex="-1">Solution Program</a></li>
|
||||
<li><a href="/en/sv_sw.html" data-auth-disabled="true" aria-disabled="true" tabindex="-1">Package Software</a></li>
|
||||
<li><a href="/en/sv_bigroom.html" data-auth-disabled="true" aria-disabled="true" tabindex="-1">Big Room</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1 nav-login-required" data-login-tooltip="Sign in to access this experience.">
|
||||
<span><em>Experiencing the Vision</em>D/X Experience</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/en/dx.html" data-auth-disabled="true" aria-disabled="true" tabindex="-1">D/X experience<br>to experience the vision</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1">
|
||||
<span><em>Telling a story</em>PR Center</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/en/pr_news.html">Baron News</a></li>
|
||||
<li><a href="/en/pr_brochure.html">Brochure</a></li>
|
||||
<li><a href="/en/pr_ci.html">CI</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1 nav-recruit">
|
||||
<span
|
||||
><a href="/recruit/br_recruit.html" target="_blank" rel="noopener noreferrer"
|
||||
><em>Completed by Relationship</em>Recruit<i></i></a
|
||||
></span>
|
||||
<ul class="depth2">
|
||||
<li>
|
||||
<a href="/recruit/br_recruit.html" target="_blank" rel="noopener noreferrer" aria-label="Recruit (opens in a new tab)">Recruit<i aria-hidden="true"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- <li class="depth1">
|
||||
<span onclick="location.href='../en/faq.html'"><em>Supporting customers</em>FAQ</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/en/faq.html">Frequently Asked Questions</a></li>
|
||||
</ul>
|
||||
</li> -->
|
||||
</ol>
|
||||
@@ -0,0 +1,57 @@
|
||||
<ol>
|
||||
<li class="depth1">
|
||||
<span><em>Designing the Future</em>Baron Consultants</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/en/br_future.html">Future Presented by Baron</a></li>
|
||||
<li><a href="/en/br_tech.html">Technology Realized by Baron</a></li>
|
||||
<li><a href="/en/br_value.html">The Values Pursued by Baron</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1">
|
||||
<span><em>Leading the Change</em>Digital Transformation</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/en/dt_explain.html">D/X <br>Infrastructure Construction</a></li>
|
||||
<li><a href="/en/dt_sw.html">D/X & Software</a></li>
|
||||
<li><a href="/en/dt_use.html">Leveraging D/X<br>Infrastructure Construction</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1">
|
||||
<span><em>Realizing Value</em>Services Provided</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/en/sv_solution.html">Solution Program</a></li>
|
||||
<li><a href="/en/sv_sw.html">Package Software</a></li>
|
||||
<li><a href="/en/sv_bigroom.html">Big Room</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1">
|
||||
<span><em>Experiencing the Vision</em>D/X Experience</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/en/dx.html">D/X experience<br>to experience the vision</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1">
|
||||
<span><em>Telling a story</em>PR Center</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/en/pr_news.html">Baron News</a></li>
|
||||
<li><a href="/en/pr_brochure.html">Brochure</a></li>
|
||||
<li><a href="/en/pr_ci.html">CI</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1 nav-recruit">
|
||||
<span
|
||||
><a href="/recruit/br_recruit.html" target="_blank" rel="noopener noreferrer"
|
||||
><em>Completed by Relationship</em>Recruit<i></i></a
|
||||
></span>
|
||||
<ul class="depth2">
|
||||
<li>
|
||||
<a href="/recruit/br_recruit.html" target="_blank" rel="noopener noreferrer" aria-label="Recruit (opens in a new tab)">Recruit<i aria-hidden="true"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- <li class="depth1">
|
||||
<span onclick="location.href='../en/faq.html'"><em>Supporting customers</em>FAQ</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/en/faq.html">Frequently Asked Questions</a></li>
|
||||
</ul>
|
||||
</li> -->
|
||||
</ol>
|
||||
@@ -0,0 +1,122 @@
|
||||
<style>
|
||||
/* footer .footer_inner nav ol li.depth1:last-child{display:none;} */
|
||||
</style>
|
||||
<div class="footer_inner">
|
||||
<div class="footer_info">
|
||||
<!-- h1 로고영역은 style.css에서 제어 -->
|
||||
<div class="logo">
|
||||
<a class="home" href="/ko/index.html">(주) 바론컨설턴트</a>
|
||||
</div>
|
||||
|
||||
<span><em>주소.</em>서울특별시 송파구 오금로 554(거여동)</span>
|
||||
<div class="footer_contact">
|
||||
<span><em>Tel.</em>02-2141-7434</span>
|
||||
<span><em>대표이사.</em>장종찬</span>
|
||||
</div>
|
||||
<span class="copyright"><em>© BARON Consultants Co,.Ltd All Rights Reserved.</em></span>
|
||||
|
||||
<div class="family_wrap">
|
||||
<div class="family_btn"><span>Family Site</span><i></i></div>
|
||||
<ul class="family_list">
|
||||
<li><a href="http://www.hanmaceng.co.kr" target="_blank">한맥기술</a></li>
|
||||
<li><a href="https://www.samaneng.co.kr/" target="_blank">삼안</a></li>
|
||||
<li><a href="http://www.jangheon.co.kr/" target="_blank">장헌산업</a></li>
|
||||
<li><a href="http://jangheon.com/" target="_blank">(주)장헌</a></li>
|
||||
<li><a href="http://www.pre-cast.co.kr/" target="_blank">피티씨</a></li>
|
||||
<li>
|
||||
<a href="http://www.hallasanup.com/" target="_blank">한라산업개발</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="nav"></nav>
|
||||
</div>
|
||||
|
||||
<!-- TOP버튼 -->
|
||||
<button class="btn_top js__top" onclick="window.scrollTo(0,0);">
|
||||
<div class="arrow"></div>
|
||||
</button>
|
||||
<!-- //TOP버튼 -->
|
||||
|
||||
<script>
|
||||
// console.log('?');
|
||||
// ^ TOP button
|
||||
const urlParams = location.href;
|
||||
$(function () {
|
||||
if (urlParams.indexOf("recruit") != -1) {
|
||||
$(".footer_info .home").attr("target", "_blank");
|
||||
}
|
||||
});
|
||||
const topButton = document.querySelector(".js__top");
|
||||
function adjustButtonPosition() {
|
||||
if (!topButton) return;
|
||||
const scrollY = window.scrollY; // 현재 스크롤 위치
|
||||
const windowHeight = window.innerHeight; // 윈도우 높이
|
||||
const documentHeight = document.documentElement.scrollHeight; // 문서 전체 높이
|
||||
const bottomSpace = urlParams.indexOf("recruit") != -1 ? 120 : 400; // 탑 버튼이 아래에서 떨어져 있어야 하는 거리
|
||||
|
||||
// 문서의 맨 아래로부터 떨어지기 위한 계산
|
||||
if (scrollY + windowHeight >= documentHeight - bottomSpace) {
|
||||
topButton.style.bottom = `${
|
||||
bottomSpace + (scrollY + windowHeight - documentHeight)
|
||||
}px`;
|
||||
} else {
|
||||
topButton.style.bottom = "80px"; // 원래의 위치
|
||||
}
|
||||
}
|
||||
window.addEventListener("scroll", adjustButtonPosition);
|
||||
window.addEventListener("load", adjustButtonPosition);
|
||||
// 새로운 코드 추가 - topButton의 표시/숨기기 및 투명도 토글 로직
|
||||
function toggleTopButtonClass() {
|
||||
if (!topButton) return;
|
||||
if (window.scrollY === 0) {
|
||||
topButton.classList.remove("topbtn_on");
|
||||
topButton.classList.add("topbtn_off");
|
||||
setTimeout(() => {
|
||||
if (window.scrollY === 0) {
|
||||
topButton.style.display = "none";
|
||||
}
|
||||
}, 300);
|
||||
} else {
|
||||
topButton.style.display = "block";
|
||||
requestAnimationFrame(() => {
|
||||
topButton.classList.remove("topbtn_off");
|
||||
topButton.classList.add("topbtn_on");
|
||||
});
|
||||
}
|
||||
}
|
||||
window.addEventListener("scroll", toggleTopButtonClass);
|
||||
window.addEventListener("load", toggleTopButtonClass);
|
||||
|
||||
// FOOTER - 패밀리사이트 열고닫기
|
||||
$(function () {
|
||||
$(".menu_my").mouseover(function () {
|
||||
$(".menu_my_list").show();
|
||||
});
|
||||
|
||||
$(".menu_my").mouseout(function () {
|
||||
$(".menu_my_list").hide();
|
||||
});
|
||||
|
||||
//footer family site toggle
|
||||
$(".family_btn").click(function (event) {
|
||||
event.stopPropagation(); // family_btn 클릭 시 이벤트 전파를 막음
|
||||
$(".family_list").toggleClass("family_on");
|
||||
$(".family_btn").toggleClass("family_on");
|
||||
});
|
||||
|
||||
// 화면 아무 곳이나 클릭했을 때 family_list를 제외한 영역 클릭 시 리스트 닫기
|
||||
$(document).click(function (event) {
|
||||
if (
|
||||
!$(event.target).closest(".family_list").length &&
|
||||
!$(event.target).closest(".family_btn").length
|
||||
) {
|
||||
// family_list와 family_btn 외의 영역을 클릭한 경우
|
||||
$(".family_list").removeClass("family_on");
|
||||
$(".family_btn").removeClass("family_on");
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,177 @@
|
||||
<style>
|
||||
header .header_login {
|
||||
position: relative;
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
html[data-baron-page-mode="landing"] header .header_login,
|
||||
html[data-baron-page-mode="public-info"] header .header_login,
|
||||
html[data-baron-auth-state="authenticated"] header .header_login {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
header .header_login_trigger {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
cursor: pointer;
|
||||
transition: filter 0.2s ease;
|
||||
}
|
||||
|
||||
header .header_login:hover .header_login_trigger,
|
||||
header .header_login:focus-within .header_login_trigger {
|
||||
filter: brightness(1.12);
|
||||
}
|
||||
|
||||
header .header_login_trigger img {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
filter: brightness(0);
|
||||
}
|
||||
|
||||
html[data-baron-page-mode="landing"] header .header_login_trigger img {
|
||||
filter: none;
|
||||
}
|
||||
|
||||
html[data-baron-page-mode="landing"] header:hover .header_login_trigger img {
|
||||
filter: brightness(0);
|
||||
}
|
||||
|
||||
header .header_login_menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
padding-top: 12px;
|
||||
transform: translateX(-50%) translateY(4px);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.2s ease, transform 0.2s ease;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
header .header_login:hover .header_login_menu,
|
||||
header .header_login:focus-within .header_login_menu {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
pointer-events: auto;
|
||||
transform: translateX(-50%) translateY(0);
|
||||
}
|
||||
|
||||
/* 클릭(터치) 시 열림, Esc로 닫은 뒤에는 포인터/포커스가 벗어날 때까지 닫힘 유지 (header-login.js) */
|
||||
header .header_login.is-open .header_login_menu {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
pointer-events: auto;
|
||||
transform: translateX(-50%) translateY(0);
|
||||
}
|
||||
|
||||
header .header_login.is-dismissed .header_login_menu {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
pointer-events: none;
|
||||
transform: translateX(-50%) translateY(4px);
|
||||
}
|
||||
|
||||
header .header_login_menu::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ffffff;
|
||||
}
|
||||
|
||||
header .header_login_link {
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
background: #ffffff;
|
||||
color: #111111;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
padding: 10px 22px;
|
||||
border: 2px solid transparent;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
transition: background-color 0.15s ease, border-color 0.15s ease;
|
||||
}
|
||||
|
||||
header .header_login_link:hover {
|
||||
background: #ffcc00;
|
||||
border-color: #ffffff;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
header .header_login {
|
||||
margin-right: 6px;
|
||||
}
|
||||
header .header_login_trigger {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- CORP -->
|
||||
<div class="header_inner corp">
|
||||
<div class="logo_box">
|
||||
<!-- a = 홈페이지 로고 -->
|
||||
<!-- a의 이미지는은 style.css에서 제어하세요 -->
|
||||
<a class="logo" href="/ko/index.html">(주) 바론컨설턴트</a>
|
||||
</div>
|
||||
|
||||
<!-- 오픈메뉴 경우 -->
|
||||
<nav class="nav"></nav>
|
||||
|
||||
<!-- 버튼형 경우 -->
|
||||
<div class="header_R">
|
||||
<a class="header_qa header_qa_button" href="/ko/inquiry.html" aria-label="소프트웨어 문의">
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10" /><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01" /></svg>
|
||||
<span>S/W문의</span>
|
||||
</a>
|
||||
<div class="language">
|
||||
<a href="#" class="on">KR</a>
|
||||
<a href="/en/index.html">EN</a>
|
||||
</div>
|
||||
|
||||
<div class="header_login">
|
||||
<button type="button" class="header_login_trigger" aria-label="로그인" aria-expanded="false" aria-controls="header-login-menu">
|
||||
<img src="/assets/img/ico_user.svg" alt="" />
|
||||
</button>
|
||||
<div class="header_login_menu" id="header-login-menu">
|
||||
<a class="header_login_link" href="../ko/br_future.html">로그인</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="btn_menu" data-value="sitemap">
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="popup_wrap sitemap">
|
||||
<div class="popup_contents_wrap" data-lenis-prevent-wheel>
|
||||
<div class="popup_header">
|
||||
<div class="logo_box">
|
||||
<a class="logo" href="/ko/index.html">(주) 바론컨설턴트</a>
|
||||
</div>
|
||||
<button class="btn_close"><i class="close"></i></button>
|
||||
</div>
|
||||
|
||||
<nav class="nav"></nav>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,58 @@
|
||||
<!-- 비로그인 사용자용 전체 메뉴. 제공서비스와 D/X 체험은 로그인 전까지 비활성화한다. -->
|
||||
<ol>
|
||||
<li class="depth1">
|
||||
<span><em>미래를 설계하는</em>바론 컨설턴트</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/ko/br_future.html">바론이 제시하는 미래</a></li>
|
||||
<li><a href="/ko/br_tech.html">바론이 실현하는 기술</a></li>
|
||||
<li><a href="/ko/br_value.html">바론이 추구하는 가치</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1">
|
||||
<span><em>변화를 선도하는</em>디지털전환</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/ko/dt_explain.html">건설산업에서의 디지털전환</a></li>
|
||||
<li><a href="/ko/dt_sw.html">디지털전환과 소프트웨어</a></li>
|
||||
<li><a href="/ko/dt_use.html">건설산업에서의 디지털전환 활용</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1 nav-login-required" data-login-tooltip="로그인 후 이용할 수 있습니다.">
|
||||
<span><em>가치를 실현하는</em>제공서비스</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/ko/sv_solution.html" data-auth-disabled="true" aria-disabled="true" tabindex="-1">솔루션 프로그램</a></li>
|
||||
<li><a href="/ko/sv_sw.html" data-auth-disabled="true" aria-disabled="true" tabindex="-1">패키지 소프트웨어</a></li>
|
||||
<li><a href="/ko/sv_bigroom.html" data-auth-disabled="true" aria-disabled="true" tabindex="-1">빅룸</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1 nav-login-required" data-login-tooltip="로그인 후 이용할 수 있습니다.">
|
||||
<span><em>비전을 체험하는</em>D/X 체험</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/ko/dx.html" data-auth-disabled="true" aria-disabled="true" tabindex="-1">비전을 체험하는 D/X체험</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1">
|
||||
<span><em>이야기를 전하는</em>홍보센터</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/ko/pr_news.html">바론뉴스</a></li>
|
||||
<li><a href="/ko/pr_brochure.html">브로슈어</a></li>
|
||||
<li><a href="/ko/pr_ci.html">CI</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1 nav-recruit">
|
||||
<span
|
||||
><a href="/recruit/br_recruit.html" target="_blank" rel="noopener noreferrer"
|
||||
><em>관계로 완성되는</em>인재채용<i></i></a
|
||||
></span>
|
||||
<ul class="depth2">
|
||||
<li>
|
||||
<a href="/recruit/br_recruit.html" target="_blank" rel="noopener noreferrer" aria-label="인재채용 바로가기 (새 창)">인재채용 바로가기<i aria-hidden="true"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- <li class="depth1">
|
||||
<span onclick="location.href='../ko/faq.html'"><em>고객지원을 위한</em>FAQ</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/ko/faq.html">자주 묻는 질문</a></li>
|
||||
</ul>
|
||||
</li> -->
|
||||
</ol>
|
||||
@@ -0,0 +1,57 @@
|
||||
<ol>
|
||||
<li class="depth1">
|
||||
<span><em>미래를 설계하는</em>바론 컨설턴트</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/ko/br_future.html">바론이 제시하는 미래</a></li>
|
||||
<li><a href="/ko/br_tech.html">바론이 실현하는 기술</a></li>
|
||||
<li><a href="/ko/br_value.html">바론이 추구하는 가치</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1">
|
||||
<span><em>변화를 선도하는</em>디지털전환</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/ko/dt_explain.html">건설산업에서의 디지털전환</a></li>
|
||||
<li><a href="/ko/dt_sw.html">디지털전환과 소프트웨어</a></li>
|
||||
<li><a href="/ko/dt_use.html">건설산업에서의 디지털전환 활용</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1">
|
||||
<span><em>가치를 실현하는</em>제공서비스</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/ko/sv_solution.html">솔루션 프로그램</a></li>
|
||||
<li><a href="/ko/sv_sw.html">패키지 소프트웨어</a></li>
|
||||
<li><a href="/ko/sv_bigroom.html">빅룸</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1">
|
||||
<span><em>비전을 체험하는</em>D/X 체험</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/ko/dx.html">비전을 체험하는 D/X체험</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1">
|
||||
<span><em>이야기를 전하는</em>홍보센터</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/ko/pr_news.html">바론뉴스</a></li>
|
||||
<li><a href="/ko/pr_brochure.html">브로슈어</a></li>
|
||||
<li><a href="/ko/pr_ci.html">CI</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth1 nav-recruit">
|
||||
<span
|
||||
><a href="/recruit/br_recruit.html" target="_blank" rel="noopener noreferrer"
|
||||
><em>관계로 완성되는</em>인재채용<i></i></a
|
||||
></span>
|
||||
<ul class="depth2">
|
||||
<li>
|
||||
<a href="/recruit/br_recruit.html" target="_blank" rel="noopener noreferrer" aria-label="인재채용 바로가기 (새 창)">인재채용 바로가기<i aria-hidden="true"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- <li class="depth1">
|
||||
<span onclick="location.href='../ko/faq.html'"><em>고객지원을 위한</em>FAQ</span>
|
||||
<ul class="depth2">
|
||||
<li><a href="/ko/faq.html">자주 묻는 질문</a></li>
|
||||
</ul>
|
||||
</li> -->
|
||||
</ol>
|
||||
Reference in new issue
Block a user