@charset "utf-8";

:root { --primary_color:#248def; --text_color:#111; --muted_color:#888; }

html,
body { width:100%; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { overflow-x:hidden; background:#fff; color:var(--text_color); font-family:"Pretendard", sans-serif; font-size:16px; line-height:1.5; }
body.m_nav_active { overflow:hidden; }
*,
*::before,
*::after { box-sizing:border-box; letter-spacing:-0.0275rem; word-break:keep-all; }
header,
nav,
main,
section,
article,
footer,
div,
h1,
h2,
h3,
p,
ul,
li,
figure,
figcaption { margin:0; padding:0; }
ul,
ol,
li { list-style:none; padding:0; margin:0; }
a { color:inherit; text-decoration:none; }
button,
input,
textarea,
select { margin:0; color:inherit; font:inherit; }
button { border:0; background:none; cursor:pointer; }
img { display:block; max-width:100%; }
em,
strong { font-style:normal; }

/* 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;; } 
 }

/* icon */
.icon { display:inline-block; overflow:hidden; font-size:0; line-height:0; text-indent:-99999px; }
.icon_menu { width:24px; height:24px; background:url(/dlrmf2000/img/svg/icon_menu.svg) center/contain no-repeat; }
.icon_detail { width:20px; height:20px; background:url(/dlrmf2000/img/svg/icon_detail.svg) center/contain no-repeat; }
.icon_prev { width:20px; height:20px; background:url(/dlrmf2000/img/svg/icon_prev.svg) center/contain no-repeat; }
.icon_next { width:20px; height:20px; background:url(/dlrmf2000/img/svg/icon_next.svg) center/contain no-repeat; }
.icon_lock { width:20px; height:20px; background:url(/dlrmf2000/img/svg/icon_lock.svg) center/contain no-repeat; }
.icon_float_blog { width:100%; height:100%; background:url(/dlrmf2000/img/svg/icon_float_blog.svg) center/contain no-repeat; }
.icon_float_call { width:100%; height:100%; background:url(/dlrmf2000/img/svg/icon_float_call.svg) center/contain no-repeat; }

.site_header { position:absolute; z-index:100; top:0; left:0; width:100%; color:#fff; padding:0 20px; }
.site_header_inner { display:flex; width:100%; max-width:1440px; height:80px; margin:0 auto; align-items:center; justify-content:space-between; }
.site_logo { flex:none; font-size:34px; font-weight:700; line-height:1.5; }
.site_nav { display:flex; align-items:center; gap:60px; font-size:18px; font-weight:500; line-height:1.5; }
.site_nav > a,
.site_nav_group > a { display:flex; height:100px; align-items:center; white-space:nowrap; }
.site_nav_group { position:relative; }
.site_sub_nav { position:absolute; top:85px; left:50%; width:140px; padding:14px 10px; border:1px solid rgba(255,255,255,.2); border-radius:5px; background:rgba(17,17,17,.92); text-align:center; transform:translate(-50%, 10px); visibility:hidden; opacity:0; transition:opacity .2s ease, transform .2s ease, visibility .2s ease; }
.site_sub_nav a { display:block; padding:8px 10px; font-size:16px; }
.site_menu_button { display:none; }
.site_nav_backdrop { display:none; }

body#sub .site_header { position:relative; color:#111; }
body#sub .site_header_inner { height:80px; }
body#sub .site_nav > a,
body#sub .site_nav_group > a { height:80px; }
body#sub .site_sub_nav { top:70px; }
.quick_side { position:fixed; z-index:90; right:40px; top:293px; display:flex; flex-direction:column; gap:10px; }
.quick_side a { display:block; width:80px; height:80px; border-radius:50%; overflow:hidden; box-shadow:0 4px 12px rgba(3,31,58,.12); }

.site_footer {min-height: initial;padding:40px 20px;background:#111;color:#fff;}
.site_footer_inner { width:100%; max-width:1440px; margin:0 auto; }
.site_footer_logo { display:block; font-size:34px; font-weight:700; line-height:1.5; }
.site_footer_info { display:flex; max-width:760px; margin-top:20px; flex-wrap:wrap; gap:8px 28px; font-size:16px; font-weight:500; line-height:1.5; }
.site_footer_info span { white-space:nowrap; }
.site_footer_copyright { margin-top:20px; font-size:16px; font-weight:500; line-height:1.6; }

/* hover */
@media (hover: hover) and (pointer:fine){
  .site_nav > a,
  .site_nav_group > a,
  .site_sub_nav a { transition:color .2s ease; }
  .site_sub_nav a:hover { color:var(--primary_color); }
  .site_nav_group:hover .site_sub_nav,
  .site_nav_group:focus-within .site_sub_nav { transform:translate(-50%, 0); visibility:visible; opacity:1; }
}

@media (max-width:1024px){
  .site_header { padding:0; transition:background-color .25s ease; }
  body.m_nav_active .site_header { background:#0c1117; }
  .site_header_inner { height:60px; padding:0 20px; }
  .site_logo { font-size:24px; }
  .site_menu_button { position:relative; z-index:3; display:flex; width:36px; height:36px; padding:6px; align-items:center; justify-content:center; }
  .site_menu_button::before,
  .site_menu_button::after { position:absolute; top:17px; left:6px; width:24px; height:2px; border-radius:2px; background:#fff; content:""; transform:rotate(0); opacity:0; transition:transform .25s ease, opacity .2s ease; }
  .site_menu_button .icon_menu { transition:opacity .2s ease; }
  body.m_nav_active .site_menu_button::before { transform:rotate(45deg); opacity:1; }
  body.m_nav_active .site_menu_button::after { transform:rotate(-45deg); opacity:1; }
  body.m_nav_active .site_menu_button .icon_menu { opacity:0; }
  .site_nav_backdrop { position:fixed; z-index:1; top:60px; right:0; bottom:0; left:0; display:block; width:100%; background:rgba(0,0,0,.58); visibility:hidden; opacity:0; transition:opacity .3s ease, visibility .3s ease; }
  body.m_nav_active .site_nav_backdrop { visibility:visible; opacity:1; }
  .site_nav { position:fixed; z-index:2; top:60px; right:0; bottom:0; display:flex; width:min(430px, 100%); padding:40px 35px; flex-direction:column; align-items:stretch; gap:0; overflow-y:auto; background:#0c1117; box-shadow:-20px 0 50px rgba(0,0,0,.25); transform:translateX(100%); visibility:hidden; opacity:0; transition:transform .35s ease, opacity .25s ease, visibility .35s ease; }
  body.m_nav_active .site_nav { transform:translateX(0); visibility:visible; opacity:1; }
  .site_nav > a,
  .site_nav_group > a { position:relative; height:auto; padding:20px 0; border-bottom:1px solid rgba(255,255,255,.18); font-size:22px; font-weight:700; }
  .site_nav_group > a::after { position:absolute; top:50%; right:4px; width:8px; height:8px; border-right:2px solid rgba(255,255,255,.65); border-bottom:2px solid rgba(255,255,255,.65); content:""; transform:translateY(-65%) rotate(45deg); }
  .site_sub_nav { position:static; width:100%; padding:15px 0 20px 18px; border:0; border-bottom:1px solid rgba(255,255,255,.18); background:none; text-align:left; transform:none; visibility:visible; opacity:1; }
  .site_sub_nav a { position:relative; padding:5px 0 5px 18px; color:#a7ccef; font-size:16px; font-weight:500; }
  .site_sub_nav a::before { position:absolute; top:50%; left:0; width:8px; height:2px; background:var(--primary_color); content:""; transform:translateY(-50%); }

  .site_footer {min-height: initial;padding:20px;}
  .site_footer_logo { font-size:24px; }
  .site_footer_info { margin-top:16px; flex-direction:column; gap:8px; font-size:14px; }
  .site_footer_copyright {margin-top: 20px;font-size:14px;}
  body#sub .site_header_inner { height:60px; }
  body#sub .site_menu_button .icon_menu { filter:brightness(0); }
  body#sub.m_nav_active .site_menu_button .icon_menu { filter:none; }
  body#sub.m_nav_active .site_header { color:#fff; }
  .quick_side {right: 20px;top:auto;bottom:20px;gap:8px;}
  .quick_side a { width:60px; height:60px; }
}