* { box-sizing:border-box; } 
html { overflow-x:hidden; scroll-behavior:smooth; } 
body { overflow-x:hidden; margin:0; color:#121212; background:#fff; font-family:"Pretendard",sans-serif; font-size:16px; line-height:1.6; letter-spacing:0; word-break:keep-all; } 
body.is_menu_open { overflow:hidden; } 
body, h1, h2, h3, h4, p, ul, ol, dl, dd, figure, fieldset { margin:0; padding:0; } 
ul, ol { list-style:none; } 
a { color:inherit; text-decoration:none; } 
button, input, textarea, select { margin:0; color:inherit; font:inherit; letter-spacing:0; } 
button { border:0; background:none; cursor:pointer; } 
img { display:block; max-width:100%; } 
address { font-style:normal; } 
.icon { display:inline-block; flex:none; background-position:center; background-repeat:no-repeat; background-size:contain; font-size:0; text-indent:-99999px; } 
.icon_arrow_right_wh { width:20px; height:20px; background-image:url(/vkwonth/img/svg/icon_arrow_right_wh.svg); } 
.icon_arrow_link_wh { width:24px; height:24px; background-image:url(/vkwonth/img/svg/icon_arrow_link_wh.svg); } 
.icon_check { width:16px; height:16px; background-image:url(/vkwonth/img/svg/icon_check.svg); } 
.quick_side { display:none; } 
.site_header { position:relative; z-index:100; width:100%; height:100px; background:#fff; } 
.header_inner { display:flex; width:100%; max-width:1440px; height:100%; align-items:center; margin:0 auto; } 
.site_logo { display:flex; width:100%; max-width:205px; padding-left:20px; flex-direction:column; justify-content:center; line-height:1; } 
.site_logo span { margin-bottom:8px; color:rgba(0,0,0,.4); font-size:14px; font-weight:400; } 
.site_logo strong { font-family:"Nanum Myeongjo",serif; font-size:30px; font-weight:700; line-height:1; } 
.site_nav { display:flex; min-width:0; flex:1; align-self:stretch; align-items:center; justify-content:center; } 
.nav_list { display:flex; align-items:center; justify-content:center; gap:60px; } 
.nav_list > li { position:relative; display:flex; height:100px; align-items:center; } 
.nav_list > li > a { font-size:16px; font-weight:500; white-space:nowrap; } 
.sub_nav { position:absolute; top:100%; left:50%; display:flex; min-width:180px; flex-direction:column; padding:15px 0; opacity:0; visibility:hidden; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.12); transform:translate(-50%,10px); transition:opacity .2s,transform .2s,visibility .2s; } 
.sub_nav a { display:block; padding:8px 20px; font-size:14px; font-weight:500; text-align:center; white-space:nowrap; } 
.header_call { display:flex; width:100%; max-width:250px; height:100%; flex-direction:column; align-items:center; justify-content:center; color:#fff; background:linear-gradient(111.8deg,#4b7bde 0%,#294278 100%); } 
.header_call span { font-size:14px; font-weight:500; } 
.header_call strong { margin-top:4px; font-size:24px; font-weight:700; line-height:1.2; } 
.menu_button { display:none; width:24px; height:24px; flex-direction:column; justify-content:center; gap:4px; padding:0; } 
.menu_button span { display:block; width:24px; height:2px; background:#232323; transition:transform .2s,opacity .2s; } 
.site_footer { color:#fff; background:#262626; } 
.footer_inner { position:relative; display:flex; width:100%; max-width:1440px; align-items:flex-start; justify-content:space-between; margin:0 auto; padding:40px 0; } 
.footer_info { display:flex; max-width:400px; flex-direction:column; order:1; gap:16px; font-size:14px; font-weight:500; line-height:1.5; } 
.footer_info > strong { font-size:16px; margin-bottom: 24px; } 
.footer_nav { display:flex; order:2; align-items:flex-start; justify-content:flex-end; gap:50px; } 
.footer_nav > div { display:flex; flex-direction:column; align-items:flex-end; gap:4px; font-size:14px; line-height:1.5; white-space:nowrap; } 
.footer_nav strong { margin-bottom:12px; font-size:16px; font-weight:500; } 

/* responsive system */
.only_ta { display:none !important; } 
.only_mo { display:none !important; } 
@media (max-width:1024px){
 .only_pc { display:none !important; } 
.only_ta { display:inline-block !important;; } 
.only_ta.btn { display:flex !important; } 
 }
@media (max-width:1024px){
 .only_mo { display:inline-block !important;; } 
}

/* hover */
@media (hover: hover) and (pointer:fine) { 
.nav_list > li:hover .sub_nav { opacity:1; visibility:visible; transform:translate(-50%,0); } 
.sub_nav a:hover, .footer_nav a:hover { color:#4b7bde; } 
 } 

@media (max-width:1024px) { 
body { font-size:15px; } 
.site_header { height:60px; } 
.header_inner { padding:0 20px; } 
.site_logo { max-width:240px; padding:0;} 
.site_logo span { margin-bottom:4px; font-size:11px;} 
.site_logo strong { font-size:22px; } 
.menu_button { display:flex; margin-left:auto; } 
.menu_button.is_active span:nth-child(1) { transform:translateY(6px) rotate(45deg); } 
.menu_button.is_active span:nth-child(2) { opacity:0; } 
.menu_button.is_active span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); } 
.header_call { display:none; } 
.site_nav { position:fixed; top:60px; right:0; bottom:0; left:0; display:block; overflow-y:auto; padding:20px; opacity:0; visibility:hidden; background:#fff; transform:translateX(100%); transition:opacity .25s,transform .25s,visibility .25s; } 
.site_nav.is_open { opacity:1; visibility:visible; transform:translateX(0); } 
.nav_list { display:flex; flex-direction:column; align-items:stretch; gap:0; } 
.nav_list > li { display:block; height:auto; border-bottom:1px solid #e5e5e5; } 
.nav_list > li > a { display:block; padding:15px 0; font-size:18px; font-weight:600; } 
.sub_nav { position:static; display:flex; min-width:0; align-items:flex-start; padding:0 0 15px 15px; opacity:1; visibility:visible; box-shadow:none; transform:none; } 
.sub_nav a { padding:5px 0; color:#666; font-size:15px; text-align:left; } 
.footer_inner { min-height:533px; flex-direction:column; justify-content:flex-start; padding:40px 20px 30px; } 
.footer_nav { display:flex; width:100%; flex-wrap:wrap; order:1; justify-content:flex-start; gap:30px 34px; padding-bottom:25px; border-bottom:1px solid rgba(255,255,255,.3); } 
.footer_nav > div { width:calc((100% - 68px) / 3); align-items:flex-start; } 
.footer_nav > div:nth-child(n+4) { margin-top:5px; } 
.footer_nav strong { margin-bottom:12px; } 
.footer_info { width:100%; max-width:none; order:2; gap:15px; padding-top:20px; font-size:14px; } 
.footer_info > strong { font-size:15px; } 
 }