@charset "utf-8";
body{background:#f8f9fd;}
#hd_h1 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.select_arrow{
    -webkit-appearance: none;
-moz-appearance: none;
background: url(/img/icon/chevron-down-regular.svg) no-repeat right 15px center / 10px;
padding-right: 30px;
border-radius: 5px;
border: 1px solid #e4e4e4;
background-color: #fff;
color: #777;
}
.sound_only{
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  line-height: 0;
  border: 0 !important;
  overflow: hidden !important; 
}

#hd_login_msg,
#container_title {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#skip_to_container a {
  z-index: 100000;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.wrap{display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 600px;
  min-width: 320px;
  height: 100%;
  margin: 0 auto;
  overscroll-behavior-y: contain;
  background-color: #fff;
 /* overflow: hidden; */
}
#sideMenu{
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
  min-width: 320px;
  overflow: hidden;
}
.header{
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
  min-width: 320px;
  overflow: hidden;
}
.pg_wrap {padding:40px 0;display:flex;align-items:center;justify-content:center;gap:4px;}
.pg_wrap.search {border-top:0}
.pg {display:flex;gap:4px; align-items: center;}
.pg_wrap .pg_current, .pg_wrap a {min-width:34px;display:inline-flex;justify-content:center;padding:6px 10px;border-radius:5px;}
.pg_wrap a {font-weight:500;border:1px solid var(--color-gray-100);}
.pg_wrap a:hover {border:1px solid var(--color-gray-500)}
.pg_wrap .pg_current {background:var(--color-violet-500);color:var(--color-white);font-size:15px}

/* 커스텀 높이 유틸리티 */
.h-56 { height: 14rem; } /* 224px */
@media (min-width: 768px) {
    .md\:h-48 { height: 12rem; }
    .md\:h-32 { height: 8rem; }
}