@font-face { font-family:"Pretendard"; src:url("/aboutck/font/PretendardVariable.woff2") format("woff2"); font-weight:100 900; font-style:normal; font-display:swap; } 
@font-face { font-family:"Montserrat"; src:url("/aboutck/font/MontserratVariable.ttf") format("truetype"); font-weight:100 900; font-style:normal; font-display:swap; } 
* { box-sizing:border-box; } 
html { min-width:320px; scroll-behavior:smooth; } 
body { margin:0; color:#131313; background:#fff; font-family:"Pretendard",Arial,sans-serif; font-size:16px; line-height:1.6; letter-spacing:0; word-break:keep-all; } 
body.menu_open { overflow:hidden; } 
a { color:inherit; text-decoration:none; } 
button, input, select, textarea { font:inherit; letter-spacing:0; } 
button { cursor:pointer; } 
img { display:block; max-width:100%; } 
h1, h2, h3, p, ul, ol, figure { margin:0; padding:0; } 
ul, ol { list-style:none; } 
.icon { display: inline-block; flex: none; overflow: hidden; text-indent: -99999px; font-size: 0; background-position: center; background-repeat: no-repeat; background-size: contain; } 
.main_inner { width:calc(100% - 40px); max-width:1440px; margin:0 auto; } 
.gold_text { color:transparent; background:linear-gradient(100deg,#d39b3d 0%,#f4e9c2 50%,#dfbb74 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow:0 1px 0 rgba(255,255,255,.08); } 
.gold_button { border:2px solid #c89846; background:rgba(16,16,16,.24); box-shadow:inset 0 0 14px rgba(244,233,194,.1),0 4px 16px rgba(0,0,0,.14); } 
.site_header { position:absolute; top:0; left:0; z-index:50; width:100%; height:92px; color:#fff; } 
.header_inner { display:flex; width:calc(100% - 40px); max-width:1440px; height:100%; align-items:center; justify-content:space-between; margin:0 auto; gap: 0 20px; } 
.site_logo, .footer_logo { display:flex; align-items:center; gap:8px; flex:none; } 
.site_logo img { width:52px; height:52px; object-fit:contain; } 
.site_logo strong { font-size:32px; font-weight:700; line-height:1.4; white-space:nowrap; } 
.site_nav { width:100%; max-width:560px; } 
.site_nav > ul { display:flex; align-items:center; gap:0 10px; width:100%; justify-content: space-between; } 
.site_nav li { position:relative; } 
.site_nav > ul > li > a { display:flex; height:72px; align-items:center; font-size:16px; font-weight:500; white-space:nowrap; } 
.site_nav li ul { position:absolute; top:65px; left:50%; display:flex; min-width:150px; flex-direction:column; padding:8px; border:1px solid rgba(200,152,70,.4); border-radius:8px; opacity:0; visibility:hidden; transform:translate(-50%,-8px); background:rgba(16,16,16,.96); box-shadow:0 12px 30px rgba(0,0,0,.28); transition:opacity .2s ease,transform .2s ease,visibility .2s ease; } 
.site_nav li:hover ul, .site_nav li:focus-within ul { opacity:1; visibility:visible; transform:translate(-50%,0); } 
.site_nav li ul a { display:block; padding:9px 12px; border-radius:5px; color:rgba(255,255,255,.78); font-size:14px; white-space:nowrap; } 
.site_nav li ul a:hover, .site_nav li ul a:focus { color:#fff; background:rgba(200,152,70,.18); } 
.header_phone { display:flex; height:44px; align-items:center; gap:8px; padding:0 20px; border-radius:30px; min-width: 248px; } 
.header_phone img { width:24px; height:24px; } 
.header_phone span { font-size:24px; font-weight:700; white-space:nowrap; } 
.mobile_menu_button { display:none; width:40px; height:40px; align-items:center; justify-content:center; flex-direction:column; gap:4px; padding:0; border:0; background:transparent; } 
.mobile_menu_button span { width:24px; height:2px; background:#fff; transition:transform .2s ease,opacity .2s ease; } 
.mobile_nav_contact { display:none; } 
.site_footer { position:relative; z-index:5; min-height:282px; color:#fff; background:#101010; } 
.footer_inner { display:flex; width:calc(100% - 40px); max-width:1440px; gap:80px; margin:0 auto; padding-top:60px; } 
.footer_logo { align-self:flex-start; } 
.footer_logo img { width:40px; height:40px; margin: -5px; } 
.footer_logo strong { font-size:28px; line-height:1.4; } 
.footer_info { font-size:16px; line-height:1.6; } 
.footer_info p + p { margin-top:4px; } 
.footer_info .copyright { margin-top:20px; } 
body#sub .site_header { position:relative; background:#101010; } 
@media (hover:hover) and (pointer:fine) { 
.site_logo:hover, .footer_logo:hover, .header_phone:hover, .contact_actions a:hover { filter:brightness(1.12); } 
 } 
@media (max-width:1024px) { 
.main_inner { width:100%; } 
.site_header { height:60px; } 
.header_inner { width:100%; padding:0 20px; } 
.site_logo, .mobile_menu_button { position:relative; z-index:1; } 
.site_logo img { width:40px; height:40px; } 
.site_logo strong { font-size:24px; } 
.mobile_menu_button { display:flex; align-items: flex-end; } 
.menu_open .mobile_menu_button { border-radius:50%; } 
.mobile_menu_button[aria-expanded="true"] span:nth-child(1) { transform:translateY(6px) rotate(45deg); } 
.mobile_menu_button[aria-expanded="true"] span:nth-child(2) { opacity:0; } 
.mobile_menu_button[aria-expanded="true"] span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); } 
.site_nav { position:fixed; top:60px; right:0; bottom:0; left:0; width:100%; max-width:none; overflow:auto; overscroll-behavior:contain; opacity:0; visibility:hidden; transform:translateX(24px); background:#101010; transition:opacity .28s ease,transform .36s cubic-bezier(.22,1,.36,1),visibility .28s ease; pointer-events: none; } 
.menu_open .site_nav { opacity:1; visibility:visible; transform:translateX(0); pointer-events: initial; } 
body.menu_open .site_header, body#sub.menu_open .site_header { position:fixed; background:#101010; box-shadow:0 1px 0 rgba(255,255,255,.1); } 
.site_nav > ul { width:100%; max-width:720px; align-items:stretch; flex-direction:column; gap:0; margin:0 auto; padding: 0 24px 12px; } 
.site_nav > ul > li { border-bottom:1px solid rgba(255,255,255,.12); } 
.site_nav > ul > li > a { position:relative; height:auto; min-height:60px; padding: 15px 0; font-size:20px; font-weight:700; } 
.site_nav > ul > li:not(.has_submenu) > a::after { position:absolute; top:50%; right:4px; width:8px; height:8px; border-top:2px solid rgba(244,233,194,.75); border-right:2px solid rgba(244,233,194,.75); content:""; transform:translateY(-50%) rotate(45deg); } 
.site_nav li ul { position:static; display:flex; min-width:0; flex-direction:row; flex-wrap:wrap; padding: 0 0 15px 15px; border:0; opacity:1; visibility:visible; transform:none; background:transparent; box-shadow:none; } 
.site_nav li:hover ul, .site_nav li:focus-within ul { transform:none; } 
.site_nav li ul li { width:50%; } 
.site_nav li ul a { position:relative; display:flex; min-height:42px; align-items:center; padding:8px 16px 8px 18px; border-radius:0; color:rgba(255,255,255,.68); font-size:15px; } 
.site_nav li ul a::before { position:absolute; top:50%; left:1px; width:6px; height:6px; border-top:1px solid #c89846; border-right:1px solid #c89846; content:""; transform:translateY(-50%) rotate(45deg); } 
.mobile_nav_contact { display:flex; width:100%; max-width:720px; flex-direction:column; margin:0 auto; padding: 10px 25px 20px; } 
.mobile_nav_contact > span { color:rgba(255,255,255,.55); font-size:13px; font-weight:600; } 
.mobile_nav_contact > a { display:flex; min-height:64px; align-items:center; gap:12px; /* margin-top:10px; */padding:10px 18px; border:1px solid rgba(200,152,70,.75); border-radius:8px; background:#18150f; box-shadow:inset 0 0 18px rgba(244,233,194,.06); } 
.mobile_nav_contact img { width:24px; height:24px; } 
.mobile_nav_contact strong { color:#f0d59a; font-family:"Montserrat","Pretendard",sans-serif; font-size:22px; line-height:1.2; } 
.mobile_nav_contact i { position:relative; width:32px; height:32px; flex:none; margin-left:auto; border-radius:50%; background:#c89846; } 
.mobile_nav_contact i::after { position:absolute; top:11px; left:10px; width:8px; height:8px; border-top:2px solid #101010; border-right:2px solid #101010; content:""; transform:rotate(45deg); } 
.header_phone { display:none; } 
.site_footer { min-height: auto; } 
.footer_inner { width:100%; flex-direction:column; gap:24px; padding:40px 20px; } 
.footer_logo img { width:40px; height:40px; margin: -10px; } 
.footer_logo strong { font-size:24px; } 
.footer_info { font-size:15px; } 
.footer_info p + p { margin-top:2px; } 
.footer_info .copyright { margin-top:20px; } 
 } 
@media (max-width:480px) { 
.site_nav > ul { padding-right:20px; padding-left:20px; } 
.site_nav li ul li { width:100%; } 
.mobile_nav_contact { padding-right:20px; padding-left:20px; } 
 } 
@media (prefers-reduced-motion:reduce) { 
.site_nav, .mobile_menu_button span { transition:none; } 
 }