/* BASIC css start */
#header{ position:fixed !important; left:0; top:0; padding:40px 0; width:100%; z-index:100; transition:padding 0.3s, background 0.3s; }
#header.on { padding:20px 0; background:rgba(255,255,255,0.6); backdrop-filter:blur(30px); -webkit-backdrop-filter:blur(30px); border-bottom: 1px solid rgba(255,255,255,0.5); }

.hd_wrap { width:70%; min-width:1024px; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start; }
#header nav ul { display:flex; gap:40px; align-items:flex-start; }
#header nav ul li a { font-size: 20px; font-weight: 400; color:#000; line-height: 27px; }
#header nav ul li:hover > a { font-weight:700; }
#header nav ul li.en:hover a { font-weight:600; }
#header nav ul li.en a { font-weight:400; }

#header nav ul li:nth-child(3) { width:60px; text-align:center; }
.nav { width: fit-content; display:flex; flex-direction:column; align-items:center; gap:12px; transform: translateX(-11px); height:0; transition:height 0.3s; overflow:hidden; }
.nav a { font-size:14px !important; }
.nav a:hover { font-weight:600 !important; }
.nav a:first-child { padding-top:20px; }
#header nav ul li:nth-child(3):hover .nav { height:203px; }


button { background:none; border:none; }
.btn_top { opacity:0; position:fixed; right:10%; bottom:20px; z-index:50; transition:opacity 0.3s, transform 0.3s; transition-delay:0.3s; pointer-events:none; transform:translateY(16px); }
.btn_top.on { opacity:1; pointer-events:all; transform:translateY(0); }
/* BASIC css end */