@charset "utf-8"; @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"); :root { --primary_col:#eb178d; --default_col:#111; --gray_col:#888; --line_col:#e0e0e0; --section_col:#f6f6f6; --content_width:1440px; } 
html, body { width:100%; max-width:initial !important; scroll-behavior:smooth; } 
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; box-sizing:border-box; font-family:"Pretendard", sans-serif; word-break:keep-all; letter-spacing:0; } 
body { color:var(--default_col); background:#fff; } 
body.mNavActive { overflow:hidden; } 
button, input, textarea, select { margin:0; padding:0; border:0; border-radius:0; box-sizing:border-box; font:inherit; color:inherit; letter-spacing:0; background:none; } 
button { cursor:pointer; } 
ul, ol, li { list-style:none; } 
a { color:inherit; text-decoration:none; } 
img { display:block; width:100%; max-width:100%; } 
caption { display:none; } 
.none { display:none !important; } 
.txt_hidden { width:1px; height:1px; overflow:hidden; position:absolute; clip:rect(0, 0, 0, 0); white-space:nowrap; } 
.text_center { text-align:center !important; } 
.text_right { text-align:right !important; } 
.text_left { text-align:left !important; } 
.only_ta { display:none !important; } 
.only_mo { display:none !important; } 
/* icon */ .icon { display:inline-block; flex:none; overflow:hidden; text-indent:-99999px; font-size:0; background-position:center; background-repeat:no-repeat; background-size:contain; } 
.icon_call_wh { width:28px; height:28px; background-image:url("/ariacare/img/svg/icon_call_wh.svg"); } 
.icon_float_call { width:100%; height:100%; background-image:url("/ariacare/img/svg/icon_float_call.svg"); } 
.icon_kakao { width:100%; height:100%; background-image:url("/ariacare/img/svg/icon_kakao.svg"); } 
.icon_menu { width:24px; height:24px; background-image:url("/ariacare/img/svg/icon_menu.svg"); } 
.icon_arrow { width:14px; height:18px; background-image:url("/ariacare/img/svg/icon_arrow.svg"); transform:rotate(90deg); } 
.icon_calendar { width:20px; height:20px; background-image:url("/ariacare/img/svg/icon_calendar.svg"); } 
.icon_refresh { width:26px; height:26px; background-image:url("/ariacare/img/svg/icon_refresh.svg"); } 
.icon_info { width:15px; height:15px; background-image:url("/ariacare/img/svg/icon_info.svg"); } 
/* button */ .inv_more_btn { display:flex; align-items:center; justify-content:space-between; width:100%; max-width:180px; height:44px; padding:0 24px; border:1px solid var(--primary_col); border-radius:100px; color:var(--primary_col); font-size:16px; font-weight:500; line-height:1.5; background:#fff; transition:color .25s, background-color .25s; } 
/* header */ .site_header { width:100%; height:100px; position:absolute; top:0; left:0; z-index:1000; color:#fff; } 
.site_header_inner { display:flex; align-items:center; width:calc(100% - 40px); max-width:1720px; height:100%; margin:0 auto; } 
.site_logo { display:block; width:100%; max-width:307px; } 
.site_logo_color { display:none; } 
.site_nav { flex:1; margin:0 45px; } 
.site_nav_list { display:flex; align-items:center; justify-content:center; gap:50px; } 
.site_nav_item { position:relative; } 
.site_nav_head { display:flex; align-items:center; } 
.site_nav_link { display:block; color:#fff; font-size:18px; font-weight:500; line-height:1.2; white-space:nowrap; } 
.site_sub_btn { display:none; } 
.site_sub_list { opacity: 0; pointer-events: none; width:max-content; min-width:180px; padding:15px 18px; position:absolute; top:35px; left:50%; z-index:2; transform:translate(-50%, 0); border-radius:8px; background:#fff; box-shadow:0 5px 20px rgba(0, 0, 0, .12); transition: all .2s ease-in-out; } 
.site_sub_list li + li { margin-top:9px; } 
.site_sub_list a { display:block; color:#333; font-size:15px; font-weight:500; line-height:1.5; white-space:nowrap; } 
.site_call_btn { display:flex; align-items:center; justify-content:center; gap:4px; width:100%; max-width:240px; height:44px; border-radius:22px; color:#fff; background:var(--primary_col); } 
.site_call_btn strong { font-size:24px; font-weight:700; line-height:1; } 
.site_menu_btn { display:none; } 
body#sub .site_header { position:relative; color:#111; background:#fff; } 
body#sub .site_logo_white { display:none; } 
body#sub .site_logo_color { display:block; } 
body#sub .site_nav_link { color:#111; } 
/* footer */ 
.site_footer { height:auto; padding:50px 20px 43px; border-top:1px solid #ddd; background:#fff; } 
.site_footer_inner { display:flex; align-items:center; width:calc(100% - 40px); max-width:1720px; height:100%; margin:0 auto; } 
.site_footer_logo { display:block; width:100%; max-width:307px; } 
.site_footer_info { margin-left:40px; color:#6a6a6a; font-size:16px; font-weight:500; line-height:1.5; } 
.site_footer_line { display:flex; align-items:center; gap:24px; } 
.site_footer_line + .site_footer_line { margin-top:8px; } 
.site_footer_copy { margin-top:16px; } 
@media (max-width:1345px) { 
 body.mNavActive::before { content:""; position:fixed; inset:0; z-index:900; background:rgba(9, 14, 24, .48); backdrop-filter:blur(2px); } 
 .site_header { height:60px; } 
 .site_header_inner { justify-content:space-between; width:100%; padding:0 20px; } 
 .site_logo { max-width:189px; position:relative; z-index:2; } 
 .mNavActive .site_logo { width:calc(min(430px, 100%) - 112px); max-width:189px; position:fixed; top:14px; left:calc(100% - min(430px, 100%) + 28px); } 
 .site_menu_btn { display:flex; align-items:center; justify-content: flex-end; width:40px; height:40px; position:relative; z-index:3; border-radius:50%; } 
 .site_menu_btn::before, .site_menu_btn::after { content:""; width:20px; height:2px; position:absolute; top:50%; left:50%; opacity:0; background:#111; transition:opacity .2s, transform .2s; } 
 .mNavActive .site_menu_btn { position:fixed; top:10px; right:20px; z-index:4; background:#f5f6f8; } 
 .mNavActive .site_menu_btn .icon_menu { opacity:0; } 
 .mNavActive .site_menu_btn::before { opacity:1; transform:translate(-50%, -50%) rotate(45deg); } 
 .mNavActive .site_menu_btn::after { opacity:1; transform:translate(-50%, -50%) rotate(-45deg); } 
 .site_nav { display:block; width:min(430px, 100%); height:100dvh; margin:0; padding:84px 28px 32px; position:fixed; top:0; right:0; overflow-y:auto; pointer-events:none; transform:translateX(100%); color:#111; background:#fff; transition:all .3s ease; opacity:0; } 
 .mNavActive .site_nav { transform:translateX(0); opacity: 1; pointer-events: initial; box-shadow: -18px 0 50px rgba(9, 14, 24, .16); } 
 .site_nav_list { display:flex; align-items:stretch; flex-direction:column; gap:0; } 
 .site_nav_item { border-bottom:1px solid #e8ebf0; } 
 .site_nav_head { justify-content:space-between; } 
 .site_nav_link { flex:1; padding:19px 4px; color:#111; font-size:17px; font-weight:600; } 
 .site_sub_btn { display:block; width:48px; height:48px; position:relative; flex:none; } 
 .site_sub_btn::before, .site_sub_btn::after { content:""; width:12px; height:1px; position:absolute; top:50%; left:50%; background:#111; transform:translate(-50%, -50%); transition:transform .2s; } 
 .site_sub_btn::after { transform:translate(-50%, -50%) rotate(90deg); } 
 .site_nav_item.active .site_sub_btn::after { transform:translate(-50%, -50%); } 
 .site_sub_list {opacity:1; pointer-events:initial; display:block; width:100%; min-width:0; max-height:0; padding:0 18px; position:static; overflow:hidden; transform:none; border-radius:6px; background:#f7f8fa; box-shadow:none; transition:max-height .3s, padding .3s, margin .3s; } 
 .site_nav_item.active .site_sub_list { max-height:240px; margin-bottom:14px; padding-top:12px; padding-bottom:12px; } 
 .site_sub_list li + li { margin-top:0; } 
 .site_sub_list a { padding:9px 0; color:#555f70; font-size:14px; } 
 .site_call_btn { display:none; } 
 body#sub .icon_menu { filter:brightness(0); } 
 .mNavActive .site_logo_white { display:none; } 
 .mNavActive .site_logo_color { display:block; } 
 } 
@media (max-width:1024px) { 
 .only_pc { display:none !important; } 
 .only_ta { display:inline !important; } 
 .only_ta.btn { display:flex !important; } 
 .only_mo { display:inline !important; } 
 .icon_call_wh { width:20px; height:20px; } 
 .inv_more_btn { max-width:140px; height:40px; padding:0 16px; font-size:14px; } 
 .site_footer { padding:0; } 
 .site_footer_inner { display:flex; align-items:flex-start; flex-direction:column; width:100%; padding:24px 20px; } 
 .site_footer_logo { max-width:189px; } 
 .site_footer_info { margin:20px 0 0; font-size:14px; line-height:normal; } 
 .site_footer_line { align-items:flex-start; flex-direction:column; gap:0; } 
 .site_footer_line p + p { margin-top:8px; } 
 .site_footer_line + .site_footer_line { margin-top:8px; } 
 .site_footer_copy { margin-top: 16px; font-size: 14px; line-height:1.5; } 
 } 
/* hover */ 
@media (min-width:1346px) and (hover: hover) and (pointer: fine) { 
 .site_nav_item.has_sub::after { content:""; width:calc(100% + 36px); height:18px; position:absolute; top:100%; left:50%; z-index:1; transform:translateX(-50%); } 
 .site_nav_item:hover .site_sub_list, .site_nav_item:focus-within .site_sub_list { opacity: 1; pointer-events: initial; } 
 .site_sub_list a:hover { color:var(--primary_col); } 
 .site_call_btn:hover { background:#d5117d; } 
 .inv_more_btn:hover { color:#fff; background:var(--primary_col); } 
 .inv_more_btn:hover .icon_arrow { filter:brightness(0) invert(1); } 
 }