/*!
 * Bootstrap v3.3.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ 
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body{font-family:'Noto Sans KR',Dotum,sans-serif;font-size:14px;font-weight:400;}
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.wrapper {
  flex: 1;
  display: flex;
  justify-content: center; /* ¼öÆò Áß¾Ó */
  align-items: center;     /* ¼öÁ÷ Áß¾Ó */
}

.wrapper2 {
  
  flex: 1;
  
  justify-content: center; /* ¼öÆò Áß¾Ó */
  
  
}

.wrapper3 {
  flex: 1;
  display: flex;
	 justify-content: center; /* ¼öÆò Áß¾Ó */
  
}

@media (max-width: 600px) {
  .wrapper2 {
    width: 100%; /* ºÎ¸ð Å©±â ²Ë ä¿ì±â */
    padding: 10px; /* ¿©¹é Ãß°¡ */
    justify-content: flex-start; /* ¿ÞÂÊ Á¤·Ä (ÇÊ¿ä½Ã º¯°æ) */
  }
}


.pull-up {
  margin-top: 0 !important;
  padding-top: 0 !important;
  display: block;
}

/* footer´Â ±âÁ¸ ½ºÅ¸ÀÏ ±×´ë·Î À¯Áö °¡´É */
footer {
  padding: 2em 0;
  font-family: 'Nanum Gothic', sans-serif;
  letter-spacing: -0.03em;
  background: #333333;
}

/* common style */
.navbar{min-height:20px;margin-bottom:0;border:1px solid transparent;}
.dropdown-menu{min-width:100px;border-radius:10;}
.dropdown-menu.pull-right{right:-15px;}
.dropdown-menu li{BORDER-TOP: #cccccc 1px solid; padding:5px 5px 10px 20px; margin-top:-5px;}
.dropdown-menu li:last-child{margin-bottom:-5px;}

/* 2025-08-20 pc »ó´Ü ¸Þ´º µå·Ó´Ù¿î Á¤·Ä¹®Á¦ Ãß°¡*/
/* PC Àü¿ë: µå·Ó´Ù¿îÀ» ºÎ¸ð(¸Þ´º) Áß¾Ó¿¡ ¹èÄ¡ */
@media (min-width:1025px){
  .navbar .dropdown,
  .navbar .btn-group{ position:relative; } /* ±âÁØÁ¡ */

  /* ƯÁ¤ ¸Þ´º¸¸ °¡¿îµ¥ Á¤·ÄÇÏ°í ½ÍÀ¸¸é .centered Ŭ·¡½º¸¦ ¸Þ´ºÀÇ .dropdown-menu ¿¡ ºÙÀ̼¼¿ä */
  .navbar .dropdown-menu.centered{
    left:50% !important;     /* BootstrapÀÇ left:0 ¹«È¿È­ */
    right:auto !important;
    transform:translateX(-50%);
    transform-origin:top center;
    z-index:2000;
    margin-top:8px; /* »ì¦ ¾Æ·¡·Î */
  }
}

/* ¸ð¹ÙÀÏ/Á¼Àº È­¸é¿¡¼­´Â ±âº»(¿ÞÂÊ Á¤·Ä) À¯Áö */
@media (max-width:1024px){
  .navbar .dropdown-menu.centered{
    left:0 !important;
    right:auto !important;
    transform:none;
    width:100%; /* ÇÊ¿ä ½Ã */
  }
}

.navbar-inverse{border-color:#553eff;background-color:#553eff}
.navbar-inverse .navbar-right{float:right!important;margin-right:-15px}
.navbar-inverse .collapse{display:block;visibility:visible;}
.navbar-inverse .navbar-nav{float:left;margin:0}
.navbar-inverse .navbar-nav>li{float:left}
.navbar-inverse .navbar-nav>li>a{padding:4px 5px;font-family:'Nanum Gothic',sans-serif;font-size:0.786em;color:#fff}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{background-color:transparent;color:#638cbd}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{background-color:#080808;color:#fff}

.badge{width:120px; background-color: #0072bb; color: #fff; border: 2px solid #267191; padding: 10px 10px; border-radius: 5px; font-size:18px; margin-right: -20px;  transition: all 0.3s ease; }
.badge:hover { background-color: orange; color: black; border-color: orange;}
}

#TopNavbar .navbar-nav > li > a {
  padding-bottom: 5px;
  display: inline-block;
  text-align: center;
}

/* ±ÛÀÚº° ó¸® */
#TopNavbar .navbar-nav > li > a span {
  position: relative;
  display: inline-block;
  
  color: #333;
  transition: color 0.2s ease;
}

/* ¹ØÁÙ ±âº»Àº ¼û±è */
#TopNavbar .navbar-nav > li > a span::after {
  content: '';
  position: absolute;
  bottom: -16px;            /* ±ÛÀÚ¿Í ¹ØÁÙ °£°Ý */
  left: 50%;               /* °¡¿îµ¥ Á¤·Ä ½ÃÀÛ */
  transform: translateX(-50%);
  width: 130%;             /* ±ÛÀÚº¸´Ù 30% ´õ ³Ð°Ô */
  height: 5px;
  /* background-color: #eb6b6a; */
  opacity: 0;
  transition: opacity 0.3s ease;
}

