@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline; box-sizing:border-box; word-break:keep-all;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
html { scroll-behavior:smooth; }
body { color:#1e1a19; font-family:'Pretendard','SUIT','Noto Sans KR',sans-serif; font-size:16px; line-height:1; background:#fff; overflow-x:hidden; }
ol, ul { list-style:none; }
a { color:inherit; text-decoration:none; }
button { margin:0; padding:0; border:0; color:inherit; font:inherit; background:none; cursor:pointer; }
img { max-width:100%; display:block; }
em { font-style:normal; }
.xans-board-listpackage{margin:0;}
label + label{margin:0;}
label > input[type=radio], label > input[type=checkbox]{margin:0;}
.ec-base-table th{border:0;}
a:hover{text-decoration:none;}

#main_contents { overflow:hidden; }
body:not(.aos_ready) [data-aos] { opacity:1 !important; transform:none !important; }
.quick_side { display:none; }
.icon { text-indent:-99999px; font-size:0; display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:contain; }
.icon_sns_instagram_wh { width:44px; height:44px; background-image:url('/img/svg/icon_sns_instagram_wh.svg'); }
.icon_sns_blog_wh { width:44px; height:44px; background-image:url('/img/svg/icon_sns_blog_wh.svg'); }
.icon_sns_youtube_wh { width:44px; height:44px; background-image:url('/img/svg/icon_sns_youtube_wh.svg'); }
.icon_sns_shop_wh { width:44px; height:44px; background-image:url('/img/svg/icon_sns_shop_wh.svg'); }
.icon_quick_startup { width:28px; height:28px; background-image:url('/img/svg/icon_quick_startup_pk.svg'); }
.icon_quick_store { width:28px; height:28px; background-image:url('/img/svg/icon_quick_store_pk.svg'); }
.icon_quick_call { width:28px; height:28px; background-image:url('/img/svg/icon_quick_call_pk.svg'); }
.icon_quick_top { width:24px; height:24px; background-image:url('/img/svg/icon_quick_top_wh.svg'); }
.icon_arrow_pk { width:20px; height:20px; background-image:url('/img/svg/icon_arrow_pk.svg'); }
.icon_arrow_bk { width:20px; height:20px; background-image:url('/img/svg/icon_arrow_bk.svg'); }
.icon_arrow_wh { width:20px; height:20px; background-image:url('/img/svg/icon_arrow_wh.svg'); }

.inv_header { position:absolute; left:0; top:0; z-index:50; width:100%; }
.header_inner { width:calc(100% - 40px); max-width:1760px; height:100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; position:relative; }
.header_logo { width:227px; height:44px; flex-shrink:0; }
.header_logo a, .header_logo img { width:100%; height:100%; }
.header_logo a { display:flex; }
.header_logo_bk { display:none; }
.header_gnb { height:100%; display:flex; align-items:center; }
.gnb_list { display:flex; align-items:center; gap:clamp(20px,3.75vw,72px); height:100%; color:#fff; font-size:18px; font-weight:700; line-height:1.6; }
.gnb_list > li { position:relative; display:flex; align-items:center; height:100%; white-space:nowrap; }
.gnb_list > li > a { display:flex; align-items:center; height:100%; font-weight:500;}
.gnb_depth { position:absolute; left:50%; top:76px; width:max-content; min-width:150px; transform:translateX(-50%); padding:14px 18px; border:1px solid rgba(255,255,255,0.2); border-radius:8px; background:rgba(30,26,25,0.82); color:rgba(255,255,255,0.84); font-size:14px; font-weight:500; line-height:1.6; opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s ease; }
.gnb_depth li + li { margin-top:8px; }
.header_sns { display:flex; align-items:center; gap:clamp(6px,0.625vw,12px); flex-shrink:0; }
.header_sns a { width:44px; height:44px; display:flex; border-radius:50%; transition:background-color .25s ease; }
.mo_menu_btn, .mo_nav { display:none; }

.page_body { position:relative; }
.quick_menu { position:fixed; right:clamp(20px,2vw,40px); top:50%; z-index:60; width:80px; display:flex; flex-direction:column; gap:8px; transform:translateY(-50%); }
.page_body .quick_menu_boundary { position:absolute; top:0; right:0; bottom:0; z-index:60; width:0; pointer-events:none; }
.page_body .quick_menu { position:sticky; right:auto; top:max(110px,calc(50vh - 180px)); transform:translateX(calc(-100% - clamp(20px,2vw,40px))); pointer-events:auto; }
.quick_item { width:100%; height:84px; border:1px solid rgba(234,101,155,0.3); border-radius:8px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; background:#fff; color:#ea659b; font-size:14px; font-weight:700; line-height:1.2; text-align:center; transition:background-color .25s ease, border-color .25s ease, color .25s ease; }
.quick_top { border-color:#766c69; background:#766c69; color:#fff; }
.quick_top span { font-family:'Montserrat','Pretendard',sans-serif; }

.inv_footer { background:#1e1a19; color:#fff; }
.footer_inner { width:calc(100% - 40px); max-width:1760px; height:330px; margin:0 auto; padding-top:50px; display:flex; justify-content:space-between; }
.footer_info { font-size:16px; font-weight:500; line-height:1.6; }
.footer_info p + p { margin-top:8px; }
.footer_info .copyright { margin-top:26px; }
.footer_nav { display:flex; align-items:flex-start; gap:clamp(20px,3.75vw,72px); font-size:16px; }
.footer_nav dl { min-width:46px; }
.footer_nav dt { margin-bottom:20px; font-weight:700; line-height:1.5; }
.footer_nav dd { color:rgba(255,255,255,0.6); font-weight:500; line-height:1.5; white-space:nowrap; }
.footer_nav dd + dd { margin-top:8px; }

/* hover */
@media (hover: hover) and (pointer:fine){
  .gnb_list > li:hover .gnb_depth { opacity:1; visibility:visible; }
  .footer_nav a:hover { color:#fff; }
  .header_sns a:hover { background:#ea659b; }
  .header_sns a:hover .icon_sns_instagram_wh { background-image:url('/img/svg/icon_sns_instagram_wh.svg');border: 1px solid #ea659b;border-radius: 44px;overflow: hidden;background-size: 45px; }
  .header_sns a:hover .icon_sns_blog_wh { background-image:url('/img/svg/icon_sns_blog_wh.svg'); border: 1px solid #ea659b;border-radius: 44px;overflow: hidden;background-size: 45px;}
  .header_sns a:hover .icon_sns_youtube_wh { background-image:url('/img/svg/icon_sns_youtube_wh.svg');border: 1px solid #ea659b;border-radius: 44px;overflow: hidden;background-size: 45px;}
  .header_sns a:hover .icon_sns_shop_wh { background-image:url('/img/svg/icon_sns_shop_wh.svg');border: 1px solid #ea659b;border-radius: 44px;overflow: hidden;background-size: 45px;}
  .quick_item:not(.quick_top):hover { border-color:#ea659b; background:#ea659b; color:#fff; }
  .quick_startup:hover .icon_quick_startup { background-image:url('/img/svg/icon_quick_startup_wh.svg'); }
  .quick_store:hover .icon_quick_store { background-image:url('/img/svg/icon_quick_store_wh.svg'); }
  .quick_call:hover .icon_quick_call { background-image:url('/img/svg/icon_quick_call_wh.svg'); }
  .quick_top:hover { border-color:#1e1a19; background:#1e1a19; color:#fff; }
}

@media all and (max-width:1024px){
  body.mo_nav_open { overflow:hidden; }
  .inv_header { position:absolute; }
  .header_inner { width:calc(100% - 40px); height:60px; }
  .header_logo { width:145px; height:28px; }
  .header_gnb, .header_sns { display:none; }
  .mo_menu_btn { width:24px; height:24px; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; gap:5px; position:relative; z-index:53; }
  .mo_menu_btn span { height:2px; border-radius:10px; background:#fff; display:block; transition:transform .25s ease, opacity .25s ease, width .25s ease; }
  .mo_menu_btn span:nth-child(1),
  .mo_menu_btn span:nth-child(3) { width:18px; }
  .mo_menu_btn span:nth-child(2) { width:24px; }
  .mo_menu_btn.is_active span:nth-child(1) { width:24px; transform:translateY(7px) rotate(45deg); }
  .mo_menu_btn.is_active span:nth-child(2) { opacity:0; }
  .mo_menu_btn.is_active span:nth-child(3) { width:24px; transform:translateY(-7px) rotate(-45deg); }
  .mo_nav {position: fixed;inset: 0;z-index: 52;display: block;padding: 90px 20px;overflow-y: scroll;background: rgba(30, 26, 25, 0.96);color: #fff;transform: translateX(100%);transition: transform .3s ease;overflow: auto;}
  .mo_nav.is_open { transform:translateX(0); }
  .mo_nav > ul { display:flex; flex-direction:column; gap:24px; font-size:24px; font-weight:700; line-height:1.5; }
  .mo_nav ul ul { margin-top:10px; display:flex; flex-direction:column; gap:8px; color:rgba(255,255,255,0.65); font-size:16px; font-weight:500; }
  .quick_menu { left:0; right:auto; top:auto; bottom:0; width:100%; height:65px; flex-direction:row; gap:0; transform:none; }
  .page_body .quick_menu_boundary { left:0; width:100%; }
  .page_body .quick_menu { left:auto; right:auto; top:calc(100vh - 65px); top:calc(100dvh - 65px); bottom:auto; transform:none; }
  .quick_item { width:25%; height:65px; border:0; border-radius:0; gap:4px; background:#ea659b; color:#fff; font-size:14px; }
  .quick_item:first-child { border-radius:8px 0 0 0; }
  .quick_top { border-radius:0 8px 0 0; background:#1e1a19; }
  .icon_quick_startup { width:20px; height:20px; background-image:url('/img/svg/icon_quick_startup_wh.svg'); }
  .icon_quick_store { width:20px; height:20px; background-image:url('/img/svg/icon_quick_store_wh.svg'); }
  .icon_quick_call { width:20px; height:20px; background-image:url('/img/svg/icon_quick_call_wh.svg'); }
  .icon_quick_top { width:20px; height:20px; background-image:url('/img/svg/icon_quick_top_mo.svg'); }
  .footer_inner { width:calc(100% - 40px); height:245px; padding-top:30px; display:block; }
  .footer_info { max-width:277px; font-size:14px; line-height:1.6; }
  .footer_info p + p { margin-top:4px; }
  .footer_info .copyright { margin-top:14px; }
  .footer_nav { display:none; }
}