@font-face { font-family:"Pretendard"; font-style:normal; font-weight:100 900; font-display:swap; src:url("https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/woff2/PretendardVariable.woff2") format("woff2-variations"); } 
@font-face { font-family:"Shilla Culture"; font-style:normal; font-weight:700; font-display:swap; src:url("https://cdn.jsdelivr.net/gh/fontbee/font@main/Gyeongju/Shilla_CultureB-Bold.woff2") format("woff2"); } 
* { box-sizing:border-box; } 
html { scroll-behavior:smooth; } 
body { margin:0; color:#111; background:#fff; font-family:"Pretendard", Arial, sans-serif; font-size:16px; line-height:1.5; letter-spacing:0; word-break:keep-all; } 
body.menu_open { overflow:hidden; } 
a { color:inherit; text-decoration:none; } 
button, input, textarea, select { font:inherit; } 
button { color:inherit; } 
img { display:block; max-width:100%; } 
ul, ol { margin:0; padding:0; list-style:none; } 
p, h1, h2, h3, h4 { margin:0; } 
.icon { display:inline-block; flex:none; font-size:0; text-indent:-99999px; } 
.icon_arrow_circle_wh { width:42px; height:42px; background:url("/vitnaming/img/svg/icon_arrow_circle_wh.svg") center/contain no-repeat; } 
.icon_arrow_circle_bk { width:42px; height:42px; background:url("/vitnaming/img/svg/icon_arrow_circle_bk.svg") center/contain no-repeat; } 
.site_header { position: sticky; top: 0; z-index:50; height:100px; background:rgba(255, 255, 255, .74); backdrop-filter:blur(5px); border-bottom: 1px solid #E2E2E2; } 
.header_inner { display:flex; width:calc(100% - 40px); max-width:1680px; height:100%; align-items:center; justify-content:space-between; gap:40px; margin:0 auto; } 
.site_logo { display:block; width:100%; max-width:217px; flex:none; } 
.site_logo img { width:100%; } 
.site_nav { margin-left:auto; } 
.nav_list { display:flex; align-items:center; gap:40px; } 
.nav_list > li { position:relative; } 
.nav_list > li > a { display:flex; height:100px; align-items:center; font-size:18px; font-weight:500; white-space:nowrap; } 
.sub_nav { position:absolute; top:82px; left:50%; width:max-content; min-width:190px; padding:12px 0; border:1px solid #e5e5e5; border-radius:5px; background:#fff; box-shadow:0 12px 30px rgba(0, 0, 0, .1); opacity:0; pointer-events:none; transform:translate(-50%, 10px); transition:opacity .25s ease, transform .25s ease; } 
.sub_nav a { display:block; padding:8px 18px; color:#333; font-size:15px; white-space:nowrap; } 
.menu_button { display:none; width:24px; padding:0; border:0; background:none; cursor:pointer; } 
.menu_button span { display:block; width:100%; height:2px; margin-top:5px; background:#111; transition:transform .25s ease, opacity .25s ease; } 
.menu_button span:first-child { margin-top:0; } 
.site_footer { color:#fff; background:#111; } 
.footer_inner { width:calc(100% - 40px); max-width:1680px; margin:0 auto; padding:40px 0 35px; } 
.footer_logo { width:100%; max-width:231px; } 
.footer_info { display:flex; flex-direction:column; gap:4px; margin-top:25px; color:#ddd; font-size:16px; line-height:1.7; } 
.footer_info p { display:flex; flex-wrap:wrap; align-items:center; } 
.footer_info span { display:inline-flex; align-items:center; } 
.footer_info span + span::before { width:1px; height:13px; margin:0 15px; background:#777; content:""; } 
.copyright { margin-top:25px; color:#aaa; font-size:15px; } 
@media (hover: hover) and (pointer:fine) { 
 .nav_list > li > a, .sub_nav a { transition:color .2s ease; } 
 .sub_nav a:hover { color:#FE6663; } 
 .has_sub:hover .sub_nav { opacity:1; pointer-events:auto; transform:translate(-50%, 0); } 
 } 
@media (max-width:1024px) { 
 .icon_arrow_circle_wh, .icon_arrow_circle_bk { width:30px; height:30px; } 
 .site_header { height:60px; background:#fff; } 
 .header_inner { width:100%; padding:0 20px; } 
 .site_logo { max-width:136px; } 
 .menu_button { display:block; position:relative; z-index:2; } 
 .menu_button.is_open span:first-child { transform:translateY(7px) rotate(45deg); } 
 .menu_button.is_open span:nth-child(2) { opacity:0; } 
 .menu_button.is_open span:last-child { transform:translateY(-7px) rotate(-45deg); } 
 .site_nav { position: fixed; top: 60px; right: 0; bottom: 0; left: 0; overflow-y: auto; padding: 0 20px 20px; background: #fff; opacity: 0; pointer-events: none; transform: translateY(-10px); transition: opacity .25s ease, transform .25s ease; height: calc(100vh - 60px); } 
 .site_nav.is_open { opacity:1; pointer-events:auto; transform:translateY(0); } 
 .site_nav.is_open .sub_nav{pointer-events:initial;}
 .nav_list { align-items:stretch; flex-direction:column; gap:0; } 
 .nav_list > li { border-bottom:1px solid #eee; } 
 .nav_list > li > a { height:auto; padding: 10px 0; font-size: 18px; } 
 .sub_nav { position:static; width:100%; min-width:0; padding:0 0 12px 15px; border:0; border-radius:0; box-shadow:none; opacity:1; transform:none; } 
 .sub_nav a { padding:5px 0; font-size:14px; } 
 .footer_inner { width:100%; padding:20px; } 
 .footer_logo { max-width:136px; } 
 .footer_info { gap:8px; margin-top:15px; font-size:14px; line-height:1.45; } 
 .footer_info p { align-items:flex-start; flex-direction:column; gap:8px; } 
 .footer_info span + span::before { display:none; } 
 .copyright { margin-top:16px; font-size:14px; line-height:1.4; } 
 }