#TopNavbar .navbar-nav > li.active > a {
  color: #eb6b6a; /* ¼±ÅÃµÈ ±ÛÀÚ»ö */
  font-weight: bold;
  position: relative;
}



/* hover ½Ã È¿°ú */
#TopNavbar .navbar-nav > li > a:hover span::after {
  opacity: 1;
}

/* active ¼±Åà ½Ã È¿°ú */
#TopNavbar .navbar-nav > li.active > a span {
  color: #533cff;
}

#TopNavbar .navbar-nav > li.active > a span::after {
  opacity: 1;
}





.navbar-default{border-color:#fff;background-color:#fff}
.navbar-default .navbar-brand{height:80px}
/* .navbar-default .navbar-nav{float: none !important; display: flex; justify-content: center; margin-top:15px;margin-bottom:15px} */
.navbar-default .navbar-nav{margin-top:15px;margin-bottom:15px}
.navbar-default .navbar-nav>li>a{padding-right:1.0em;padding-left:2.1em;font-family:'Noto Sans KR',sans-serif;font-size:1.357em;color:#333;font-weight:600;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background-color:transparent;color:#164782}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#1454a1;background-color:transparent}




footer{padding:2em 0;font-family:'Nanum Gothic',sans-serif;letter-spacing:-0.03em;background:#333333}
footer address{min-height:52px;margin-bottom:0;padding:60px 0 0;font-size:0.857em;background:url(../images/common/logo_bottom3.png) no-repeat left top}
footer address p{margin:.2em 0;color:#fff;text-decoration:none}
footer address a{color:#fff;text-decoration:none}
footer address span{color:#9ec2ee;margin-left:.3em}
footer address small{font-size:0.917em;color:#9ec2ee;text-transform:uppercase}
footer .navbar-nav>li>a{float:left;padding:7px 5px;font-size:0.786em;color:#638cbd}
footer .navbar-nav>li>a:hover,footer .navbar-nav>li>a:focus{color:#fff;background-color:transparent}
footer .navbar-nav>li:first-child>a{padding-left:15px}

/* main style */
.carousel{margin-bottom:15px;background-color:#eee}
.carousel-control .icon-next,.carousel-control .icon-prev{width:50px;height:50px;margin-top:-25px;font-family:serif;line-height:1;/*background-color:#fff*/}
.carousel-control .icon-prev:before{font-size:4em;line-height:50px;content:'\2039'}
.carousel-control .icon-next:before{font-size:4em;line-height:50px;content:'\203a'}
.carousel-control:focus,.carousel-control:hover{filter:alpha(opacity=70);opacity:.7}
.carousel-inner>.item{height:100%;min-height:200px;max-height:545px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.txt-inner,.txt-inner2,.txt-inner4,.video-inner{width:100%;height:200px}
.video-inner{width:100%}
.txt-inner>img,.txt-inner2>img{height:auto}
.txt-inner2>img{padding-top:15%}
.txt-inner4>img{padding-top:1%}
/* sub style */
.sub ul{padding-left:0;list-style:none}
.breadcrumb{margin-bottom:0;padding:8px 0 8px 15px;border-radius:0;background-color:transparent;background:url(../images/common/icon_home.png) no-repeat left 13px}
.breadcrumb>li+li:before{padding:4px 3px;content:'|\00a0'}
.breadcrumb>li>a{font-family:'Nanum Gothic',sans-serif;font-size:1.071em;color:#333;letter-spacing:-0.1em}
.breadcrumb>li.active>a{font-weight:700;color:#164782}
.breadcrumb>li>a>.caret{margin-left:3px;border-top-color:#999 !important}
.breadcrumb .dropdown-menu{min-width:130px;margin:8px 0 0;background-color:#eee;-webkit-box-shadow:none;box-shadow:none}
.page-header{margin:0;padding-bottom:7px;border-bottom:0;background-color:transparent}



.nav-pills>li>a{background-color:#eee;padding:3px 7px; margin: 3px 0px 3px 0px;}
.nav-pills>li>a:focus,.nav-pills>li>a:hover{background-color:#337ab7;color:#fff}
.nav-pills>li+li{margin-bottom:2px}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{background-color:#337ab7}
.nav-pills.nav-stacked{width:100%;border-bottom:0}
.nav-pills.nav-stacked>li{float:none}
.nav-pills.nav-stacked>li>a{margin-bottom:5px;text-align:center}
.nav-pills.nav-stacked>.dropdown .dropdown-menu{width:100% !important;top:0;left:auto;margin-top:-1px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.nav-pills.nav-room>li>a:focus,.nav-pills.nav-room>li>a:hover{background-color:#009eda}
.nav-pills.nav-room>li.active>a,.nav-pills.nav-room>li.active>a:focus,.nav-pills.nav-room>li.active>a:hover{background-color:#009eda}
.nav-tabs>li>a{border-color:#ddd;background-color:#f8f8f8}
.nav-tabs>li>a:hover{border-color:#ccc #ccc #ddd}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border-color:#337ab7 #337ab7 transparent;color:#164782}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:0;left:0;width:100%}
.tab-content{margin-top:1em}
.tab-content.fst{margin-top:0}
.thumb-box>a>img{margin-bottom:3px}
.media{padding:10px;border-radius:10px;border:1px solid #e1e1e1}
.media .media-object{border-radius:7px;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.25);box-shadow:1px 1px 2px rgba(0,0,0,.25)}
.media-left{padding-right:20px}
.media-heading{padding-top:10px}
.media-list{margin-top:1em}
.media-list li{padding:5px 0 5px 15px;border-bottom:1px dotted #ddd;background:url(../images/sub/blt_dot.png) no-repeat 5px center}
.list-group-item{text-align:center !important}
.list-group-item-info,.list-group-item-success{font-weight:700}

@media (min-width:320px) and (max-width:479px){
.txt-inner>img{padding-right:10%;padding-left:10%}
.txt-inner4>img{height:100%;padding-top:1%}
}
@media (min-width:480px) and (max-width:639px){
.txt-inner>img{padding-top:1%;padding-right:1%;padding-left:40%}
.txt-inner4>img{height:100%;padding-top:1%}
}
@media (min-width:640px) and (max-width:767px){
.nav-pills.tab-museum>li{width:49%}
.nav-pills.tab-museum>li>a{text-align:center;letter-spacing:-0.05em}
.thumb-box>a>img{max-width:19%}
.txt-inner>img{padding-left:50%}
.txt-inner2>img{padding-top:1%}
.txt-inner4>img{height:100%;padding-top:1%}
.video-inner{width:50%;margin-left:49%;padding-top:1%;padding-bottom:1%}
}
@media (min-width:768px){
.navbar{border-radius:0}
footer address{padding:7px 0 0 215px}
.carousel-inner>.item{height:345px}
.txt-inner>img{padding-left:50%;padding-top:140px}
.txt-inner2>img{padding-top:130px}
.txt-inner4>img{padding-top:80px}
.video-inner{width:50%;margin-left:48%;padding-top:110px}
.breadcrumb{padding:8px 20px}
.breadcrumb>li+li:before{padding:8px 20px;content:'';background:url(../images/common/icon_arrow.png) no-repeat left center}
/* for hbnet */
.navbar-inverse .navbar-right{margin-right:-15px}
.navbar-inverse .navbar-nav>li:last-child,
.navbar-default .navbar-nav>li:last-child,
.main .box-rnd,.sub .page-header,
/* 2025-08-19 °¡·Î ³¡¼± ¸ÂÃß±â À§ÇØ Á¦°Å */
/*.sub .contents{margin-right:-15px} */
.sub .contents{}

footer .navbar-nav>li:last-child{margin-right:0}
.navbar-inverse .navbar-nav>li:last-child>a,
.navbar-default .navbar-nav>li:last-child>a,
footer .navbar-nav>li:last-child>a{padding-right:0}
footer .navbar-nav>li:first-child>a{padding-left:0}
.thumb-box{padding:1.5em;border:5px solid #eee}
.thumb-box>a>img{width:100px}
}
@media (min-width:992px){
.carousel-inner>.item{height:445px}
.txt-inner4{height:auto;width:auto}
.video-inner{width:500px;height:360px}
}
@media (min-width:1200px){
.carousel-inner>.item{height:545px}
.video-inner{width:610px;height:420px}
}
@media (max-width:767px){
.navbar-default .navbar-nav>li>a{border-bottom:1px solid #e1e1e1}
.navbar-nav .open .dropdown-menu{margin:0;padding:0;background-color:#eee}
.navbar-nav .open .dropdown-menu>li{border-bottom:1px solid #ddd}
.nav-pills.nav-room{width:100%;border-bottom:0;margin-left:-2px}
.nav-pills.nav-room>li{float:none}
.nav-pills.nav-room>li>a{margin-bottom:5px;text-align:center}
.nav-pills.nav-room>.dropdown .dropdown-menu{width:100% !important;top:0;left:auto;margin-top:-1px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}	
.nav-pills.nav-room>.dropdown .dropdown-menu>.active>a,.nav-pills.nav-room>.dropdown .dropdown-menu>.active>a:focus,.nav-pills.nav-room>.dropdown .dropdown-menu>.active>a:hover{background-color:#009eda}
}


/* 2025-08-20 ·Î±×ÀÎ Æ˾÷â Ãß°¡ */

/* È­¸é ½ºÅ©·Ñ Àá±Ý */
html.modal-open, body.modal-open { overflow: hidden; }

/* ¿À¹ö·¹ÀÌ */
.hp-login-overlay {
  position: fixed; inset: 0; display: none;
  background: rgba(0,0,0,.45);
  z-index: 9998;
}

/* ¸ð´Þ ÄÁÅ×ÀÌ³Ê */
.hp-login-modal {
  position: fixed; inset: 0; display: none;
  align-items: center; justify-content: center;
  z-index: 9999;
  padding: 16px; /* ¸ð¹ÙÀÏ ¿©¹é */
}

/* Ä«µå */
.hp-login-card {
  width: min(420px, 92vw);
  background: #fff; border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.2);
  overflow: hidden;
  font-family: inherit;
}

/* Çì´õ */
.hp-login-hd {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 18px; border-bottom: 1px solid #eee;
}
.hp-login-title { margin: 0; font-size: 18px; font-weight: 700; }
.hp-login-close {
  border: 0; background: transparent; font-size: 22px; line-height: 1;
  cursor: pointer; padding: 4px 8px;
}

/* ¹Ùµð */
.hp-login-bd { padding: 18px; }
.hp-login-field { margin-bottom: 12px; }
.hp-login-label { display: block; margin-bottom: 6px; font-size: 14px; }
.hp-login-input {
  width: 100%; height: 42px; padding: 0 12px;
  border: 1px solid #dcdcdc; border-radius: 8px;
  font-size: 14px;
}
.hp-login-row { display: flex; align-items: center; justify-content: space-between; margin: 8px 0 14px; }
.hp-remember { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; }

/* ¹öÆ° */
.hp-login-btn {
  width: 100%; height: 44px; border: 0; border-radius: 10px;
  background: #111; color: #fff; font-size: 15px; font-weight: 700; cursor: pointer;
}

/* ÇÏ´Ü ¸µÅ© */
.hp-login-ft {
  padding: 14px 18px; border-top: 1px solid #f0f0f0;
  display: flex; justify-content: center; gap: 18px; font-size: 14px;
}
.hp-login-ft a { color: #0a58ca; text-decoration: none; }
.hp-login-ft a:hover { text-decoration: underline; }

/* Á¢±Ù¼º¿ë ¼û±è ÅؽºÆ® */
.hp-sr-only { position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }

/* ÀÛÀº ¸ð¹ÙÀÏ ÃÖÀûÈ­ */
@media (max-width: 360px) {
  .hp-login-hd { padding: 12px 14px; }
  .hp-login-bd { padding: 14px; }
  .hp-login-input { height: 40px; }
  .hp-login-btn { height: 42px; }
}


/* 2025-08-20 µå·Ó´Ù¿î ¸®µðÀÚÀÎ Ãß°¡ */

/* ============ PC¿¡¼­¸¸ µå·Ó´Ù¿î ¸®µðÀÚÀÎ/Ãæµ¹ ¹«·ÂÈ­ ============ */
@media (min-width:1025px){

  /* µå·Ó´Ù¿î ÄÁÅ×ÀÌ³Ê */
  .navbar-nav > li > .dropdown-menu.dx-dd{
    /* Å©±â/Á¤·Ä */
    min-width: 190px;          /* ³Ê¹« Å©Áö ¾Ê°Ô */
    max-width: 280px;
    left: 0; right: auto;      /* ±âº»Àº ÁÂÁ¤·Ä */
    margin-top: -7px;          /* »ó´Ü ¹ØÁÙ(::after) ÇÇÇؼ­ °£°Ý È®º¸ */
	margin-left: 10px;
    /* ¸ð¾ç */
    padding: 6px;
    border: 0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(20,20,40,.16);
    z-index: 2000;             /* ¹ØÁÙ/Çì´õ À§¿¡ ¶° ÀÖ°Ô */
  }

  /* ¿ìÃø Á¤·Ä º¸Á¤(ÇÊ¿äÇÑ ¸Þ´º¿¡ dx-right Ãß°¡) */
  .navbar-nav > li > .dropdown-menu.dx-dd.dx-right{
    left: auto !important; right: 0 !important;
  }
  /* Å׸¶ÀÇ -15px ¿ÀÇÁ¼Â ¹«·ÂÈ­ */
  .navbar-nav > li > .dropdown-menu.dx-dd.pull-right{
    right: 0 !important; left: auto !important; /* Å׸¶ Ãæµ¹ ÇØ°á */
  }

  /* Áß¾ÓÁ¤·Ä(centered) Ŭ·¡½º°¡ ºÙ¾îÀÖ´õ¶óµµ dx-dd¿¡¼± ÇØÁ¦ */
  .navbar-nav > li > .dropdown-menu.dx-dd.centered{
    left: 0 !important; right: auto !important; transform: none !important;
  }

  /* Ç׸ñ ÁÙ¡¤¿©¹é¡¤Æеù ÃʱâÈ­(Å׸¶ÀÇ li º¸´õ/Æеù Á¦°Å) */
  .dropdown-menu.dx-dd > li{
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;  /* Å׸¶°¡ ÁÖ´Â Æеù Á¦°Å */
    list-style: none;
  }
  .dropdown-menu.dx-dd > .divider{ display:none !important; }

  /* ¸µÅ© ½ºÅ¸ÀÏ(°£°ÝÀ» À̹ÌÁöó·³ ŸÀÌÆ®ÇÏ°Ô) */
  .dropdown-menu.dx-dd > li > a{
    display:block;
    padding: 11px 14px;       /* °úÇÏÁö ¾Ê°Ô */
    font-size: 14px;
    line-height: 1.25;
    color:#111;
    border-radius:10px;
    transition: background-color .18s ease, color .18s ease;
  }

  /* Hover */
  .dropdown-menu.dx-dd > li > a:hover,
  .dropdown-menu.dx-dd > li > a:focus{
    background:#F2EFFF;       /* ¿¶Àº º¸¶ó */
    color:#5d47ff;             /* °­Á¶»ö */
    text-decoration:none;
  }

  /* Active(¼±ÅÃµÈ Ç׸ñ) */
  .dropdown-menu.dx-dd > .active > a,
  .dropdown-menu.dx-dd > .active > a:hover,
  .dropdown-menu.dx-dd > .active > a:focus{
    background:#EDE9FF;        /* ¿¬º¸¶ó ¹è°æ */
    color:#5d47ff;
  }
}


/* PC¿¡¼­ µå·Ó´Ù¿î ÆøÀ» ±ÛÀÚ ±æÀÌ¿¡ ¸ÂÃç ÀÚµ¿ Á¶Àý */
@media (min-width:1025px){
  /* UL ÀÚü°¡ ÄÜÅÙÃ÷ Æø¸¸Å­¸¸ Â÷ÁöÇϵµ·Ï */
  .dropdown-menu.dx-dd{
    display: inline-block;        /* block ¡æ inline-block ·Î º¯°æ */
    width: max-content;           /* ÄÜÅÙÃ÷ ±æÀÌ¿¡ ¸ÂÃã */
    width: -webkit-max-content;   /* Safari º¸°­ */
    min-width: 0 !important;      /* Bootstrap/Å׸¶ÀÇ min-width ¹«·ÂÈ­ */
    white-space: nowrap;          /* ÁÙ¹Ù²Þ ¹æÁö ¡æ ±ä Ç׸ñÀÌ ÆøÀ» °áÁ¤ */
    max-width: calc(100vw - 40px);/* È­¸é ³Ñ±è ¹æÁö(¸Å¿ì ±ä ÅؽºÆ® ´ëºñ) */
    overflow: hidden;             /* ¾ÆÁÖ ±ä °æ¿ì ¾ÈÀüÇÏ°Ô Ã³¸® */
  }

  /* °¢ Ç׸ñµµ ÄÜÅÙÃ÷ Æø ±âÁØÀ¸·Î(ºÎ¸ðÀÇ Æø °è»êÀ» µ½±â À§ÇØ) */
  .dropdown-menu.dx-dd > li > a{
    display: inline-block;        /* block ¡æ inline-block */
    width: auto;                  /* 100% °­Á¦Æø ȸÇÇ */
    padding: 11px 14px;           /* ÁÂ¿ì ¿©¹éÀº À¯Áö(Æø °è»ê¿¡ Æ÷ÇÔµÊ) */
  }

  /* ¿ìÃø Á¤·Ä ¸Þ´º º¸Á¤ÀÌ ÇÊ¿äÇϸé dx-right º´Çà */
  .dropdown-menu.dx-dd.dx-right{
    left: auto !important; right: 0 !important;
  }
}

/* --- µå·Ó´Ù¿î Ç¥½Ã »óÅ º¹±¸ + °¡º¯Æø À¯Áö (PC Àü¿ë) --- */
@media (min-width:1025px){
  /* ±âº»Àº ¼û±è(°¡º¯Æø ¼Ó¼ºÀº À¯Áö) */
  .dropdown-menu.dx-dd{
    display: none !important;       /* Ç×»ó º¸ÀÌ´Â ¹®Á¦ ÇØ°á */
    width: max-content;
    width: -webkit-max-content;
    min-width: 0 !important;
    white-space: nowrap;
    max-width: calc(100vw - 40px);
    overflow: hidden;
  }
  /* li.open ÀÏ ¶§¸¸ Ç¥½Ã */
  .open > .dropdown-menu.dx-dd{
    display: inline-block !important;
  }
}

/* hover/active ¹è°æÀÌ Çà Àüü¸¦ µ¤µµ·Ï (PC Àü¿ë) */
@media (min-width:1025px){
  .dropdown-menu.dx-dd > li > a{
    display:block !important;   /* inline-block ¡æ block */
    width:100% !important;      /* Çà Àüü ä¿ì±â */
    padding:11px 14px;          /* ÁÂ¿ì ¿©¹é À¯Áö */
    box-sizing:border-box;      /* Æеù Æ÷ÇÔ Æø °è»ê */
  }

  /* hover/active »ö»óÀº ±âÁ¸°ú µ¿ÀÏ  Çà Àüü¿¡ Àû¿ëµÊ */
  .dropdown-menu.dx-dd > li > a:hover,
  .dropdown-menu.dx-dd > li > a:focus{
    background:#F2EFFF;
    color:#5d47ff;
    text-decoration:none;
  }
  .dropdown-menu.dx-dd > .active > a,
  .dropdown-menu.dx-dd > .active > a:hover,
  .dropdown-menu.dx-dd > .active > a:focus{
    background:#EDE9FF;
    color:#5d47ff;
  }
}


/* PC Àü¿ë: ¸Þ´º LI¸¦ ±âÁØÁ¡À¸·Î */
@media (min-width:1025px){
  .navbar-nav > li.dropdown{ position:relative; }

  /* Áß¾Ó Á¤·Ä¿ë Ŭ·¡½º */
  .dropdown-menu.dx-dd.dx-center{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%);
    top: calc(100% + 10px);   /* ¶óº§°ú °£°Ý */
  }
}

#wc-cashlog .wc-total{ margin-left:8px; font-weight:800; color:var(--ink); }

/* PC: ÇÑ ÁÙ ³»¿¡¼­ ¿ìÃø ³¡À¸·Î */
#wc-cashlog .wc-filter .wc-total{
  margin-left:auto;         /* ¿À¸¥ÂÊÀ¸·Î ¹Ð±â (flex Ư¼º È°¿ë) */
  font-weight:800;
}

/* ¸ð¹ÙÀÏ: ¼¼·Î ½ºÅÃÀ̹ǷΠÁÙ ¹Ù²ã ¸Ç ¾Æ·¡¿¡¼­ ¿ìÃø Á¤·Ä */
@media (max-width:600px){
  #wc-cashlog .wc-filter .wc-total{
    width:100%;
    margin-left:0;
    text-align:right;
  }
}


/* ±âº» ÅؽºÆ® ½ºÅ¸ÀÏ */
#wc-cashlog .wc-total2 {
  margin-left: 8px;
  font-weight: 800;
  color: var(--ink);
  
  /* ¹öÆ°Çü ½ºÅ¸ÀÏ Ãß°¡ */
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #f9f9f9;
  cursor: pointer;
  transition: all 0.25s ease;
}

/* È£¹ö È¿°ú */
#wc-cashlog .wc-total2:hover {
  background-color: #e6e6e6;
  border-color: #bbb;
}

/* PC: ¿À¸¥ÂÊ Á¤·Ä */
#wc-cashlog .wc-filter .wc-total2 {
  margin-left: auto;
  font-weight: 800;
}

/* ¸ð¹ÙÀÏ: ¼¼·Î ½ºÅÃÀ̹ǷΠÁÙ ¹Ù²ã ¸Ç ¾Æ·¡¿¡¼­ ¿ìÃø Á¤·Ä */
@media (max-width: 600px) {
  #wc-cashlog .wc-filter .wc-total2 {
    width: 100%;
    margin-left: 0;
    text-align: right;
  }
}