@charset "utf-8";
html, body { width:100%; max-width:initial !important; overflow-x:hidden; scroll-behavior:smooth; }
body.mNavActive { overflow:hidden; }
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, button, input, select, textarea, 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:inherit; font-size:100%; vertical-align:baseline; font-family:"Pretendard", "Segoe UI", "맑은 고딕", "malgun gothic", "돋움", dotum, sans-serif; word-break:keep-all; }
*::before, *::after { box-sizing:border-box; }
body { color:#232323; background:#fff; letter-spacing:-0.025em; }
button, input, select, textarea { border-radius:0; color:inherit; background:transparent; }
button, input, select, textarea { appearance:none; }
button { border:0; outline:0; cursor:pointer; }
input::-ms-clear, input::-ms-reveal { display:none; }
select::-ms-expand { display:none; }
textarea { resize:vertical; }
li, ul, ol { list-style:none; }
a { border:0; outline:0; color:inherit; text-decoration:none !important; }
img { display:block; max-width:100%; }
caption { display:none; }
.none { display:none !important; }
.pl_0 { padding-left:0 !important; }
.txt_hidden { overflow:hidden; font-size:0; line-height:0; text-indent:-999999px; }
.text_center { text-align:center !important; }
.text_right { text-align:right !important; }
.text_left { text-align:left !important; }
.icon { display:inline-block; flex:none; font-size:0; text-indent:-99999px; }
.icon_arrow_left { background:url(/img/svg/icon_arrow_left.svg) center/contain no-repeat; }
.icon_arrow_right { background:url(/img/svg/icon_arrow_right_white.svg) center/contain no-repeat; }
.icon_arrow_up_right { background:url(/img/svg/icon_arrow_up_right.svg) center/contain no-repeat; }
.icon_arrow_up_right_white { background:url(/img/svg/icon_arrow_up_right_white.svg) center/contain no-repeat; }
.icon_call { background:url(/img/svg/icon_call_white.svg) center/contain no-repeat; }
.icon_lock { background:url(/img/svg/icon_lock.svg) center/contain no-repeat; }
.only_ta, .only_mo { display:none !important; }
:root { --color_primary:#ff9500; --color_secondary:#007de8; --color_text_default:#232323; }
:root { --font_size_s:16px; --font_size_r:18px; --font_size_l:20px; --font_size_xl:24px; --font_size_xxl:26px; --font_size_title:40px; --font_size_title_large:60px; --font_size_sub_visual:50px; }
:root { --space_r:30px; --space_l:50px; --space_xl:60px; --space_xxl:120px; --space_section:120px; }

.site_header { position:absolute; top:0; left:0; z-index:100; width:100%; height:88px; }
.header_inner { display:flex; padding:0 20px; width:100%; max-width:1440px; height:100%; align-items:center; justify-content:space-between; margin:0 auto; }
.site_logo, .footer_logo { display:flex; align-items:center; gap:8px; color:#fff; }
.site_logo .logo_mark, .footer_logo .logo_mark { display:block; width:56px; height:56px; flex:none; background:url(/img/logo/logo_mark_white.svg) center/contain no-repeat; }
.site_logo strong { width:184px; color:#fff; font-size:32px; font-weight:600; letter-spacing:-0.0275em; white-space:nowrap; }
.site_nav { display:flex; align-items:center; gap:50px; }
.site_nav .nav_item { position:relative; }
.site_nav .nav_item > a { display:flex; height:88px; align-items:center; gap:4px; color:#fff; font-size:16px; font-weight:500; }
.site_nav .has_sub > a::after { width:16px; height:16px; background:url(/ssrentcar001/img/svg/icon_nav_down.svg) center/contain no-repeat; content:""; }
.site_nav .nav_item:last-of-type .nav_sub{right: -100%;left: initial;}
.nav_sub { position:absolute; top:72px; left:50%; display:flex; min-width:150px; padding:12px 0; visibility:hidden; flex-direction:column; background:rgba(20,20,20,.94); opacity:0; transform:translate(-50%,10px); transition:opacity .2s,transform .2s,visibility .2s; }
.nav_sub a { padding:9px 20px; color:#ddd; font-size:14px; white-space:nowrap; }
.mobile_nav_button { display:none; }

.site_footer { position:relative; z-index:3; margin-top:120px; color:#8c8c8c; background:#232323; }
.footer_inner { display:flex; width:calc(100% - 40px); max-width:1440px; min-height:221px; padding:40px 0; flex-direction:column; margin:0 auto; }
.footer_logo { align-self:flex-start; color:#8c8c8c; }
.footer_logo strong { width:138px; color:#8c8c8c; font-size:24px; font-weight:600; letter-spacing:-0.0275em; white-space:nowrap; }
.footer_logo { gap:5px; }
.footer_logo .logo_mark { width:36px; height:36px; opacity:.48; }
.footer_info { display:flex; margin-top:20px; align-items:flex-start; flex-direction:column; gap:8px; }
.footer_info_row { display:flex; align-items:center; gap:20px; }
.footer_info span { color:#8c8c8c; font-size:16px; }
.footer_inner > p { align-self:flex-start; margin-top:20px; color:#8c8c8c; font-size:16px; line-height:19px; }
.footer_inner > p strong { color:#fff; font-weight:500; }

/* hover */
@media (hover: hover) and (pointer:fine){
  .site_nav .nav_item:hover .nav_sub { visibility:visible; opacity:1; transform:translate(-50%,0); }
  .nav_sub a:hover { color:#ff9500; }
}

@media (max-width:1024px){
  .only_pc { display:none !important; }
  .only_ta { display:inline-block !important; }
  .only_ta.btn { display:flex !important; }
  .only_mo { display:inline-block !important; }
  :root { --font_size_s:15px; --font_size_r:16px; --font_size_l:16px; --font_size_xl:20px; --font_size_xxl:26px; --font_size_title:24px; --font_size_title_large:36px; --font_size_sub_visual:36px; }
  :root { --space_r:20px; --space_l:35px; --space_xl:40px; --space_xxl:60px; --space_section:60px; }
  .site_header { height:60px; }
  .header_inner { padding:0 20px; }
  .site_logo { position:relative; z-index:102; gap:8px; }
  .site_logo .logo_mark { width:36px; height:36px; }
  .site_logo strong { width:auto; font-size:22px; }
  .mobile_nav_button { position:relative; z-index:102; display:flex; width:30px; height:30px; justify-content:center; flex-direction:column; gap:6px; }
  .mobile_nav_button i { display:block; width:24px; height:2px; margin:0 auto; background:#fff; transition:transform .25s,opacity .25s; }
  .site_nav { position:fixed; inset:0; z-index:101; display:flex; padding:100px 25px 40px; visibility:hidden; align-items:stretch; flex-direction:column; gap:0; overflow-y:auto; background:#151515; opacity:0; transition:opacity .25s,visibility .25s; }
  .site_nav .nav_item { border-bottom:1px solid #3a3a3a; }
  .site_nav .nav_item > a { height:58px; justify-content:space-between; font-size:18px; font-weight:600; }
  .site_nav .has_sub > a::after { width:8px; height:8px; margin-right:5px; border-right:1px solid #fff; border-bottom:1px solid #fff; background:none; transform:rotate(45deg); transition:transform .2s; }
  .nav_sub { position:static; display:none; min-width:0; padding:0 0 15px; visibility:visible; background:none; opacity:1; transform:none; transition:none; }
  .nav_sub a { padding:9px 15px; color:#aaa; font-size:15px; }
  .site_nav .is_open .nav_sub { display:flex; }
  .site_nav .is_open > a::after { transform:rotate(225deg); }
  .mNavActive .site_nav { visibility:visible; opacity:1; }
  .mNavActive .mobile_nav_button i:nth-child(1) { transform:translateY(8px) rotate(45deg); }
  .mNavActive .mobile_nav_button i:nth-child(2) { opacity:0; }
  .mNavActive .mobile_nav_button i:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }
  .site_footer { margin-top:60px; }
  .footer_inner { width:100%; min-height:280px; padding:30px 20px; }
  .footer_logo { gap:8px; }
  .footer_logo strong { width:127px; font-size:22px; }
  .footer_info_row { align-items:flex-start; flex-direction:column; gap:8px; }
  .footer_info span { font-size:16px; }
  .footer_inner > p { font-size:14px; line-height:17px; }
}