@-ms-viewport {
  width: device-width;
}

@o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

/* font */
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 {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* base */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  word-break: keep-all;
}

html,
body {
  min-height: 100vh;
  max-height: 100%;
  font-size: 14px;
}

:root {
  --primary-color: #b29375;
  --secondery-color: #1a2332;
  --third-color: #c7a787;
}

::selection {
  background-color: var(--primary-color);
  color: #fff;
}

label {
  cursor: pointer;
}

a,
a:link,
a:visited {
  text-decoration: none;
  transition-duration: 0.25s;
}

ul,
ol,
li {
  list-style: none;
}

[type='text']:focus,
[type='email']:focus,
[type='url']:focus,
[type='password']:focus,
[type='number']:focus,
[type='date']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='week']:focus,
[multiple]:focus,
textarea:focus,
select:focus {
  border-color: var(--secondery-color) !important;
  --tw-ring-color: var(--secondery-color) !important;
}

.btn,
select,
option,
input {
  height: 40px;
}

.btn {
  border: 1px solid inherit;
  opacity: 1;
  transition-duration: 0.25s;
  font-weight: 500;
}

.btn:hover,
.btn:active {
  opacity: .8;
}

select,
input,
textarea {
  border: 1px solid #d1d5db !important;
  border-color: #d1d5db !important;
}

select {
  cursor: pointer;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

[type='checkbox'],
[type='radio'] {
  color: var(--primary-color) !important;
}

[type='checkbox']:focus,
[type='radio']:focus {
  --tw-ring-color: #dd9a90 !important;
}

[type='checkbox']:checked,
[type='radio']:checked {
  border-color: var(--primary-color) !important;
}

.text-primary {
  color: var(--primary-color) !important;
}

/* swiper */
html,
body {
  position: relative;
  height: 100%;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* header */
.header-wp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 2rem;
  background: rgba(255, 255, 255, .87);
  backdrop-filter: blur(3px);
  box-shadow: 0 5px 20px rgb(0 0 0 / 05%);
}

.gnb li {
  float: left;
  padding: 1rem 1.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  position: relative;
}

.gnb li a {
  transition-duration: 0.25s;
}

.gnb li a:hover,
.gnb li a:active {
  color: var(--primary-color);
}

.gnb li.active a {
  color: var(--primary-color);
}

.header-logo {
  background: url(../images/dmiflogo.png) left center no-repeat;
  background-size: contain;
  width: auto;
  height: 57px;
  display: block;
}

.header-right,
.header-left {
  width: 245px;
}

.header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header-right .head-login {
  padding-left: 2rem;
  background: url(../images/ic-user.png) left center no-repeat;
  background-size: contain;
  margin-right: 2rem;
  cursor: pointer;
  transition-duration: .25s;
}

.header-right .head-signup {
  padding-left: 2rem;
  background: url(../images/ic-signup.png) left center no-repeat;
  background-size: contain;
  margin-right: 2rem;
  cursor: pointer;
  transition-duration: .25s;
}

.header-right .head-logout {
  padding-left: 2rem;
  background: url(../images/ic-logout.png) left center no-repeat;
  background-size: contain;
  margin-right: 2rem;
  cursor: pointer;
  transition-duration: .25s;
}

.header-right .head-set {
  padding-left: 2rem;
  background: url(../images/ic-set.png) left center no-repeat;
  background-size: contain;
  margin-right: 2rem;
  cursor: pointer;
  transition-duration: .25s;
}

.head-login:hover,
.head-login:active {
  color: var(--primary-color);
  background: url(../images/ic-userred.png) left center no-repeat;
  background-size: contain;
}

.head-signup:hover,
.head-signup:active {
  color: var(--primary-color);
  background: url(../images/ic-signupred.png) left center no-repeat;
  background-size: contain;
}

.head-logout:hover,
.head-logout:active {
  color: var(--primary-color);
  background: url(../images/ic-logoutred.png) left center no-repeat;
  background-size: contain;
}

.head-set:hover,
.head-set:active {
  color: var(--primary-color);
  background: url(../images/ic-setred.png) left center no-repeat;
  background-size: contain;
}

.header-right .head-user {
  padding-left: 2rem;
  background: url(../images/ic-userred.png) left center no-repeat;
  background-size: contain;
  margin-right: 2rem;
  cursor: pointer;
  color: var(--primary-color);
}

.gnb {
  max-width: 1400px;
  margin: 0 auto;
}

.gnb li .submenu {
  left: 50%;
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease, -webkit-transform .2s ease;
  padding: 25px 15px;
  max-height: 75vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  text-align: left;
  position: absolute;
  background: #fff;
  top: 100%;
  z-index: 10;
  width: 150px;
  min-width: 150px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px #eaeaea, 0 5px 20px rgb(0 0 0 / 10%);
  color: #1a2332;
  font-weight: normal;
  font-size: 1.1rem;
  transform: translateX(-50%) !important;
  text-align: center;
}

.gnb li .submenu a {
  color: #1a2332;
  padding: .5rem 0;
  transition-duration: 0.25s;
}

.gnb li .submenu a:hover,
.gnb li .submenu a:active {
  color: var(--primary-color);
}

.gnb li:hover .submenu,
.gnb li:active .submenu {
  transform: none;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ham-menu .ic-menu {
  width: 48px;
  height: 48px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
  padding: 1rem .5rem;
  cursor: pointer;
  transition-duration: 0.25s;
}

.ham-menu .ic-menu span {
  width: 100%;
  height: 1px;
  background-color: var(--primary-color);
  background-color: #1a2332;
  display: block;
}

.ham-menu .ic-menu:hover span,
.ham-menu .ic-menu:active span {
  background-color: var(--primary-color);
}

.ham-menu .ic-menu span:nth-child(1) {
  animation: rhythm 1.5s linear infinite;
}

.ham-menu .ic-menu span:nth-child(2) {
  animation: rhythm2 1.9s linear infinite;
}

.ham-menu .ic-menu span:nth-child(3) {
  animation: rhythm3 1.7s linear infinite;
}

@keyframes rhythm {
  0% {
    width: 80%;
  }

  50% {
    width: 100%;
  }

  100% {
    width: 80%;
  }
}

@keyframes rhythm2 {
  0% {
    width: 100%;
  }

  50% {
    width: 95%;
  }

  100% {
    width: 100%;
  }
}

@keyframes rhythm3 {
  0% {
    width: 80%;
  }

  50% {
    width: 100%;
  }

  100% {
    width: 80%;
  }
}

.ham-menufull {
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease, -webkit-transform .2s ease;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: rgba(255, 255, 255, .97);
  backdrop-filter: blur(3px);
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.ham-menufull.active {
  display: block;
}

.menufull-wp {
  display: flex;
  flex-wrap: wrap;
  max-width: 768px;
  padding: 2rem;
  margin: 0 auto;
  align-items: center;
  height: 100%;
}

.menufull-item {
  width: 100%;
}

.ham-menu-close-wp {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.ham-menu-close {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 2rem;
  top: 2rem;
  display: inline-block;
  cursor: pointer;
}

.ham-menu-close:before,
.ham-menu-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 40px;
  width: 1px;
  background-color: #1a2332;
  transition-duration: 0.25s;
}

.ham-menu-close:before {
  transform: rotate(45deg);
}

.ham-menu-close:after {
  transform: rotate(-45deg);
}

.ham-menu-close:hover:before,
.ham-menu-close:hover:after,
.ham-menu-close:active:before,
.ham-menu-close:active:after {
  background-color: var(--primary-color);
}

.menufull-item {
  margin-bottom: 2rem;
  padding: 2rem;
  padding-top: 0;
  border-bottom: 1px dashed #d1d5db;
}

.menufull-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.menufull-item li {
  display: inline-block;
  font-size: 1.5rem;
  color: #052022;
  margin-right: 2rem;
  font-weight: 500;
}

.menufull-item .cat-top {
  font-size: 2rem;
  font-weight: 500;
  padding-right: 2rem;
  margin-right: 2rem;
  position: relative;
  display: inline-block;
  color: var(--primary-color);
  width: 200px;
}

.menufull-item .cat-top::after {
  content: '';
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  height: 2rem;
  width: 3px;
  background-color: var(--primary-color);
}

.ham-uerbox {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem 1rem;
  text-align: center;
  justify-content: space-between;
}

.ham-uerbox a {
  width: 100px;
}

.ham-uerbox .head-login {
  padding-left: 2rem;
  background: url(../images/ic-user.png) left center no-repeat;
  background-size: contain;
  cursor: pointer;
  transition-duration: .25s;
}

.ham-uerbox .head-signup {
  padding-left: 2rem;
  background: url(../images/ic-signup.png) left center no-repeat;
  background-size: contain;
  cursor: pointer;
  transition-duration: .25s;
}

.ham-uerbox .head-logout {
  width: 80px;
  padding-left: 2rem;
  background: url(../images/ic-logout.png) left center no-repeat;
  background-size: contain;
  cursor: pointer;
  transition-duration: .25s;
}

.head-login:hover,
.head-login:active {
  color: var(--primary-color);
  background: url(../images/ic-userred.png) left center no-repeat;
  background-size: contain;
}

.head-signup:hover,
.head-signup:active {
  color: var(--primary-color);
  background: url(../images/ic-signupred.png) left center no-repeat;
  background-size: contain;
}

.head-logout:hover,
.head-logout:active {
  color: var(--primary-color);
  background: url(../images/ic-logoutred.png) left center no-repeat;
  background-size: contain;
}

.ham-uerbox .head-user {
  width: calc(100% - 80px);
  padding-right: 2rem;
  text-align: left;
  padding-left: 2rem;
  background: url(../images/ic-userred.png) left center no-repeat;
  background-size: contain;
  cursor: pointer;
}

.menufull-logo {
  background: transparent;
  background-size: 110px;
  width: 110px;
  height: 50px;
  display: block;
  /* margin-top: 0.5rem; */
  flex: 1;
}

.ham-uerbox{
  display: none;
}

/* footer */
.footer-wp {
  box-shadow: 0 -5px 8px rgb(0 0 0 / 3%);
  background-color: #333;
  color: #FFF;
}

.footer {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 2rem;
}

.footer-info a {
  margin-right: 2rem;
  position: relative;
  line-height: 3.5rem;
}

.footer-info a:hover,
.footer-info a:active {
  color: var(--primary-color);
}

.footer-info a:first-child:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1rem;
  width: 1px;
  height: 90%;
  background-color: #d1d5db;
  content: '';
}

.footer-info a:nth-child(2):after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1rem;
  width: 1px;
  height: 90%;
  background-color: #d1d5db;
  content: '';
}

.btn-top {
  width: 4rem;
  height: 3.5rem;
  font-size: 0.9rem;
  text-align: center;
  padding: 1rem;
  border: 1px solid #d1d5db;
  color: #d1d5db;
  position: fixed;
  right: 2.5rem;
  bottom: -3.5rem;
  cursor: pointer;
  transition: 0.7s ease;
  opacity: 0;
}

.btn-top:hover,
.btn-top:active {
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-top.on {
  opacity: 1;
  cursor: pointer;
  bottom: 2rem;
}

.copyright {
  text-align: center;
  line-height: 3.5rem;
}

/* page layout */
.container-wp {
  max-width: 1200px;
  margin: 0 auto;
  padding: 120px 0 90px 0;
  min-height: calc(100% - 90px);
}

.inner-header {
  width: 100%;
  border-bottom: 1px solid #d1d5db;
}

.inheader-bg {
  padding: 2rem 0;
}

.inheader-tit {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.0;
}

/* pagination */
.pagination {
  width: auto;
  max-width: 400px;
  justify-content: center;
  margin: 0 auto;
  padding: 10px 0px;
  align-items: center;
  margin-top: 2rem;
  text-align: center;
}

.pagination a {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 1rem;
  border: 1px solid #d1d5db;
  border-radius: 0px;
  margin-right: 1rem;
}

.pagination a:last-child {
  margin-right: 0
}

.pagination a:hover,
.pagination a:active {
  color: #FFF;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.pagination a.on {
  color: #FFF;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.pagination a.prev {
  background: url(../images/ic-prev.png) center center no-repeat;
  background-size: 1.4rem;
  color: rgba(0, 0, 0, 0);
}

.pagination a.prev:hover,
.pagination a.prev:active {
  background: url(../images/ic-prevwhite.png) center center no-repeat var(--primary-color);
  background-size: 1.4rem;
  color: rgba(0, 0, 0, 0);
}

.pagination a.prev.disabled {
  opacity: .5;
  cursor: default;
  border-color: #d1d5db;
  background: url(../images/ic-prev.png) center center no-repeat #d1d5db;
  background-size: 1.4rem;
}

.pagination a.next {
  background: url(../images/ic-next.png) center center no-repeat;
  background-size: 1.4rem;
  color: rgba(0, 0, 0, 0);
}

.pagination a.next:hover,
.pagination a.next:active {
  background: url(../images/ic-nextwhite.png) center center no-repeat var(--primary-color);
  background-size: 1.4rem;
  color: rgba(0, 0, 0, 0);
}

.pagination a.next.disabled {
  opacity: .5;
  cursor: default;
  border-color: #d1d5db;
  background: url(../images/ic-next.png) center center no-repeat #d1d5db;
  background-size: 1.4rem;
}

.pagination a.disabled:hover,
.pagination a.disabled:active {
  opacity: .5;
  border-color: #d1d5db;
}

.list-pagination {
  width: 100%;
}

/* 공연일정 */
.weeklyslide {
  height: 100%;
  padding: 2.5rem 0;
  border-bottom: 1px solid #d1d5db;
}

.weeklyslide .swiper-slide {
  background-color: #DDD;
}

.weeklyslide .swiper-slide img {
  object-fit: contain;
}

.weeklyslide .swiper-button-next,
.weeklyslide .swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  border-radius: 0;
  background: rgba(0, 0, 0, .5);
}

.weeklyslide .swiper-button-next {
  right: 0;
}

.weeklyslide .swiper-button-prev {
  left: 0;
}

.weeklyslide .swiper-button-next:after,
.weeklyslide .swiper-button-prev:after {
  font-size: 1.5rem;
  color: #FFF;
}

.con-thumtxt {
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
  padding: .5rem 0;
  width: 70%;
  background: rgba(159, 24, 2, .7);
  color: #FFF;
  text-align: center;
  box-shadow: 0 5px 20px rgb(0 0 0 / 05%);
}

.thum-tit {
  font-size: 1.3rem;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.thum-date {
  font-size: 1.1rem;
  font-weight: 300;
  padding-left: 2rem;
  background: url(../images/ic-timewhite.png) left center no-repeat;
  background-size: 1.3rem;
  width: auto;
  display: inline-block;
}

.thum-venue {
  font-size: 1.1rem;
  font-weight: 300;
  padding-left: 2rem;
  background: url(../images/ic-locationwhite.png) left center no-repeat;
  background-size: 1.3rem;
  margin-top: .25rem;
  text-transform: uppercase;
}

.list-tab {
  width: 50%;
}

.list-tab li {
  position: relative;
  width: 33.3%;
  padding: 1rem;
  border: 1px solid #d1d5db;
  opacity: .5;
  border-left-width: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  background: #FAFAFA;
  text-align: center;
  font-weight: 500;
  font-size: 1.3rem;
  cursor: pointer;
  transition-duration: 0.25s;
  float: left;
}

.list-tab li:first-child {
  border-left-width: 1px;
}

.list-tab li:hover,
.list-tab li:active {
  background-color: var(--primary-color);
  color: #FFF;
}

.list-tab li.active {
  opacity: 1;
}

.list-tab li.active:hover,
.list-tab li.active:active {
  background: #FAFAFA;
  color: #1a2332;
}

.list-ctr-bot li {
  width: 8.3%;
  border-right: 1px solid #d1d5db;
  text-align: center;
  font-weight: 500;
  float: left;
  cursor: pointer;
  transition-duration: 0.25s;
}

.list-ctr-bot li:hover,
.list-ctr-bot li:active {
  color: var(--primary-color);
}

.list-ctr-bot li:last-child {
  border-right: none;
}

.list-ctr-bot li.active {
  color: var(--primary-color);
}

.list-ctr-bot {
  margin-top: 2rem;
  padding: 1rem 0;
  width: 100%;
  border: 1px solid #d1d5db;
  background: #FFF;
}

.list-ctr-top {
  width: 100%;
  text-align: center;
  position: relative;
}

.list-ctr-top .ctr-top-rt {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.list-ctr-top .ctr-top-lt {
  font-size: 2rem;
}

.ctr-top-month {
  font-weight: 700;
  color: var(--secondery-color);
}

.list-control {
  padding: 2rem 0;
}

.ctr-top-rt select {
  width: 120px;
}

.btn.btn-sel {
  background-color: var(--primary-color) !important;
  background: var(--primary-color) !important;
  color: #FFF;
  width: 90px;
}

.list-filter {
  font-size: 1.05rem;
  width: 100%;
  padding: 3rem 0 2rem;
  border-bottom: 1px solid #d1d5db;
}

.list-filter h3 {
  padding-left: 2rem;
  background: url(../images/ic-info.png) left center no-repeat;
  background-size: 1.3rem;
}

.list-filter span {
  font-weight: 700;
  color: var(--secondery-color);
}

/* 갤러리게시판 */
.concert-list-wp {
  padding: 4rem 0 0 0;
}

.con-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.con-list-item {
  width: calc(50% - 3rem);
  padding: 3rem 0;
  display: flex;
  flex-wrap: wrap;
}

.list-item-thum {
  margin-right: 30px;
  background: #FFF;
  width: 248px;
  height: 350px;
  position: relative;
  cursor: pointer;
}

.list-item-thum a {
  display: block;
  width: 100%;
  height: 100%;
}

.list-item-thum img {
  object-fit: contain;
  display: block;
  transition-duration: 0.25s;
  border: 1px solid #d1d5db
}

.list-item-thum:hover img,
.list-item-thum:active img {
  filter: blur(.7px);
  -webkit-filter: blur(.7px);
}

.list-item-thum:hover:before,
.list-item-thum:active:before {
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
  z-index: 5;
  position: absolute;
  border: 1px solid #d1d5db;
}

.list-item-info {
  width: calc(100% - 278px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.list-item-info h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.item-info-detail li {
  margin-bottom: 1rem;
  font-size: 1rem;
}

.item-info-detail li .li-tit {
  margin-right: 0.5rem;
  width: 120px;
  display: inline-block;
  position: relative;
  font-weight: normal;
  color: #6b7280;
}

.item-info-detail li .li-tit:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 0.7rem;
  width: 1px;
  background: #d1d5db;
}

.list-item-footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 2rem;
}

.btn.btn-buy {
  background-color: var(--primary-color) !important;
  color: #FFF;
  border: 1PX solid var(--primary-color);
}

.list-item-footer .btn-view:hover,
.list-item-footer .btn-view:active {
  background-color: var(--primary-color) !important;
  color: #FFF;
  border: 1PX solid var(--primary-color);
  opacity: 1;
}

.list-item-footer .btn-view {
  width: 100%;
  background-color: #FFF !important;
  color: #1a2332;
  border: 1px solid var(--secondery-color);
}

.con-flag {
  padding: .2rem .6rem;
  border-radius: 30px;
  font-size: 1rem;
  font-weight: 500;
  margin-right: .5rem;
  height: 2rem;
  border: 1px solid #ddd;
}

.con-flag.concert {
  border-color: #f56ca0;
  color: #f56ca0;
}

.con-flag.event {
  border-color: #54a45b;
  color: #54a45b;
}

.con-flag.seminar {
  border-color: #ea5c34;
  color: #ea5c34;
}

.con-flag.etc {
  border-color: #228db7;
  color: #228db7;
}

.poster-flagwp {
  position: absolute;
  width: 80px;
  height: 100%;
  top: 0;
  left: 0;
  padding: 1rem;
  z-index: 55;
}

.poster-flag {
  min-width: 50px;
  height: 20px;
  text-align: center;
  background-color: var(--primary-color);
  display: block;
  margin-bottom: 0.5rem;
  font-size: .9rem;
  color: #FFF;
  line-height: 20px;
}

.poster-flag.soon {
  background-color: #675899;
}

.poster-flag.doing {
  background-color: #43998c;
}

.poster-flag.done {
  background-color: #949597;
}

.poster-flag2 {
  min-width: 50px;
  height: 20px;
  text-align: center;
  background-color: var(--primary-color);
  display: block;
  margin-bottom: 0.5rem;
  font-size: .9rem;
  color: #FFF;
  line-height: 20px;
}

.con-price.disconunt .cost {
  font-size: .9rem;
  color: #6b7280;
  text-decoration: line-through;
}

.con-price .disprice {
  color: var(--primary-color);
  font-size: 1rem;
}

.con-price.done {
  color: #6b7280;
}

.con-price.done .disprice {
  color: #6b7280;
}

/* 파스텔 */
.fflag01 {
  background-color: #e4a59c;
}

.fflag02 {
  background-color: #a8b197;
}

.fflag03 {
  background-color: #bead9f;
}

.fflag04 {
  background-color: #668a8c;
}

.fflag05 {
  background-color: #e2a980;
}

.fflag06 {
  background-color: #8c927a;
}

.fflag07 {
  background-color: #91a49e;
}

.fflag08 {
  background-color: #d7977d;
}

.fflag09 {
  background-color: #8a8573;
}

/* 클리어 */
.flag01 {
  border-color: #f56ca0;
  color: #f56ca0;
}

.flag02 {
  border-color: #54a45b;
  color: #54a45b;
}

.flag03 {
  border-color: #949597;
  color: #949597;
}

.flag04 {
  border-color: #ea5c34;
  color: #ea5c34;
}

.flag05 {
  border-color: #ffcc56;
  color: #ffcc56;
}

.flag06 {
  border-color: #efa6ba;
  color: #efa6ba;
}

.flag07 {
  border-color: #228db7;
  color: #228db7;
}

.flag08 {
  border-color: #675899;
  color: #675899;
}

.flag09 {
  border-color: #43998c;
  color: #43998c;
}

.con-list-null {
  text-align: center;
  width: 100%;
  padding: 63px 0 3rem;
  font-size: 1.2rem;
  background: url(../images/ic-info.png) top center no-repeat;
  background-size: 48px;
  font-weight: 500;
  margin-top: 3rem;
}


/* 콘서트 상세페이지 */
.condetail-top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.condetail-top .con-list-item {
  width: 100%;
  padding: 3rem 0 6rem 0;
  display: flex;
  flex-wrap: wrap;
}

.condetail-top .list-item-thum {
  width: 50%;
  background-color: #FFF;
  height: 100%;
  cursor: default;
}

.condetail-top .list-item-info {
  width: calc(50% - 30px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.condetail-top .list-item-thum a {
  width: auto;
  max-height: 600px;
  margin: 0 auto;
  border: none;
}

.condetail-top .list-item-thum:hover img,
.condetail-top .list-item-thum:active img {
  opacity: 1;
}

.condetail-top h3 {
  font-size: 2rem;
  display: flex;
  align-items: flex-start;
}

.condetail-top .btn-buy {
  width: calc(100% - 120px);
}

.qty input {
  width: 80px;
  min-width: 80px;
  height: 40px;
  text-align: center;
  background-color: #FFF;
  font-size: initial;
}

.qty-minus,
.qty-plus {
  width: 40px;
  min-width: 40px;
  height: 40px;
  text-align: center;
  background-color: #FFF;
  color: var(--primary-color);
  font-size: initial;
  border: 1px solid #d1d5db;
  font-weight: 700;
}

.qty-minus {
  border-right: none;
}

.qty-plus {
  border-left: none;
}

.qty {
  font-size: 0;
  max-width: 160px;
  display: flex;
  align-items: center;
}

.qty-wp .item-price {
  width: calc(100% - 160px);
  text-align: right;
}

.qty-wp {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.item-order-sum .row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sum-tit {
  font-weight: 500;
}

.item-order-sum {
  border-top: 1px solid #d1d5db;
  padding-top: 2rem;
}

.sel-number {
  border-top: 1px solid #d1d5db;
  margin-top: 2rem;
  padding: 2rem;
  background-color: #FAFAFA;
}

.item-name-mini p {
  width: calc(100% - 40px);
  margin-bottom: .5rem;
}

.item-name-mini .btn-close {
  width: 15px;
  height: 15px;
  text-align: right;
  background: url(../images/ic-close.png) center center no-repeat !important;
  background-size: 15px !important;
  opacity: .55;
}

.item-name-mini {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.option-date-wp,
.option-num-wp {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.option-date-wp select,
.option-num-wp select {
  width: calc(100% - 120px);
}

.option-date-wp label,
.option-num-wp label {
  width: 120px;
}

.item-detail-sec {
  margin: 0 auto;
  padding: 0;
}

.sel-number.active {
  display: none;
}

.condetail-top .list-item-thum:hover img,
.condetail-top .list-item-thum:active img {
  filter: unset;
  -webkit-filter: unset;
}

.condetail-top .list-item-thum:hover:before,
.condetail-top .list-item-thum:active:before {
  display: none;
}

/* 리뷰 약간의 게시판.. */
.review_wp li {
  width: 100%;
}

.review_wp li:hover,
.review_wp li:active {
  background: #FAFAFA;
}

.review_wp a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.review_wp .date {
  margin-left: 1rem;
  width: 100px;
}

.review_wp .user_name {
  width: 100px;
}

.review_txt {
  flex: 1;
  text-align: center;
}

.review_top_header {
  background: #FFF;
  border-bottom: 1px solid #1a2332;
  padding: 1rem 0;
  color: var(--primary-color);
  font-weight: 500;
}

.review_top_header:hover,
.review_top_header:active {
  background: #FFF !important;
  border-bottom: 1px solid #1a2332;
  color: var(--primary-color);
}

.review_top_header a {
  cursor: default;
}

.review_list {
  height: 100%;
  background: #fff;
  border: none !important;
}

.review_list a {
  cursor: default;
}

.review_list:hover .review_txt,
.review_list:active .review_txt {
  font-weight: 400;
}

.review-sec {
  padding: 6rem 0;
  border-top: 1px solid #d1d5db;
}

.review-sec h1 {
  font-size: 1.2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #1a2332;
}

.review-sec h1 span {
  font-weight: 500;
  font-size: 2rem;
  margin-right: 1rem;
}

.review_wp {
  display: flex;
  width: 100%;
  flex-direction: column;
  text-align: center;
}

.review_wp .tit:first-child {
  margin-top: 16px;
  border-top: 1px solid #d1d5db;
}

.review_wp .tit {
  position: relative;
  padding: 1rem 0;
  cursor: pointer;
  font-size: 14px;
  border-bottom: 1px solid #d1d5db;
}

.review_wp .tit span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.review_wp .tit.on .review_txt {
  font-weight: bold;
  color: var(--primary-color);
}

.maintxt {
  display: none;
  overflow: hidden;
  font-size: 14px;
  background-color: #FAFAFA;
  padding: 2rem 1rem;
  text-align: left;
  font-size: 1rem;
}

.review-footer {
  padding: 2rem 0;
  text-align: right;
  position: relative;
  font-size: 1rem;
}

.review-thumimg img {
  max-height: 500px;
  margin: 0 auto;
  margin-bottom: 1rem;
}

.reviewslide-wp .swiper {
  height: 360px;
  width: 360px;
}

.reviewslide-wp .swiper-slide {
  height: 360px;
  width: 360px;
}

.reviewslide-wp {
  display: flex;
}

.reviewtxt {
  height: 360px;
  padding-left: 2rem;
}

.no-img .reviewtxt {
  padding-left: 0;
}

.reviewslidebox {
  height: 360px;
  width: 360px;
}

.reviewslidebox .swiper-slide img {
  object-fit: contain;
}

.reviewslidebox .swiper-slide {
  background: #DDD;
}

.review_wp .maintxt {
  padding: 2rem;
}

.reviewslide .swiper-button-next,
.reviewslide .swiper-button-prev {
  background: rgba(0, 0, 0, .4);
  color: #FFF;
  height: 48px;
  width: 48px;
}

.reviewslide .swiper-button-next::after,
.reviewslide .swiper-button-prev::after {
  font-size: 1.4rem;
}

.reviewslide .swiper-button-next {
  right: 0;
}

.reviewslide .swiper-button-prev {
  left: 0;
}

/* qna */
.qna_wp li {
  width: 100%;
}

.qna_wp li:hover,
.qna_wp li:active {
  background: #FAFAFA;
}

.qna_wp a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.qna_wp .date {
  margin-left: 1rem;
  width: 100px;
}

.qna_wp .user_name {
  width: 100px;
}

.qna_txt {
  flex: 1;
  text-align: center;
  padding-right: 2rem;
}

.qna_txt.lock {
  padding-right: 2rem;
  background: url(../images/ic-lock.png) right center no-repeat;
  background-size: 1rem;
}

.qna_top_header {
  background: #FFF;
  border-bottom: 1px solid #1a2332;
  padding: 1rem 0;
  color: var(--primary-color);
  font-weight: 500;
}

.qna_top_header:hover,
.qna_top_header:active {
  background: #FFF !important;
  border-bottom: 1px solid #1a2332;
  color: var(--primary-color);
}

.qna_top_header a {
  cursor: default;
}

.qna_list {
  height: 100%;
  background: #fff;
}

.qna_list a {
  cursor: default;
}

.qna_list:hover .qna_txt,
.qna_list:active .qna_txt {
  font-weight: 400;
}

.qna-sec h1 {
  font-size: 1.2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #1a2332;
}

.qna-sec h1 span {
  font-weight: 500;
  font-size: 2rem;
  margin-right: 1rem;
}

.qna_wp {
  display: flex;
  width: 100%;
  flex-direction: column;
  text-align: center;
}

.qna-answer {
  padding: 2rem 1rem;
  background-color: #FFF;
  margin-top: 2rem;
  border-radius: 3px;
}

.qna-answer p {
  display: inline-block;
}

.answer-flag {
  padding: .3rem .6rem;
  border-radius: 3px;
  font-size: 1.1rem;
  font-weight: 400;
  color: #FFF;
  margin-right: .5rem;
  background-color: #8a8573;
}

.qna_wp .tit:first-child {
  margin-top: 16px;
  border-top: 1px solid #d1d5db;
}

.qna_wp .tit {
  position: relative;
  padding: 1rem 0;
  cursor: pointer;
  font-size: 14px;
  border-bottom: 1px solid #d1d5db;
}

.qna_wp .tit span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qna_wp .tit.on .review_txt {
  font-weight: bold;
  color: var(--primary-color);
}

.qna_sort {
  width: 100px;
  text-align: center;
}

.qna_sort.active {
  color: var(--primary-color);
}

.itemqna-footer {
  padding: 2rem 0;
  text-align: right;
  position: relative;
  font-size: 1rem;
}

/* 아티스트리스트 */
.artist-filter {
  display: flex;
  align-items: center;
}

.artist-list-wp .btn-view {
  width: 100%;
}

.artist-top .list-item-thum a {
  max-height: 400px;
}

.artist-tab {
  width: 100%;
  margin-top: 4rem;
}

.newartistslide {
  height: 100%;
  padding: 2.5rem 0;
  border-bottom: 1px solid #d1d5db;
}

.newartistslide .swiper-wrapper {
  height: 380px;
}

.newartistslide .swiper-slide img {
  object-fit: contain;
}

.newartistslide .swiper-button-next,
.newartistslide .swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  border-radius: 0;
  background: rgba(0, 0, 0, .3);
}

.newartistslide .swiper-button-next {
  right: 0;
}

.newartistslide .swiper-button-prev {
  left: 0;
}

.newartistslide .swiper-button-next:after,
.newartistslide .swiper-button-prev:after {
  font-size: 1.5rem;
  color: #FFF;
}

.artist-list .list-item-thum {
  width: 255px;
  height: 255px;
}

.artist-list .list-item-thum img {
  object-fit: cover;
}

.artist-list .list-item-info {
  width: calc(100% - 285px);
}

.artist-list .item-info-detail li .li-tit {
  width: 50px;
}

.art-thumtxt {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, .2);
  color: #FFF;
  text-align: left;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-end;
  transition-duration: 0.25s;
}

.art-thumtxt .thum-name {
  font-size: 2rem;
  letter-spacing: 1rem;
}

.art-thumtxt .thum-nameen {
  font-size: .9rem;
  font-family: 'GmarketSansMedium';
  font-style: italic;
  letter-spacing: -0.025rem;
}

.art-thumtxt .thum-genre {
  font-size: 1.6rem;
  letter-spacing: -0.025rem;
  font-family: 'GmarketSansMedium';
  position: relative;
}

.art-thumtxt .thum-genre::after {
  position: absolute;
  top: -2px;
  left: 1px;
  content: '';
  width: 1rem;
  height: 2px;
  background-color: #FFF;
}

.newartistslide .swiper-slide:hover .art-thumtxt,
.newartistslide .swiper-slide:active .art-thumtxt {
  background: rgba(0, 0, 0, .5);
}

.poster-flag3.classic {
  background-color: #f56ca0;
}

.poster-flag3.k-classic {
  background-color: #228db7;
}

.poster-flag3.pop {
  background-color: #54a45b;
}

.poster-flag3.etc {
  background-color: #ea5c34;
}

.poster-flag3 {
  min-width: 50px;
  height: 20px;
  text-align: center;
  background-color: var(--primary-color);
  display: block;
  margin-bottom: 0.5rem;
  font-size: .9rem;
  color: #FFF;
  line-height: 20px;
}

.con-flag.classic {
  border-color: #f56ca0;
  color: #f56ca0;
}

.con-flag.k-classic {
  border-color: #228db7;
  color: #228db7;
}

.con-flag.pop {
  border-color: #54a45b;
  color: #54a45b;
}

.con-flag.etc {
  border-color: #ea5c34;
  color: #ea5c34;
}

.artist-list-wp .con-list-item {
  padding: 4rem 0;
  padding-bottom: 0;
}

.artist-list-wp .list-control {
  padding: 2rem 0;
  border: none;
  background: #FFF;
  border-bottom: 1px solid #d1d5db;
}

.artist-list-wp .list-filter {
  width: 50%;
  text-align: left;
  border: none;
  padding: 0
}

/* 아티스트 상세 */
.condetail-top .btn-openkakao {
  width: calc(100% - 120px);
  background-color: var(--secondery-color) !important;
  color: #FFF;
  border: 1px solid var(--secondery-color);
}

.condetail-top .btn-openkakao:hover,
.condetail-top .btn-openkakao:active {
  background-color: #FEE500 !important;
  color: #1a2332;
  border: 1PX solid #FEE500;
  opacity: 1;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: inherit;
}

.artist-tab li {
  border-bottom: 1px solid var(--primary-color);
  opacity: 1;
}

.artist-tab li.active {
  border: 1px solid var(--primary-color);
  border-bottom: 1px solid transparent;
  background-color: #FFF;
  border-top: 1px solid var(--primary-color);
  position: relative;
  transition-duration: 0.25s;
}

.artist-tab li.active::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  content: '';
  height: 1px;
  width: 100%;
  background-color: var(--primary-color);
}

.condetail-top .list-item-thum img {
  height: 100%;
}

.condetail-top.artist-top h3 {
  align-items: center;
}

/* 공유버튼 */
.condetail-top .btn-share {
  width: 120px;
  margin-right: 0;
  background: url(../images/ic-sharebold.png) left center no-repeat !important;
  background-size: 25px !important;
  padding-left: 0;
}

.condetail-top .btn-share:hover,
.condetail-top .btn-share:active {
  opacity: 1;
}

.btn-share {
  position: relative;
  background: url(../images/ic-sharebold.png) 10px center no-repeat !important;
  background-size: 25px !important;
  padding-left: 20px;
  cursor: pointer;
}

.share-list {
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease, -webkit-transform .2s ease;
  position: absolute;
  bottom: -250px;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  height: auto;
  border: 1px solid #d1d5db;
  background-color: #FFF;
  backdrop-filter: blur(3px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.share-list.active {
  display: block;
}

.share-list li {
  padding: 1rem;
  text-align: left;
  transition-duration: 0.25s;
  border-bottom: 1px solid transparent;
  font-size: .9rem;
}

.share-list .twitter {
  background-color: #00ACEE;
  background: url(../images/ic-twt.png) 15px center no-repeat;
  background-size: 15px;
  padding-left: 50px;
}

.share-list .twitter:hover,
.share-list .twitter:active {
  border-bottom: 1px solid #00ACEE;
}

.share-list .facebook {
  background-color: #3B5998;
  background: url(../images/ic-facebook.png) 15px center no-repeat;
  background-size: 15px;
  padding-left: 50px;
}

.share-list .facebook:hover,
.share-list .facebook:active {
  border-bottom: 1px solid #3B5998;
}

.share-list .kakaotalk {
  background-color: #FEE500;
  background: url(../images/ic-kakao.png) 15px center no-repeat;
  background-size: 15px;
  padding-left: 50px;
}

.share-list .kakaotalk:hover,
.share-list .kakaotalk:active {
  border-bottom: 1px solid #FEE500;
}

.share-list .band {
  background-color: #1BCC21;
  background: url(../images/ic-band.png) 15px center no-repeat;
  background-size: 15px;
  padding-left: 50px;
}

.share-list .band:hover,
.share-list .band:active {
  border-bottom: 1px solid #1BCC21;
}

.share-list .linkcopy {
  background-color: #d1d5db;
  background: url(../images/ic-link.png) 15px center no-repeat;
  background-size: 15px;
  padding-left: 50px;
}

.share-list .linkcopy:hover,
.share-list .linkcopy:active {
  border-bottom: 1px solid #556677;
}

/* 프란츠클래식CEO */
.ceo-wp {
  display: flex;
  flex-wrap: wrap;
  padding: 6rem 0;
}

.ceo-right {
  width: 40%;
}

.ceo-left {
  width: calc(60% - 2rem);
  position: relative;
  padding-right: 2rem;
  margin-right: 2rem;
}

.ceo-greetings {
  width: 100%;
  margin-bottom: 4rem;
  position: relative;
  padding-left: 2rem;
}

.ceo-greetings::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--primary-color);
  content: '';
}

.ceo-greetings h1 {
  font-size: 2.4rem;
  font-weight: 700;
}

.ceo-greetings h1 span {
  color: #d1d5db;
  font-family: 'GmarketSansMedium';
  font-weight: 500;
}

.ceo-left .career {
  margin-bottom: 2rem;
}

.ceo-left .career li {
  position: relative;
  padding-left: 1rem;
  font-size: 1rem;
  margin-bottom: .25rem;
}

.ceo-left .career li:first-child {
  font-size: 2.4rem;
  font-style: italic;
  color: #d1d5db;
  font-family: 'GmarketSansMedium';
  padding-left: 0;
  margin-bottom: 1rem;
}

.ceo-left .career li:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 4px;
  height: 1px;
  background-color: var(--primary-color);
  content: '';
}

.ceo-left .career li:first-child::after {
  display: none;
}

.ceo-left p {
  font-size: 1.2rem;
  margin-bottom: .25rem;
  font-weight: 500;
}

.ceo-left .ceo-autograph {
  font-size: 1.4rem;
  margin-top: 1rem;
  font-weight: 700;
}

/* 페이지 푸터 */
.pg-footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 4rem;
}

.pgfooter-left {
  width: calc(50% - 20%);
  margin-right: 20%;
  text-align: left;
  font-size: 1.4rem;
  font-style: italic;
  padding: 2rem 0;
}

.pgfooter-right {
  width: calc(50% - 20%);
  margin-left: 20%;
  text-align: right;
  font-size: 1.4rem;
  font-style: italic;
  padding: 2rem 0;
}

.pg-footer img {
  display: inline-block;
  width: 2rem;
  height: auto;
  transition-duration: 0.25s;
  margin: 0 1rem;
}

.pg-footer .pgfooter-left:hover img,
.pg-footer .pgfooter-left:active img {
  transform: translateX(-1.5rem);
}

.pg-footer .pgfooter-right:hover img,
.pg-footer .pgfooter-right:active img {
  transform: translateX(1.5rem);
}

.pg-footer h1 {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  width: 100%;
  text-align: center;
  padding-bottom: 2rem;
  border-bottom: 1px solid #d1d5db;
}

/* 프란츠클래식 어바웃 */
.about-wp {
  display: flex;
  flex-wrap: wrap;
}

.about-tit {
  width: 100%;
  margin: 12rem 0 6rem 0;
  text-align: center;
  display: block;
}

.about-tit h1 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--primary-color);
}

.about-tit h1 span {
  color: #555;
  font-family: 'GmarketSansMedium';
  font-weight: 500;
}

.about-wp p {
  font-size: 1.4rem;
  line-height: 1.4;
}

.about-wp p span {
  color: var(--primary-color);
  font-weight: 700;
}

.about-wp .about-smtit {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1a2332;
  margin-bottom: 1rem;
}

.about-wp .sec-txt {
  width: 50%;
  padding: 2rem;
  height: 30vh;
  color: #555;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.about-wp .sec-bg-left {
  display: block;
  width: 50%;
  position: relative;
}

.about-wp .sec-bg-left:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1px;
  height: 100%;
  width: 2px;
  background-color: var(--primary-color);
  content: '';
}

.about-wp .sec-bg-right {
  display: block;
  width: 50%;
  position: relative;
}

.about-wp .sec-bg-right:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  height: 100%;
  width: 2px;
  background-color: var(--primary-color);
  content: '';
}

.about-wp .sec-txt-bot {
  width: 100%;
  height: 50vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sec-txt-bot h1 {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1a2332;
}

.sec-txt-bot h1 span {
  color: var(--primary-color);
}

.franz-about .inner-header,
.franz-about .about-wp {
  max-width: 1200px;
  margin: 0 auto;
}

.franz-value li {
  width: 182px;
  height: 182px;
  text-align: center;
  border: 1px solid var(--primary-color);
  background: var(--primary-color);
  color: #FFF;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  transition-duration: 0.25s;
}

.franz-value li p {
  font-size: 1.5rem;
  text-align: center;
  font-weight: 500;
}

.franz-value li:hover,
.franz-value li:active {
  background-color: rgba(159, 24, 2, .7);
}

.franz-value li:hover p,
.franz-value li:active p {
  color: #FFF;
}

.franz-value ul {
  margin: 0 auto;
  max-width: 768px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.franz-value {
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 12rem;
}

.value-tit {
  width: 100%;
  margin-top: 12rem;
  text-align: center;
  display: block;
  border-top: 1px solid #d1d5db;
  padding-top: 12rem;
}

.value-tit h1 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--primary-color);
}

.value-tit h1 span {
  color: #555;
  font-family: 'GmarketSansMedium';
  font-weight: 500;
}

/* work */
.work-list-wp .list-tab {
  width: 100%;
}

.work-list-wp .list-tab li {
  width: 25%;
  border-bottom: 1px solid #d1d5db;
}

.work-list-wp .list-tab li.active {
  background: var(--primary-color);
  color: #FFF;
  border-color: var(--primary-color);
}

.work-lbl {
  position: absolute;
  transform: rotate(90deg);
  width: 200px;
  text-align: left;
  right: -110px;
  top: 89px;
  color: var(--primary-color);
  font-weight: 700;
  letter-spacing: -.05rem;
  text-transform: uppercase;
}

.work-list-wp .list-item-thum {
  width: auto;
  height: auto;
}

.work-list-wp .list-item-thum img {
  max-width: 500px;
}

.work-list-wp.list-item-thum a {
  max-width: 500px;
}

.work-list-item {
  width: 50%;
  vertical-align: top;
  display: inline-block;
}

.work-list-item:nth-child(odd) {
  padding: 4rem 2rem 0 0;
}

.work-list-item:nth-child(even) {
  padding: 4rem 0 0 2rem;
}

.work-list-item-info {
  width: auto;
  max-width: 500px;
}

.work-list-item-info a {
  font-size: 1.6rem;
  font-weight: 500;
  padding: 2rem 0 1rem 0;
  display: block;
  line-height: 1.1;
}

.work-list-item-info p {
  letter-spacing: -.02rem;
  line-height: 1.2;
}

.work-list {
  align-items: center;
  transition: height .5s ease;
}

/* 프란츠홀 */
.franz-hall .inner-header,
.franz-hall .about-wp {
  max-width: 1200px;
  margin: 0 auto;
}

.frh-use .list-tab {
  width: 100%;
}

.frh-use .list-tab li {
  width: 16.66%;
}

.frh-use .list-tab li {
  border-bottom: 1px solid var(--primary-color);
}

.frh-use .list-tab li.active {
  background: var(--primary-color);
  color: #FFF;
  border-color: var(--primary-color);
}

.tab-content {
  display: none;
  padding: 4rem;
  border: 1px solid #d1d5db;
  min-height: 244px;
}

.frh-use .tab-content {
  border-top: none;
}

#view_receipt .tab-tit {
  margin-top: 0;
}

.tab-content.active {
  display: inherit;
}

.tab-tit {
  font-weight: 500;
  font-size: 2rem;
  margin-top: 2rem;
  border-bottom: 1px solid #d1d5db;
  color: var(--primary-color);
}

.tab-tit:first-child {
  margin-top: 0;
}

.tab-sectit {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  line-height: 1.0;
}

.tab-sectit span {
  color: var(--primary-color);
  font-weight: 700;
}

#tab-1 .tab-sec {
  border-bottom: 1px dashed #d1d5db;
}

.tab-sec {
  padding: 4rem 0;
  font-size: 1.2rem;
}

.tab-sec:last-child {
  border-bottom: none;
}

.tab-sec table {
  width: 100%;
  font-size: 1.2rem;
  color: #1a2332;
}

.tab-sec td {
  text-align: center;
  padding: 1rem 0;
  border: 1px solid #d1d5db;
}

.tab-sec th {
  padding: 1.5rem 0;
  background: #FAFAFA;
  border: 1px solid #d1d5db;
  font-weight: normal;
}

.tab-sec tr td:first-child {
  background: #FAFAFA;
}

.tab-sec .tab-sectit .tb-notice {
  font-size: .9rem;
  margin-bottom: 1rem;
  display: inline-block;
  text-align: right;
  float: right;
  padding-top: .6rem;
  font-weight: normal;
}

.tb-notice2 {
  font-size: .9rem;
  font-weight: 500;
}

.use-price .tab-sec {
  border-bottom: none;
  padding: 4rem 0;
}

.use-price .tab-sec.etc-tbl {
  padding-top: 0;
}

.use-price .tab-sec .tab-sectit {
  font-size: 1.6rem;
}

.frh_box1,
.frh_box2,
.frh_box3 {
  width: 33.3%;
  padding: 0 1.5rem;
}

.frh_box1 p,
.frh_box2 p,
.frh_box3 p {
  letter-spacing: -.04rem;
  font-size: 1.2rem;
  line-height: 2;
}

.frh_box1 h3,
.frh_box2 h3,
.frh_box3 h3 {
  font-size: 2rem;
  color: #1a2332;
  font-weight: 500;
  padding-left: 1rem;
  margin-bottom: 1rem;
  position: relative;
}

.frh_box1 h3:after,
.frh_box2 h3:after,
.frh_box3 h3:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  height: 80%;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--primary-color);
  content: '';
}

.frh-box-img {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  padding-top: 100%;
  margin-bottom: 2rem;
}

.frh-box-img1 {
  background: url(../images/franzhall/IMG_5344.jpg) center center no-repeat;
  background-size: cover;
}

.frh-box-img2 {
  background: url(../images/franzhall/IMG_5341.jpg) center center no-repeat;
  background-size: cover;
}

.frh-box-img3 {
  background: url(../images/franzhall/IMG_5308.jpg) right center no-repeat;
  background-size: cover;
}

.frh_box {
  background: url(../images/franzhall/IMG_5344.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 30vh;
  width: 100%;
}

.frhslide-wp {
  width: 100%;
  margin: 12rem 0;
}

.frhslide-wp .swiper {
  height: 500px;
}

.frhslide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: var(--primary-color);
}

.apply-txt {
  font-size: 1.2rem;
}

/* form */
.flag-required {
  color: var(--primary-color);
  font-size: .8rem;
  margin-left: .2rem;
}

.form-box input {
  width: 100%;
  padding: 3px 1rem;
}

.form-box [type='radio'] {
  width: 1rem;
  margin-right: .5rem;
  padding: 0;
}

.form-box [type='checkbox'] {
  width: 1rem;
  margin-right: .5rem;
  padding: 0;
}

.form-box {
  margin-bottom: 2rem;
  padding: 0 1rem;
}

.form-box p {
  width: 100%;
  margin-bottom: .5rem;
  font-weight: 500;
}

.form-use-wp {
  background-color: #FAFAFA;
  border: 1px solid #d1d5db;
  border-bottom: 1px solid #d1d5db !important;
}

.form-use {
  display: flex;
  flex-wrap: wrap;
  max-width: 768px;
  margin: 0 auto;
}

.form-use .tab-sectit {
  display: block;
  width: 100%;
  margin-top: 2rem;
}

.raido-col label {
  width: 50%;
  display: block;
  height: 40px;
}

.raido-col {
  display: flex;
  flex-wrap: wrap;
}

.form-box .input-etc {
  margin-left: 0.5rem;
  width: auto;
}

.form-box p .text-sm {
  font-weight: normal;
}

.check-col label {
  width: 100%;
  display: block;
  height: 40px;
}

.line {
  border-top: 1px solid #d1d5db;
}

.btn-send {
  background-color: var(--primary-color) !important;
  color: #FFF;
  width: 100%;
}

/* 대관문의 */
.write-form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.write-form input {
  padding: 3px 1rem;
}

.write-form textarea {
  width: 100%;
  padding: 1rem;
  min-height: 30vh;
}

.write-form [type='radio'] {
  width: 1rem;
  margin-right: .5rem;
  padding: 0;
}

.write-form [type='checkbox'] {
  width: 1rem;
  margin-right: .5rem;
  padding: 0;
}

.tab-sec.write-form td {
  border: none;
  text-align: left;
  font-size: 1.2rem;
}

.tab-sec.write-form tr td:first-child {
  font-weight: 500;
  text-align: center;
}

.tab-sec.write-form tr td:last-child {
  padding: 0 2rem;
}

.tab-sec.write-form tr td {
  padding: 2rem 0;
}

.tb-footer {
  text-align: center;
  width: 100%;
}

.tb-footer .btn-send {
  width: 50%;
  margin-top: 2rem;
}

.write-form table {
  border: 1px solid #d1d5db;
}

#tab-4 .tab-tit a {
  margin-left: 2rem;
  color: #d1d5db;
  font-weight: 500;
  font-size: 1.4rem;
  position: relative;
}

#tab-4 .tab-tit a::after {
  position: absolute;
  left: -1rem;
  top: 15%;
  bottom: 15%;
  width: 2px;
  height: 70%;
  content: '';
  background-color: #d1d5db;
}

/* 대관공지 */
.usenotice_wp li {
  width: 100%;
}

.usenotice_wp li:nth-child(odd) {
  background-color: #FAFAFA;
}

.usenotice_wp li:hover,
.usenotice_wp li:active {
  background: #FAFAFA;
}

.usenotice_wp a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.usenotice_wp .date {
  margin-left: 1rem;
  width: 100px;
}

.usenotice_wp .user_name {
  width: 100px;
}

.usenotice_wp .num {
  width: 100px;
}

.usenotice_txt {
  flex: 1;
  text-align: center;
}

.usenotice_txt.lock {
  padding-right: 2rem;
  background: url(../images/ic-lock.png) right center no-repeat;
  background-size: 1rem;
}

.usenotice_top_header,
.usenotice_top_header:hover,
.usenotice_top_header:active {
  background: #FAFAFA !important;
  padding: 1rem 0;
  font-weight: 500;
  border-bottom: 1px solid #1a2332;
}

.usenotice_top_header a {
  cursor: default;
}

.usenotice_list {
  height: 100%;
  background: #fff;
}

.usenotice_list a {
  cursor: default;
}

.usenotice_list:hover .qna_txt,
.usenotice_list:active .qna_txt {
  font-weight: 400;
}

.usenotice_list:hover,
.usenotice_list:active {
  background: #FFF !important;
}

.usenotice_list:hover .notice_txt,
.usenotice_list:active .notice_txt {
  color: #1a2332 !important;
}

.usenotice-sec h1 {
  font-size: 1.2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #1a2332;
}

.usenotice-sec h1 span {
  font-weight: 500;
  font-size: 2rem;
  margin-right: 1rem;
}

.usenotice_wp {
  display: flex;
  width: 100%;
  flex-direction: column;
  text-align: center;
}

.usenotice-answer {
  padding: 2rem 1rem;
  background-color: #FFF;
  margin-top: 2rem;
  border-radius: 3px;
}

.usenotice_wp .tit:first-child {
  margin-top: 16px;
  border-top: 1px solid #d1d5db;
}

.usenotice_wp .tit {
  position: relative;
  padding: 1rem 0;
  cursor: pointer;
  font-size: 14px;
  border-bottom: 1px solid #d1d5db;
  font-size: 1.2rem;
}

.usenotice_wp .tit span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.usenotice_wp .tit.on .review_txt {
  font-weight: bold;
  color: var(--primary-color);
}

/* 대관일정 */
.useyear-calendar {
  border: 1px solid #d1d5db;
  margin-top: 4rem;
}

.cal-header {
  background-color: #FAFAFA;
  color: #1a2332;
  height: 55px;
  border-bottom: 1px solid #1a2332;
}

.cal-header li {
  float: left;
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center;
  line-height: 55px;
}

.cal-header li:nth-child(1) {
  width: 15%;
}

.cal-header li:nth-child(2) {
  width: 10%;
}

.cal-header li:nth-child(3) {
  width: 15%;
}

.cal-header li:nth-child(4) {
  width: 60%;
}

.cal-list {
  font-size: 1rem;
}

.cal-list dt {
  width: 15%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #FAFAFA;
  text-align: center;
  z-index: 5;
  border-right: 1px solid #d1d5db;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cal-list-month h1 {
  font-weight: 700;
  font-size: 2rem;
  color: #1a2332;
  line-height: 1.0;
}

.cal-list dd {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid #d1d5db;
  position: relative;
}

.cal-list dd::before {
  content: '';
  float: left;
  display: block;
  width: 15%;
}

.cal-list dd:last-child {
  border-bottom: none;
}

.cal-list dl {
  position: relative;
}

.cal-list dd .date {
  width: 10%;
  text-align: center;
}

.cal-list dd .sort {
  width: 15%;
  text-align: center;
}

.cal-list dd .tit {
  width: 60%;
  text-align: center;
}

.cal-list dd p {
  min-height: 65px;
  border-right: 1px solid #d1d5db;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}

.cal-list dd p:last-child {
  border-right: none;
}

.cal-list dd .con-flag {
  margin-right: 0;
  font-size: 1rem;
  border-radius: 30px;
  letter-spacing: .4rem;
  padding-left: 1rem;
}

.cal-list li {
  border-bottom: 1px solid #1a2332;
}

.cal-list li:last-child {
  border-bottom: none;
}

.cal-list dl {
  min-height: 65px;
}

.frh-use .list-ctr-top .ctr-top-lt {
  font-size: 2.4rem;
}

/* 공지사항 */
.notice_wp li {
  width: 100%;
}

.notice_wp li:nth-child(odd) {
  background-color: #FAFAFA;
}

.notice_wp li:hover,
.notice_wp li:active {
  background: #FAFAFA;
}

.notice_wp a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.notice_wp .date {
  margin-left: 1rem;
  width: 100px;
}

.tit .date {
  color: #9ca3af;
  font-weight: 300;
}

.notice_wp .user_name {
  width: 100px;
}

.notice_wp .num {
  width: 100px;
  margin-right: 1rem;
}

.notice_txt {
  flex: 1;
}

.notice_txt.lock {
  padding-right: 2rem;
  background: url(../images/ic-lock.png) right center no-repeat;
  background-size: 1rem;
}

.notice_top_header,
.notice_top_header:hover,
.notice_top_header:active {
  font-size: 1.2rem;
  background: #FFF !important;
  color: var(--primary-color);
  padding: 1rem 0;
  font-weight: 700;
  border: 1px solid #1a2332;
  border-left: none;
  border-right: none;
}

.notice_top_header a {
  cursor: default;
}

.notice_list {
  height: 100%;
  background: #fff;
}

.notice_list a {
  cursor: default;
}

.notice_list .notice_txt {
  text-align: center !important;
}

.notice_list:hover .qna_txt,
.notice_list:active .qna_txt {
  font-weight: 400;
}

.notice_list:hover {
  background: #FFF !important;
}

.notice_list:hover .notice_txt,
.notice_list:active .notice_txt {
  color: #1a2332 !important;
}

.notice-sec h1 {
  font-size: 1.2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #1a2332;
}

.notice-sec h1 span {
  font-weight: 500;
  font-size: 2rem;
  margin-right: 1rem;
}

.notice_wp {
  display: flex;
  width: 100%;
  flex-direction: column;
  text-align: center;
}

.notice_wp .tit:first-child {
  margin-top: 16px;
  border-top: 1px solid #d1d5db;
}

.notice_wp .tit {
  position: relative;
  padding: 1rem 0;
  cursor: pointer;
  font-size: 1.2rem;
  border-bottom: 1px solid #d1d5db;
}

.notice_wp .tit span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notice_wp li:hover .notice_txt,
.notice_wp li:active .notice_txt {
  color: var(--primary-color);
}

.notice_wp .tit .notice_txt {
  text-align: left;
}

.notice-flag {
  background-color: var(--primary-color);
  color: #FFF;
  margin: 0 auto;
  width: 50px;
}

.notice-list-wp {
  margin-top: 5rem;
}

.notice-list-wp .list-control {
  padding: 2rem 0;
  border: none;
  background: #FFF;
}

.notice-list-wp .list-filter {
  width: 50%;
  text-align: left;
  border: none;
  padding: 0;
}

/* fap */
.fap_wp li {
  width: 100%;
}

.fap_wp li:hover,
.fap_wp li:active {
  background: #FAFAFA;
}

.fap_wp a {
  width: 100%;
  height: 100%;
}

.fap_txt {
  padding-left: 100px;
  position: relative;
  min-height: 40px;
}

.fap_txt:after {
  content: 'Q';
  font-weight: 700;
  color: var(--primary-color);
  border-radius: 100%;
  font-size: 2.4rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  text-align: center;
  position: absolute;
}

.fap_top_header a {
  cursor: default;
}

.fap_list {
  height: 100%;
  background: #fff;
}

.fap_list:hover .fap_txt,
.fap_list:active .fap_txt {
  font-weight: 400;
}

.fap_wp {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.fap-answer {
  padding: 2rem 1rem;
  background-color: #FFF;
  margin-top: 2rem;
  border-radius: 3px;
}

.fapwer-flag {
  padding: .3rem .6rem;
  border-radius: 3px;
  font-size: 1.1rem;
  font-weight: 400;
  color: #FFF;
  margin-right: .5rem;
  background-color: #8a8573;
}

.fap_wp .tit:first-child {
  margin-top: 16px;
  border-top: 1px solid #d1d5db;
}

.fap_wp .tit {
  position: relative;
  padding: 1rem 0;
  cursor: pointer;
  border: 1px solid #d1d5db;
  border-top-width: 0;
  font-size: 1.2rem;
  line-height: 40px;
  font-weight: 500;
  min-height: 70px;
}

.fap_wp .tit span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qna_list {
  font-size: 1rem !important;
  font-weight: normal !important;
  border: none !important;
}

.fap_wp .tit.on {
  color: var(--primary-color);
  background: #FAFAFA;
  border: 1px solid #1a2332;
  border-bottom: 1px solid #d1d5db;
  font-weight: 700;
}

.fap_wp .maintxt {
  border: 1px solid #1a2332;
  border-top: 0;
  padding-left: 100px;
  position: relative;
  font-size: 1.2rem;
}

.fap_wp .maintxt:after {
  content: 'A';
  font-weight: 700;
  color: var(--secondery-color);
  border-radius: 100%;
  font-size: 2.4rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  text-align: center;
  position: absolute;
}

.qna-list-wp .tab-sec {
  padding: 0;
  border: none !important;
}

.qna-list-wp {
  margin-top: 5rem;
}

.faq-tit {
  font-size: 1.6rem;
  padding-bottom: 1rem;
  color: #1a2332;
  font-weight: 700;
  letter-spacing: .04rem;
  margin-top: 4rem;
}

.faq-tit:first-child {
  margin-top: 0;
}

.faq-tit span {
  margin-right: 1rem;
  color: #d1d5db;
  font-weight: 500;
  font-style: italic;
}

.qna-btnbox {
  text-align: right;
  padding: 2rem 0 0 0;
}

.qna-btnbox .btn {
  font-size: 1rem;
}

.qna-footer {
  padding: 2rem 0;
  text-align: right;
  position: relative;
  font-size: 1rem;
}

.qna-list-wp .qna-sec h1 {
  font-size: 1.6rem;
  padding-bottom: 1rem;
  color: #1a2332;
  font-weight: 700;
  letter-spacing: .04rem;
}

.qna-list-wp .qna-sec h1 span {
  margin-right: 1rem;
  color: #d1d5db;
  font-weight: 500;
  font-style: italic;
  font-size: 1.6rem;
}

.qna-list-wp .qna_wp .tit {
  font-size: 1.2rem;
}

.qna-list-wp .maintxt {
  font-size: 1.2rem;
}

/* 보드 */
.board-box {
  padding: 1rem 0;
  border-bottom: 1px solid #d1d5db;
}

.board-tit {
  font-size: 2rem;
  text-align: center;
  border-top: 1px solid #1a2332;
  padding: 2rem 0;
}

.board-date,
.board-user,
.board-view {
  width: auto;
  display: inline-block;
  padding: 0 1rem;
  position: relative;
  font-size: 1rem;
}

.board-date {
  padding-left: 0;
}

.board-view {
  padding-right: 0;
}

.board-date span,
.board-user span,
.board-view span,
.board-file span {
  font-weight: 500;
}

.board-date:after,
.board-user:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 0.7rem;
  background: #d1d5db;
}

.board-box .btn-share {
  width: auto;
  padding-left: 34px;
  display: inline-block;
  height: 21px;
  float: right;
  background: url(../images/ic-shareboldg.png) 10px center no-repeat !important;
  background-size: 17px !important;
}

.board-box .btn-share:hover,
.board-box .btn-share:active {
  opacity: 1;
}

.board-box .btn-share .share-list {
  width: 120px;
  ;
}

.board-file {
  width: auto;
  display: inline-block;
  font-size: 1rem;
}

.board-file .download-name {
  background: url(../images/ic-downloadg.png) right center no-repeat;
  background-size: 23px;
  padding-right: 2rem;
  cursor: pointer;
}

.board-detail {
  padding: 2rem 0;
  font-weight: initial;
  font-size: initial;
  font-style: initial;
  font-family: initial;
  word-wrap: break-word;
}

.board-pnlist li {
  padding: 1rem 2rem 1rem 3rem;
  border: 1px solid #d1d5db;
  border-left: none;
  border-right: none;
  display: flex;
}

.board-pnlist li:first-child {
  border-bottom: none;
  background: url(../images/ic-up.png) 10px center no-repeat;
  background-size: 17px;
}

.board-pnlist li:last-child {
  background: url(../images/ic-down.png) 10px center no-repeat;
  background-size: 17px;
}

.board-pnlist li a {
  margin-left: 5rem;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-none {
  color: #6b7280;
  cursor: default;
}

.board-footer {
  padding: 4rem 0;
  text-align: center;
  position: relative;
  font-size: 1rem;
}

.btn-list {
  background-color: var(--primary-color) !important;
  color: #FFF;
  width: 120px;
}

.btn-edit {
  border: 1px solid #d1d5d1;
  background-color: #FFF !important;
  width: 120px;
}

.btn-remove {
  border: 1px solid #d1d5d1;
  background-color: #FFF !important;
  width: 120px;
}

.btn-edit:hover,
.btn-remove:hover,
.btn-edit:active,
.btn-remove:active {
  background-color: #d1d5db !important;
}

.admin-btnbox {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.btn-write {
  background-color: var(--primary-color) !important;
  color: #FFF;
  width: 120px;
}

.list-footer {
  text-align: center;
  position: relative;
  font-size: 1rem;
  padding: 4rem 0;
}

.write-wp {
  display: flex;
  flex-wrap: wrap;
}

.write-wp .board-col {
  padding-top: 2rem;
}

.write-wp .board-col .write-tit {
  font-weight: 500;
  font-size: 1.2rem;
  cursor: default;
  margin-right: 2rem;
  margin-bottom: .5rem;
  display: flex;
  align-items: center;
}

.write-wp div {
  width: 100%;
}

.write-wp .board-col div {
  width: 100%;
}

.write-wp .board-col input {
  width: 100%;
}

.write-wp .board-col2 {
  padding-top: 2rem;
  width: calc(50% - 1rem);
  margin-right: 2rem;
}

.write-wp .board-col2:nth-child(even) {
  margin-right: 0;
}

.write-wp .board-col2 .write-tit {
  font-weight: 500;
  font-size: 1.2rem;
  cursor: default;
  margin-right: 2rem;
  margin-bottom: .5rem;
  display: flex;
  align-items: center;
}

.write-wp .board-col2 input {
  width: 100%;
}

.write-wp .btn-write {
  background-color: var(--primary-color) !important;
  color: #FFF;
  width: 240px;
  margin: 0 auto;
}

.write-wp .btn-cancel {
  background-color: #d1d5db !important;
  border-color: #d1d5db;
  width: 120px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.write-wp .board-col .checkbox-inline input {
  width: 1rem;
  margin-top: -2px;
}

.fileupload-wp input {
  padding: 5px .75rem;
}

.fileupload-wp label {
  background: url(../images/ic-file.png) left center no-repeat;
  background-size: 15px;
  padding-left: 20px;
}

.linkupload-wp label {
  background: url(../images/ic-link.png) left center no-repeat;
  background-size: 15px;
  padding-left: 20px;
}

/* 글쓰기 */
.write-wp {
  display: flex;
  flex-wrap: wrap;
}

.write-wp .board-col {
  padding-top: 2rem;
}

.write-wp .board-col .write-tit {
  font-weight: 500;
  font-size: 1.2rem;
  cursor: default;
  margin-right: 2rem;
  margin-bottom: .5rem;
  display: flex;
  align-items: center;
}

.write-wp div {
  width: 100%;
}

.write-wp .board-col div {
  width: 100%;
}

.write-wp .board-col input {
  width: 100%;
}

.write-wp .board-col2 {
  padding-top: 2rem;
  width: calc(50% - 1rem);
  margin-right: 2rem;
}

.write-wp .board-col2:nth-child(even) {
  margin-right: 0;
}

.write-wp .board-col2 .write-tit {
  font-weight: 500;
  font-size: 1.2rem;
  cursor: default;
  margin-right: 2rem;
  margin-bottom: .5rem;
  display: flex;
  align-items: center;
}

.write-wp .board-col2 input {
  width: 100%;
}

.write-wp .btn-write {
  background-color: var(--primary-color) !important;
  color: #FFF;
  width: 240px;
  margin: 0 auto;
}

.write-wp .btn-cancel {
  background-color: #d1d5db !important;
  border-color: #d1d5db;
  width: 120px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.write-wp .board-col .checkbox-inline input {
  width: 1rem;
  margin-top: -2px;
}

.fileupload-wp input {
  padding: 5px .75rem;
}

.fileupload-wp label {
  background: url(../images/ic-file.png) left center no-repeat;
  background-size: 15px;
  padding-left: 20px;
}

.linkupload-wp label {
  background: url(../images/ic-link.png) left center no-repeat;
  background-size: 15px;
  padding-left: 20px;
}

.form-control.dhtmleditor {
  height: 50vh;
}

/* 작성완료 페이지 */
.completed-wp {
  max-width: 1200px;
  margin: 0 auto;
  padding: 120px 0 90px 0;
  height: calc(100% - 49px);
  display: flex;
  align-items: center;
}

.completed-box {
  text-align: center;
  width: 100%;
  padding: 10rem 0 3rem;
  font-size: 1.2rem;
  background: url(../images/ic-completed.png) top center no-repeat;
  background-size: 8rem;
  font-weight: 500;
  margin-top: 3rem;
}

.btn-completed {
  width: 120px;
  background: var(--primary-color) !important;
  color: #FFF;
}

.completed-box h1 {
  font-size: 2rem;
}

.completed-box p {
  color: #6b7280;
}

/* 404 페이지 */
.notfound-wp {
  max-width: 1200px;
  margin: 0 auto;
  padding: 120px 0 90px 0;
  height: calc(100% - 49px);
  display: flex;
  align-items: center;
}

.notfound-box {
  text-align: center;
  width: 100%;
  padding: 18rem 0 3rem;
  font-size: 1.2rem;
  background: url(../images/ic-notfound.png) top center no-repeat;
  background-size: 18rem;
  font-weight: 500;
  margin-top: 3rem;
}

.btn-completed {
  width: 120px;
  background: var(--primary-color) !important;
  color: #FFF;
}

.completed-box h1 {
  font-size: 2rem;
}

.completed-box p {
  color: #6b7280;
}

/* 로그인 */
.login-wp {
  margin: 0 auto;
  padding: 120px 0 90px 0;
  min-height: calc(100% - 90px);
  display: flex;
  align-items: center;
  background-color: #FAFAFA;
  justify-content: center;
}

.login-box {
  text-align: center;
  width: 360px;
  font-size: 1.2rem;
  margin-top: 3rem;
}

.btn-login {
  width: 100%;
  background: var(--primary-color) !important;
  color: #FFF;
  height: 50px;
}

.login-box h1 {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: .5rem;
}

.login-box p {
  color: #6b7280;
}

.login-box .login-input,
.login-box .password-input {
  height: 50px;
}

.login-box .form-box {
  font-size: 1rem;
  padding: 0;
  margin-bottom: 2rem;
}

.btn-googlelogin,
.btn-kakaologin,
.btn-naverlogin {
  width: 100%;
  height: 50px;
  font-weight: 500;
  text-align: right;
  padding-right: 1rem;
  font-size: 1rem;
  transition-duration: 0.25s;
}

.btn-googlelogin {
  border: 1px solid #ea4335;
  background: url(../images/ic-googlelogored.png) 1rem center no-repeat #FFF !important;
  background-size: 4rem !important;
}

.btn-googlelogin:hover,
.btn-googlelogin:active {
  font-weight: 700;
  background: url(../images/ic-googlelogowhite.png) 1rem center no-repeat #ea4335 !important;
  background-size: 4rem !important;
  opacity: 1;
  color: #FFF;
}

.btn-kakaologin {
  border: 1px solid #FEE500;
  background: url(../images/ic-kakaologo.png) 1rem center no-repeat #FFF !important;
  background-size: 4rem !important;
}

.btn-kakaologin:hover,
.btn-kakaologin:active {
  font-weight: 700;
  background: url(../images/ic-kakaologowhite.png) 1rem center no-repeat #FEE500 !important;
  background-size: 4rem !important;
  opacity: 1;
}

.btn-naverlogin {
  border: 1px solid #1BCC21;
  background: url(../images/ic-naverlogo.png) 1rem center no-repeat #FFF !important;
  background-size: 4rem !important;
}

.btn-naverlogin:hover,
.btn-naverlogin:active {
  font-weight: 700;
  background: url(../images/ic-naverlogowhite.png) 1rem center no-repeat #1BCC21 !important;
  background-size: 4rem !important;
  opacity: 1;
}

.login-findwp {
  height: 50px;
  padding: 15px 0;
  font-size: 1rem;
  display: flex;
  border-bottom: 1px solid #d1d5db;
}

.login-findwp a {
  width: 33.3%;
  position: relative;
}

.login-findwp a:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 0.7rem;
  width: 1px;
  background: #d1d5db;
}

.login-findwp a:last-child::after {
  display: none;
}

.blackline {
  width: 100%;
  height: 1px;
  background-color: #d1d5d1;
}

.register-wp input {
  border: 1px solid var(--primary-color) !important;
}

.alert-txtbox {
  padding: 2rem;
  background: #FFF;
  border-radius: 5px;
  border: 1px solid #d1d5db;
}

/* 개인정보처리방침 이용약관 */
.privatepolicy-box p {
  font-size: 1.2rem;
}

.privatepolicy-box b {
  margin: 2rem 0 1rem 0;
  font-size: 1.4rem;
  display: block;
}

/* 오푸스라움 */
.opus-box-img {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 6rem;
  position: relative;
}

.opus-box-img:before {
  position: absolute;
  left: 50%;
  top: -3rem;
  transform: translateX(-50%);
  content: 'FRANZCLASSIC X GRYARD';
  width: 300px;
  font-size: 1.4rem;
  font-family: 'GmarketSansMedium';
  letter-spacing: -0.025rem;
}

.opus-box-img1 {
  background: url(../images/opusraum/gryard.jpg) center center no-repeat;
  background-size: cover;
  width: 50%;
  padding-top: 50%;
  position: relative;
}

.opus-box-img1::after {
  position: absolute;
  left: -160px;
  top: 50%;
  transform: translateY(-50%);
  content: 'FRANZCLASSIC X GRYARD';
  rotate: -90deg;
  width: 300px;
  font-size: 1.4rem;
  font-family: 'GmarketSansMedium';
  letter-spacing: -0.025rem;
}

.opus-box-img2 {
  background: url(../images/opusraum/opusraum.jpg) center center no-repeat;
  background-size: cover;
  width: 50%;
  padding-top: 50%;
  position: relative;
}

.opus-box-img2::after {
  position: absolute;
  right: -160px;
  top: 50%;
  transform: translateY(-50%);
  content: 'FRANZCLASSIC X GRYARD';
  rotate: 90deg;
  width: 300px;
  font-size: 1.4rem;
  font-family: 'GmarketSansMedium';
  letter-spacing: -0.025rem;
}

.opus-box-img3 {
  background: url(../images/opusraum/franzgryard.png) center center no-repeat;
  background-size: contain;
  width: 50%;
  margin: 6rem 25% 0 25%;
  padding-top: 20%;
}

.opus-box-img4 {
  background: url(../images/opusraum/opusraum-logo.png) center center no-repeat;
  background-size: contain;
  width: 50%;
  margin: 0 25% 0 25%;
  padding-top: 20%;
}

.opus-txt {
  text-align: center;
  width: 100%;
  position: relative;
  padding: 4rem 0;
}

.opus-txt::before {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 50%;
  height: 4px;
  content: '';
  background: #1a2332;
}

.opus-txt::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 50%;
  height: 4px;
  content: '';
  background: #1a2332;
}

.opus-txt p {
  width: 100%;
  margin-bottom: 1rem;
  line-height: 2.0;
  font-size: 1.4rem;
  letter-spacing: -.04rem;
}

.opus-txt p span {
  color: #1a2332;
}

.opus-txt h1 {
  width: 100%;
  font-weight: 500;
  font-size: 2.2rem;
  color: #1a2332;
}

.opusslide-wp {
  width: 100%;
  margin: 12rem 0;
}

.opusslide-wp .swiper {
  height: 500px;
}

.opusslide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: var(--primary-color);
}

/* 프란츠스튜디오 */
.studiobg01,
.studiobg02,
.studiobg03,
.studiobg04 {
  width: 50%;
  height: 80vh;
}

.studiobg01 {
  background: url(../images/franzstudio/fs_07.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.studiobg02 {
  background: url(../images/franzstudio/fs_02.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.studiobg03 {
  background: url(../images/franzstudio/fs_11.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.studiobg04 {
  background: url(../images/franzstudio/fs_08.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.studiotxt01,
.studiotxt02,
.studiotxt03,
.studiotxt04 {
  width: 50%;
  height: 80vh;
  display: flex;
  align-items: center;
}

.studiotxt01 p,
.studiotxt02 p,
.studiotxt03 p,
.studiotxt04 p {
  font-size: 1.8rem;
  padding: 2rem 2rem 2rem 0rem;
  line-height: 2.0;
  width: 100%;
  letter-spacing: -0.025rem;
  font-weight: 500;
  text-align: right;
}

.studiotxt02 p,
.studiotxt04 p {
  text-align: left;
  padding: 2rem 0 2rem 2rem;
}

.studio-use .list-tab li.active {
  background: var(--primary-color);
  color: #FFF;
  border-color: var(--primary-color);
}

.studio-use .list-tab li {
  border-bottom: none;
}

.studio-use .tab-content.active {
  border-top: 1px solid var(--primary-color);
}

.btn-naver-reserv,
.btn-kakao-reserv {
  width: calc(50% - 1rem);
  height: 50px;
  font-weight: 500;
  text-align: center;
  padding-right: 1rem;
  font-size: 1.2rem;
  transition-duration: 0.25s;
}

.btn-naver-reserv {
  border: 2px solid #1BCC21;
  background: url(../images/ic-naverlogowhite.png) 1rem center no-repeat #1BCC21 !important;
  background-size: 4rem !important;
  font-weight: 500;
  margin-right: .5rem;
  color: #FFF;
}

.btn-naver-reserv:hover,
.btn-naver-reserv:active {
  background: url(../images/ic-naverlogo.png) 1rem center no-repeat #FFF !important;
  background-size: 4rem !important;
  color: #1a2332;
}

.btn-kakao-reserv {
  border: 2px solid #FEE500;
  background: url(../images/ic-kakaologowhite.png) 1rem center no-repeat #FEE500 !important;
  background-size: 4rem !important;
  font-weight: 500;
  margin-left: .5rem;
  color: #1a2332;
}

.btn-kakao-reserv:hover,
.btn-kakao-reserv:active {
  background: url(../images/ic-kakaologo.png) 1rem center no-repeat #FFF !important;
  background-size: 4rem !important;
  color: #1a2332;
}

.reserv-btn-wp {
  display: flex;
  justify-content: space-between;
}

.studio-use .tab-sec {
  border-bottom: none !important;
}

.slide01-wp .swiper {
  height: 500px;
}

.slide02-wp .swiper {
  height: 500px;
}

.slide03-wp .swiper {
  height: 500px;
}

/* 모달 기본 */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}

.modal.show {
  display: block;
}

.modal_body {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  text-align: center;
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  transform: translateX(-50%) translateY(-50%);
  z-index: 9999;
}

.btn-modal-close {
  position: absolute;
  width: 36px;
  height: 36px;
  background: url(../images/ic-close.png) center center no-repeat !important;
  background-size: 18px !important;
  right: 1rem;
  top: 1rem;
}

/* 좌석선택 */
.seat-modal .modal_body {
  width: 1200px;
  height: 660px;
  display: flex;
  flex-wrap: wrap;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.seat-modal .seat-box {
  width: 600px;
  height: 600px;
  margin: 25px;
  margin-top: 35px;
}

.seat-modal .seat-info {
  width: calc(100% - 650px);
  height: 600px;
  padding: 0;
  margin: 25px 0;
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.frnazhall-seat {
  background: url(../images/seat/st-franzhall.png) center center no-repeat;
  background-size: contain;
}

.frnazhall-seat .seat {
  width: 35px;
  height: 35px;
  margin-right: 3px;
  color: #1a2332;
  border: 1px solid #b1cbcd;
  background: #b1cbcd;
  text-align: center;
  line-height: 33px;
  font-weight: 500;
  font-size: 1.2rem;
  cursor: pointer;
  box-sizing: border-box;
}

.frnazhall-seat .seat:hover,
.frnazhall-seat .seat:active,
.frnazhall-seat .seat:focus {
  background-color: #222;
  border-color: #222;
  color: #FFF;
}

.frnazhall-seat .seat:last-child {
  margin-right: 0;
}

.seat:nth-child(5) {
  margin-right: 0;
}

.frnazhall-seat .seat-col {
  width: 100%;
  margin-top: 6px;
}

.frnazhall-seat .seat-col:first-child {
  margin-top: 0;
}

.frnazhall-seat .seat-col li {
  float: left;
}

.frnazhall-seat .seat-col li:last-child:after {
  content: '';
  clear: both;
}

.frnazhall-seat .seat-tbl {
  width: 434px;
  height: 321px;
  margin: 0 auto;
  margin-top: 155px;
  margin-left: 95px;
  display: flex;
  flex-wrap: wrap;
}

.opus-seat {
  background: url(../images/seat/st-opusraum.png) center center no-repeat;
  background-size: contain;
}

.opus-seat .seat-tbl {
  width: 387px;
  height: 272px;
  margin: 0 auto;
  margin-top: 204px;
  margin-left: 133px;
  display: flex;
  flex-wrap: wrap;
}

.opus-seat .seat {
  width: 47px;
  height: 47px;
  margin-right: 6px;
  color: #1a2332;
  border: 1px solid #b1cbcd;
  background: #b1cbcd;
  text-align: center;
  line-height: 47px;
  font-weight: 500;
  font-size: 1.2rem;
  cursor: pointer;
  box-sizing: border-box;
}

.opus-seat .seat:hover,
.opus-seat .seat:active,
.opus-seat .seat:focus {
  background-color: #222;
  border-color: #222;
  color: #FFF;
}

.opus-seat .seat:last-child {
  margin-right: 0;
}

.opus-seat .seat:nth-child(3) {
  margin-right: 0;
}

.opus-seat .seat-col {
  width: 100%;
  margin-top: 6px;
}

.opus-seat .seat-col:first-child {
  margin-top: 0;
}

.opus-seat .seat-col li {
  float: left;
}

.opus-seat .seat-col li:last-child:after {
  content: '';
  clear: both;
}

.opus-seat .seat.emp {
  width: 24px;
  margin-right: 0;
  border: 1px solid #FFF;
  cursor: default;
  background: #FFF;
}

.opus-seat .seat.emp:hover,
.seat.emp:active,
.seat.emp:focus {
  background-color: #FFF;
  border-color: #FFF;
}

.seat.emp {
  width: 58px;
  margin-right: 0;
  border: 1px solid #FFF;
  cursor: default;
  background: #FFF;
}

.seat.emp:hover,
.seat.emp:active,
.seat.emp:focus {
  background-color: #FFF;
  border-color: #FFF;
}

.seat.emp2 {
  border: 1px solid #FFF;
  cursor: default;
  background: #FFF;
}

.seat.emp2:hover,
.seat.emp:active,
.seat.emp:focus {
  background-color: #FFF;
  border-color: #FFF;
}

.seat.active {
  background-color: #222;
  border-color: #222;
  color: #FFF;
}

.seat.selected {
  background-color: #d1d5db;
  border-color: #d1d5db;
  cursor: default;
  color: #999;
}

.seat.selected:hover,
.seat.selected:active,
.seat.selected:focus {
  background-color: #d1d5db;
  border-color: #d1d5db;
  color: #999;
}

.seat-info-tit {
  font-size: 1.4rem;
  font-weight: 500;
  padding-bottom: .5rem;
}

.con-name {
  padding: 1rem 2rem 1rem 1rem;
  width: 100%;
  text-align: left;
  font-size: 2rem;
  font-weight: 500;
}

.seat-name,
.seat-count,
.seat-price {
  padding: 1rem 2rem 1rem 1rem;
  width: 100%;
}

.seat-name .seat-info-box p {
  display: inline-block;
  margin-right: 1rem;
}

.seat-info-btn {
  margin: 2rem 0 1.4rem 0;
  padding: 1rem 2rem 1rem 1rem;
}

.bnt-reset {
  background-color: #d1d5db !important;
  border-color: #d1d5db;
  font-size: 1.2rem;
  height: 40px;
  width: calc(30% - 2rem);
  float: left;
}

.btn-seatnext {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color);
  color: #FFF;
  font-size: 1.2rem;
  height: 40px;
  width: 70%;
  margin-left: 2rem;
  float: left;
}

.seat-info-box {
  background: #FAFAFA;
  padding: 1rem;
}

.seat-info-box span {
  color: var(--primary-color);
  margin: 0 .2rem;
}

.seat-price span {
  font-weight: 500;
  font-size: 1.6rem;
  margin-left: 1rem;
}

.seat-name .seat-info-box p:first-child span {
  margin-left: 0;
}

.seat-count span {
  margin-left: .5rem;
}

/* 리뷰글쓰기 */
.btn-cancel {
  background-color: #d1d5db !important;
  border-color: #d1d5db;
  width: 120px;
}

.write-modal .modal_body {
  width: 768px;
  height: auto;
}

.write-modal .modal-header {
  padding: 1rem 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
}

.write-modal .btn-modal-close {
  top: 1rem;
  right: 1.5rem;
}

.write-modal .modal-tit {
  font-size: 1.6rem;
  font-weight: 500;
  height: 36px;
  line-height: 36px;
  text-align: left;
}

.write-modal .modal-section td {
  padding: 0 2rem 2rem 2rem;
}

.write-modal table {
  width: 100%;
}

.write-modal .modal-section tr td:first-child {
  padding-right: .5rem;
  text-align: left;
  font-weight: 500;
  width: 15%;
}

.write-modal .modal-section tr td:last-child {
  padding-left: .5rem;
  width: 85%;
}

.write-modal .modal-section tr td textarea {
  height: 25vh;
  background-color: #FFF;
}

.write-modal .modal-section tr td [type='text'] {
  background-color: #FFF;
}

.write-modal .modal-section tr td [type='file'] {
  padding: 5.5px 0;
  border: none !important;
}

.write-modal .modal-footer {
  padding: 1.5rem 2rem;
  display: flex;
  border-top: 1px solid #eee;
  box-sizing: border-box;
}

.write-modal .btn-cancel {
  width: 15%;
  margin-left: 50%;
}

.write-modal .btn-write {
  width: 32%;
  margin-left: 3%;
}

.reviewimg-thumlist {
  padding: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  overflow-y: hidden;
  max-width: 610px;
  text-align: left;
}

.reviewimg-thum {
  width: 48px;
  height: 48px;
  background: #DDD;
  display: inline-block;
  margin-right: 1rem;
  position: relative;
  background-size: cover;
  border: 1px solid #d1d5db;
}

.thum-close {
  position: absolute;
  top: -1px;
  right: -1px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/ic-close.png) center center no-repeat rgba(255, 255, 255, .57);
  background-size: 9px;
}

/* 스크롤바 설정*/
.reviewimg-thumlist::-webkit-scrollbar {
  height: 6px;
}

/* 스크롤바 막대 설정*/
.reviewimg-thumlist::-webkit-scrollbar-thumb {
  height: 7%;
  background-color: #d1d5db;
  border-radius: 10px;
}

/* 스크롤바 뒷 배경 설정*/
.reviewimg-thumlist::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

/* 문의글쓰기 */
.qnawrite-modal .modal_body {
  width: 768px;
  height: auto;
}

.qnawrite-modal .modal-header {
  padding: 1rem 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
}

.qnawrite-modal .btn-modal-close {
  top: 1rem;
  right: 1.5rem;
}

.qnawrite-modal .modal-tit {
  font-size: 1.6rem;
  font-weight: 500;
  height: 36px;
  line-height: 36px;
  text-align: left;
}

.qnawrite-modal .modal-section td {
  padding: 0 2rem 2rem 2rem;
}

.qnawrite-modal table {
  width: 100%;
}

.qnawrite-modal .modal-section tr td:first-child {
  padding-right: .5rem;
  text-align: left;
  font-weight: 500;
  width: 15%;
}

.qnawrite-modal .modal-section tr td:last-child {
  padding-left: .5rem;
  width: 85%;
}

.qnawrite-modal .modal-section tr td textarea {
  height: 25vh;
}

.qnawrite-modal .modal-section tr td [type='file'] {
  padding: 5.5px 0;
  border: none !important;
}

.qnawrite-modal .modal-footer {
  padding: 2rem;
  display: flex;
  border-top: 1px solid #eee;
  box-sizing: border-box;
}

.qnawrite-modal .btn-cancel {
  width: 15%;
  margin-left: 50%;
}

.qnawrite-modal .btn-write {
  width: 32%;
  margin-left: 3%;
}

/* 이용약관동의 */
.pr-modal .modal_body {
  width: 768px;
  height: auto;
  padding: 2rem 2rem 0 2rem;
}

.pr-modal .btn-done {
  width: 32%;
  background-color: var(--primary-color) !important;
  color: #FFF;
  margin: 0 auto;
}

.pr-modal h1 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  letter-spacing: 0;
  font-weight: 500;
}

.pr-modal p {
  letter-spacing: -.05rem;
  border: 1px solid #d1d5db;
  padding: 1rem;
  margin-bottom: 2rem;
  text-align: left;
  font-size: .9rem;
  max-height: 20vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.pr-modal .modal-footer {
  padding: 2rem 0 2rem 2rem;
  display: flex;
  border-top: 1px solid #eee;
  box-sizing: border-box;
}

.btn-open-pr {
  cursor: pointer;
}

/* 완료모달 */
.completed-modal .btn-done {
  width: 32%;
  background-color: var(--primary-color) !important;
  color: #FFF;
  margin: 0 auto;
}

.completed-modal .modal_body {
  text-align: center;
  padding: 12rem 0 3rem;
  font-size: 1.2rem;
  background: url(../images/ic-completed.png) center 3rem no-repeat #FFF;
  background-size: 8rem;
  font-weight: 500;
  width: 360px;
  height: 360px;
}

.completed-modal h1 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  letter-spacing: 0;
  font-weight: 500;
}

.completed-modal p {
  margin-bottom: 2rem;
}

/* 마이페이지 */
.mypage-wp {
  margin-top: 5rem;
  display: flex;
}

.mypage-snb-wp {
  width: 200px;
}

.mypage-snb-wp li {
  width: 100%;
  border: 1px solid #d1d5db;
  border-bottom-width: 0;
  background: #FAFAFA;
  text-align: center;
  font-weight: 500;
  font-size: 1.2rem;
  cursor: pointer;
  transition-duration: 0.25s;
  float: left;
}

.mypage-snb-wp li:last-child {
  border-bottom-width: 1px;
}

.mypage-snb-wp li:hover,
.mypage-snb-wp li:active {
  color: var(--primary-color);
}

.mypage-snb-wp li.active {
  background: var(--primary-color);
  color: #FFF;
  border-color: var(--primary-color);
  opacity: 1;
}

.mypage-snb-wp li a {
  width: 100%;
  display: block;
  padding: 1rem 1rem 1rem 2rem;
  text-align: left;
  background: url(../images/ic-next.png) 90% center no-repeat;
  background-size: 1rem;
}

.mypage-snb-wp li.active a {
  background: url(../images/ic-nextwhite.png) 90% center no-repeat;
  background-size: 1rem;
}

.mypage-inner {
  border: 1px solid #d1d5db;
  padding: 2rem;
  width: calc(100% - 250px);
  margin-left: 50px;
}

.mypage-inner .tab-tit {
  font-size: 1.6rem;
  color: #1a2332;
  margin-bottom: 2rem;
}

.mypage-mytbl {
  width: 100%;
  border: 1px solid #d1d5db;
}

.mypage-mytbl tr td:first-child {
  width: 150px;
  background-color: #FAFAFA;
  border-right: 1px solid #d1d5db;
}

.mypage-mytbl tr td {
  padding: 1rem 0;
  text-align: center;
  font-weight: 500;
  font-size: 1rem;
  border-bottom: 1px solid #d1d5db;
}

.mypage-mytbl tr td input {
  border: none !important;
  padding: 0 2rem;
  background: #FFF;
}

.mypage-footer {
  padding: 2rem 0 0 0;
  display: flex;
  justify-content: space-between;
}

.btn-resign {
  border: 1px solid #d1d5d1;
  background-color: #FFF !important;
  width: 120px;
}

.btn-resign:hover,
.btn-resign:active {
  background: #d1d5d1 !important;
}

.mypage-footer .btn-edit {
  background: var(--primary-color) !important;
  border-color: var(--primary-color);
  color: #FFF;
}

.mypage-footer .btn-edit:hover,
.mypage-footer .btn-edit:active {
  background: var(--primary-color) !important;
  border-color: var(--primary-color);
}

.mypage-mytbledit {
  width: 100%;
  border: 1px solid #d1d5db;
}

.mypage-mytbledit tr td:first-child {
  width: 150px;
  background-color: #FAFAFA;
  border-right: 1px solid #d1d5db;
}

.mypage-mytbledit tr td {
  padding: 1rem 0;
  text-align: center;
  font-weight: 500;
  font-size: 1rem;
  border-bottom: 1px solid #d1d5db;
  background-color: #FAFAFA;
}

.mypage-mytbledit tr td input {
  padding: 0 1rem;
  background: #FFF;
  width: calc(100% - 2rem);
  margin: 0 1rem;
}

.mypage-mytbledit tr td [type='radio'] {
  width: 1rem;
  margin-right: 0.5rem;
  padding: 0;
}

.mypage-mytbledit tr .radio-wp {
  text-align: left;
}

.mypage-mytbledit .btn-changepass {
  padding: 0 2rem;
  background: #FFF !important;
  border: 1px solid #d1d5db;
}

.mypage-mytbledit .changepass {
  text-align: left;
  padding-left: 1rem;
}

.mypage-mytbledit .bday {
  text-align: left;
}

.mypage-mytbledit .bday input {
  width: 135px;
}

.ticket_wp li {
  width: 100%;
  display: flex;
  align-items: center;
}

.ticket_wp a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.ticket_wp .ticket-item .payment-date {
  color: #1a2332;
  width: 100px;
  color: #9ca3af;
}

.ticket_wp .ticket-item .cancel-date {
  color: #1a2332;
  width: 100px;
}

.ticket_wp .ticket-detail {
  flex: 1;
}

.ticket_wp .payment-case {
  width: 90px;
}

.ticket_wp .m-ticket {
  width: 70px;
}

.ticket_header,
.ticket_header:hover,
.ticket_header:active {
  font-size: 1rem;
  font-weight: 500;
  background-color: #FAFAFA;
  color: #1a2332;
  height: 55px;
  border-bottom: 1px solid #1a2332;
}

.ticket_header a {
  cursor: default;
}

.ticket_header .payment-case {
  width: 90px;
}

.ticket_header .payment-date {
  width: 100px;
}

.ticket_header .cancel-date {
  width: 100px;
}

.ticket_header .con-detail {
  flex: 1;
}

.ticket_wp {
  display: flex;
  width: 100%;
  flex-direction: column;
  text-align: center;
  border: 1px solid #d1d5db;
}

.ticket_wp .ticket-item:first-child {
  margin-top: 16px;
  border-top: 1px solid #d1d5db;
}

.ticket_wp .ticket-item {
  position: relative;
  padding: 2rem 0;
  font-size: 1rem;
  border-bottom: 1px solid #d1d5db;
  text-align: center;
}

.ticket_wp .ticket-item span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ticket-detail .list-item-thum {
  width: 100px;
  height: 141px;
}

.ticket-detail .poster-flagwp {
  padding: .5rem;
}

.ticket-detail .list-item-info {
  width: calc(100% - 130px);
  height: 141px;
}

.ticket-detail .list-item-info h3 {
  font-size: 1.2rem;
  display: flex;
  align-items: flex-start;
  margin-bottom: .5rem;
}

.ticket-detail .list-item-info h3 a {
  display: inline-block;
  text-align: left;
}

.ticket-detail .ticket_wp .ticket-item span {
  display: inline-block;
  min-width: 40px;
  font-size: .9rem;
  padding: 0.1rem 0.3rem;
  height: auto;
  text-align: center;
}

.ticket-detail .item-info-detail li .li-tit {
  width: 60px;
  text-align: left;
}

.ticket-detail .item-info-detail li {
  margin-bottom: .5rem;
}

.ticket-detail .con-list-item {
  width: 100%;
  padding: 0;
}

.ticket-detail .con-flag {
  overflow: unset !important;
  text-overflow: unset !important;
  width: auto !important;
  padding: 0.1rem 0.3rem;
  height: auto;
  text-align: center;
  font-size: .9rem;
}

.ticket-detail .item-info-detail span {
  font-size: .9rem;
}

.btn-mticket {
  padding-right: .5rem;
  font-size: .9rem;
}

.btn-cancelpayment {
  width: 50px;
  padding: 0.1rem 0.3rem;
  height: auto;
  text-align: center;
  font-size: .9rem;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  font-weight: 500;
  border-radius: 30px;
  margin-top: .5rem;
  background-color: #FFF !important;
}

.btn-cancelpayment:hover,
.btn-cancelpayment:active {
  background: var(--primary-color) !important;
  color: #FFF;
}

.ticket_wp li:last-child {
  border-bottom: none;
}

.btn-open-ticket {
  color: var(--primary-color);
  font-weight: 500;
  cursor: pointer;
}

.cancel-item,
.cancel-item .cancel-date,
.cancel-item .li-tit,
.cancel-item .con-flag {
  color: #9ca3af !important;
  border-color: #9ca3af;
  background: #FAFAFA;
}

.cancel-item .ticket-detail .list-item-thum {
  opacity: .5;
}

.cancel-date-tit {
  display: none !important;
}

/* 티켓확인 */
.ticket-modal .modal_body {
  border-radius: 0;
  width: 360px;
  height: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-wrap: wrap;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ticket-modal .ticket-img {
  width: 300px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 1rem;
}

.ticket-modal .ticket-img img {
  border-radius: 15px;
  box-shadow: 0 5px 20px rgb(104 104 104 / 70%);
  margin: 0 auto;
}

.ticket-modal .ticket-info {
  width: 360px;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: calc(100% - 65px);
  padding-bottom: 75px;
  position: relative;
}

.ticket-name,
.ticket-count,
.ticket-price {
  padding: 1rem 2rem;
  width: 100%;
}

.ticket-name {
  padding: 1rem 2rem;
  font-size: 1.2rem;
  text-align: center;
  font-weight: 700;
}

.ticket-info-tit {
  font-size: 1.2rem;
  font-weight: 500;
  padding-bottom: 2rem;
}

.ticket-info-box {
  background: #FAFAFA;
  padding: 1rem;
}

.ticket-name .ticket-info-box p {
  display: inline-block;
  margin-right: 1rem;
  font-size: 1rem;
}

.ticket-info-box span {
  color: var(--primary-color);
  margin: 0 0.2rem;
}

.ticket-count span {
  margin-left: 0.5rem;
}

.ticket-price span {
  font-weight: 500;
  font-size: 1.6rem;
  margin-left: 1rem;
}

.ticket-datebox {
  padding: 1rem 2rem 0 2rem;
  text-align: center;
  font-weight: 700;
  font-size: 1.4rem;
}

.ticket-seatbox {
  padding: 0 2rem 1rem 2rem;
  text-align: center;
  font-weight: 700;
  font-size: 1.4rem;
}

.ticket-seatbox p {
  display: inline-block;
  margin-right: .5rem;
}

.ticket-seatbox p span {
  color: var(--primary-color);
}

.ticket-seatbox p:last-child {
  margin-right: 0;
}

.ticket-valuebox {
  padding: .5rem 2rem 0 2rem;
  text-align: center;
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: -.05rem;
}

.ticket-infobox {
  padding: 0rem 2rem .5rem 2rem;
  text-align: center;
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: -.05rem;
}

.ticket-infobox span {
  margin-right: .5rem;
  padding-right: .5rem;
  position: relative;
}

.ticket-infobox span::after {
  width: 2px;
  height: 80%;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-color: #d1d5db;
}

.ticket-infobox span:last-child::after {
  display: none;
}

.mobile-ticket {
  font-size: 1.2rem;
  text-align: center;
  display: block;
  width: 100%;
  padding: 1.5rem;
  height: 65px;
}

.btn-ticketclose {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: var(--primary-color) !important;
  color: #FFF;
}

.qna-edit-wp {
  padding: 1rem 0 0 0;
  text-align: right;
}

.qna-edit-wp button {
  height: 30px;
}

.qna-edit-wp .btn-edit {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color);
  color: #FFF;
}

.mypage-inner .qna_wp {
  border: 1px solid #d1d5db;
}

.mypage-inner .apply_date {
  margin-left: 1rem;
  width: 100px;
}

.mypage-inner .date {
  margin-left: 0;
  margin-right: 1rem;
  width: 100px;
}

.review-edit-wp {
  padding: 1rem 0 0 0;
  text-align: right;
  width: 100%;
}

.review-edit-wp button {
  height: 30px;
}

.review-edit-wp .btn-edit {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color);
  color: #FFF;
}

.mypage-inner .review_wp {
  border: 1px solid #d1d5db;
}

.mypage-inner .reviewslide-wp {
  flex-wrap: wrap;
  padding: 2rem 2rem 0 2rem;
  justify-content: center;
}

.mypage-inner .reviewtxt {
  margin-top: 2rem;
  padding: 0;
  height: auto;
  width: 100%;
}

.review-url {
  width: 100%;
  padding: 1rem 2rem;
  background: #FFF;
  border-bottom: 1px solid #d1d5db;
  justify-content: flex-end;
  display: flex;
  flex-wrap: wrap;
}

.review-url label {
  background: url(../images/ic-link.png) left center no-repeat;
  background-size: 15px;
  padding-left: 20px;
}

.hall_wp .apply_case {
  margin-right: 1rem;
  width: 100px;
}

.hall_wp .date {
  width: 100px;
  margin-left: 0;
}

.hall_wp .user_name {
  width: 100px;
}

.hall_wp .apply_date {
  margin-left: 1rem;
  width: 100px;
}

.mypage-inner .mypage-post {
  background-color: #FAFAFA;
}

.mypage-post .tit {
  position: relative;
  padding: 2rem;
  padding-top: 0;
  border-bottom: 1px solid #d1d5db;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #FFF;
}

.mypage-post .tit span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mypage-post .date {
  width: 100px;
  margin: 0;
  text-align: right;
}

.mypage-post .apply_case {
  margin-left: 1rem;
  width: 100px;
}

.mypage-post .apply_date {
  margin-right: 1rem;
  width: 100px;
}

.mypage-post .form-use {
  padding: 4rem 1rem 0 2rem;
}

.mypage-post .qna_txt {
  font-size: 1.4rem;
}

.mypage-post .post-edit-wp {
  padding: 2rem 2rem 4rem 2rem;
  margin: 0 auto;
}

.mypage-post .post-edit-wp .btn-edit {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color);
  color: #FFF;
}

.mypage-post .post-edit-wp .btn-list {
  float: left;
  background-color: #FFF !important;
  color: #1a2332;
  border: 1px solid #d1d5db
}

.mypage-post .post-edit-wp div {
  float: right;
}

.form-disabled label {
  cursor: default;
}

.mypage-inner .write-form table {
  border: none;
  width: 768px;
  margin: 0 auto;
}

.mypage-inner .write-form table td {
  font-size: 1rem;
}

.mypage-inner .tab-sectit {
  font-size: 1.2rem;
}

.mypage-inner .write-form {
  padding: 4rem 0 0 2rem;
}

.mypageqna-tab {
  width: 100%;
}

.mypageqna-tab li {
  position: relative;
  width: 33.3%;
  padding: 1rem;
  border: 1px solid #d1d5db;
  opacity: .5;
  border-left-width: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  background: #FAFAFA;
  text-align: center;
  font-weight: 500;
  font-size: 1.2rem;
  cursor: pointer;
  transition-duration: 0.25s;
  float: left;
}

.mypageqna-tab li:first-child {
  border-left-width: 1px;
}

.mypageqna-tab li.active {
  background: var(--primary-color);
  color: #FFF;
  border-color: var(--primary-color);
  opacity: 1;
}

.input-guide {
  text-align: left;
  display: block;
  margin: 0 1rem;
  font-size: .9rem;
  margin-top: 0.2rem;
  color: #555;
}

.error {
  text-align: left;
  display: block;
  font-size: .9rem;
  margin-top: 0.2rem;
  color: var(--primary-color);
  cursor: default;
}

td .error {
  width: calc(100% - 2rem);
  margin: 0 1rem;
  margin-top: 0.2rem;
}

.text-center .error {
  text-align: center;
}

.alert-info {
  display: block;
  margin-bottom: 0.2rem;
  color: var(--primary-color);
  cursor: default;
  font-size: 1rem;
}

.alertclose {
  width: 24px;
  height: 24px;
  margin-right: 0.2rem;
  font-size: 1.2rem;
  display: none;
}

.form-disabled [type='text']:disabled,
.form-disabled [type='email']:disabled,
.form-disabled [type='url']:disabled,
.form-disabled [type='number']:disabled,
.form-disabled [type='date']:disabled,
.form-disabled [type='tel']:disabled,
.form-disabled [type='time']:disabled,
.form-disabled textarea:disabled,
.form-disabled select:disabled {
  background: #FAFAFA !important;
  background-color: #FAFAFA !important;
  cursor: default;
}

/* filter */
.filter-wp {
  padding: 2rem;
  background-color: #FAFAFA;
  height: calc(40px + 4rem);
  border: 1px solid #d1d5db;
  margin-bottom: 1rem;
}

.filter-wp .ctr-top-rt {
  position: unset;
  transform: unset;
  text-align: center;
  width: 100%;
  display: block;
}

/* artist sns */
.btn-arti-sns01 {
  background: url(../images/ic-instagram.png) 15px center no-repeat #E94057;
  background-size: 15px;
  color: #FFF;
  padding: 0 1rem;
  transition-duration: 0.25s;
  font-size: .9rem;
  padding-left: 40px;
}

.btn-arti-sns02 {
  background: url(../images/ic-facebookw.png) 15px center no-repeat rgb(59, 89, 152);
  background-size: 15px;
  color: #FFF;
  padding: 0 1rem;
  transition-duration: 0.25s;
  font-size: .9rem;
  padding-left: 40px;
}

.btn-arti-sns03 {
  background: url(../images/ic-twtw.png) 15px center no-repeat rgb(0, 172, 238);
  background-size: 15px;
  color: #FFF;
  padding: 0 1rem;
  transition-duration: 0.25s;
  font-size: .9rem;
  padding-left: 40px;
}

/* 아이템 일정 */
.li-schedule .schedule-radio {
  display: inline-block;
  width: calc(100% - 145px);
  float: right;
  margin-bottom: 1rem;
}

.schedule-radio:first-child {
  margin-top: 0;
}

.schedule-radio input:disabled+label {
  color: rgb(156, 163, 175);
  cursor: default;
  text-decoration: line-through;
}

/* 팝업 */
.event-modal {
  display: block;
  position: unset;
  width: auto;
  height: auto;
}

.event-modal .modal_body {
  z-index: 998;
}

.event-modal .modal_body,
.event-modal .modal-section {
  width: 375px;
  height: auto;
  border-radius: 5px;
}

.event-modal .modal-section {
  border-radius: 5px;
}

.event-modal .swiper {
  border-radius: 5px;
}

.event-modal img {
  border-radius: 5px 5px 0 0;
}

.event-modal .btn-close {
  background-color: #FFF;
  color: #000;
}

.event-modal .modal-footer {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
}

.event-modal .event {
  width: 375px;
  height: 375px;
}

.event-modal .event .swiper-button-next,
.event-modal .event .swiper-button-prev {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  background: rgba(209, 213, 219, .5);
  z-index: 7;
  transition-duration: .25s
}

.event-modal .event .swiper-button-next:hover,
.event-modal .event .swiper-button-prev:hover,
.event-modal .event .swiper-button-next:active,
.event-modal .event .swiper-button-prev:active {
  background-color: var(--primary-color)
}

.event-modal .swiper-button-next:after,
.event-modal .swiper-button-prev:after {
  font-size: 1.5rem;
  color: #fff
}

/* ios css */
footer {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 10px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
}

header {
  padding-top: calc(constant(safe-area-inset-bottom) + 10px);
  padding-top: calc(env(safe-area-inset-bottom) + 10px);
}


/* media query */
/* ----- */
@media all and (min-width:1025px) and (max-width:1366px) {

  .header-right {
    width: 200px;
  }

  .header-left {
    width: 100px;
  }

  .gnb li {
    padding: 1rem;
  }

  .header-right .head-login,
  .header-right .head-signup {
    padding-left: 1.5rem;
    margin-right: 1rem;
  }

  .container-wp {
    padding: 120px 2rem;
  }

  .tab-content {
    padding: 2rem;
  }

  /* 아티스트 sns */
  .condetail-top .btn-share {
    padding-left: 0;
    width: 40px;
    margin-right: 0;
    text-indent: -9999px;
    border: 1px solid #d1d5db;
    background: url(../images/ic-sharebold.png) 8px center no-repeat !important;
    background-size: 19px !important;
  }

  .condetail-top .share-list {
    bottom: -190px;
    left: -1px;
    width: 40px;
  }

  .btn-arti-sns01,
  .btn-arti-sns02,
  .btn-arti-sns03 {
    width: calc(33.33% - 13.33px);
    padding-left: 35px;
  }

  .btn-arti-sns01 {
    background: url(../images/ic-instagram.png) 15px center no-repeat #E94057;
    background-size: 15px
  }

  .btn-arti-sns02 {
    background: url(../images/ic-facebookw.png) 15px center no-repeat rgb(59, 89, 152);
    background-size: 15px
  }

  .btn-arti-sns03 {
    background: url(../images/ic-twtw.png) 15px center no-repeat rgb(0, 172, 238);
    background-size: 15px
  }

  .btn-arti-sns01 span,
  .btn-arti-sns02 span,
  .btn-arti-sns03 span {
    display: none;
  }


}

/* ----- */
@media all and (min-width:769px) and (max-width:1024px) {

  .gnb {
    display: none;
  }

  .container-wp {
    padding: 120px 2rem;
  }

  .head-login,
  .head-user,
  .head-signup,
  .head-logout,
  .head-set {
    display: none;
  }

  .ham-uerbox .head-login,
  .ham-uerbox .head-signup,
  .ham-uerbox .head-user,
  .ham-uerbox .head-logout {
    display: block;
    font-size: 1.2rem;
    width: 150px;
  }

  .header-left {
    width: 100%;
  }

  .header-logo {
    width: 122px;
  }

  .ham-uerbox {
    display: flex;
    justify-content: space-between;
  }

  .menufull-logo {
    display: inline-block;
    margin-top: 0;
    background: url(../images/dmiflogo.png) no-repeat; background-size: 110px;
  }
  .ham-menu-close{
  position: relative;
  right: unset;
  top: unset;
  }


  .tab-content {
    padding: 2rem;
  }

  /*  */
  .list-tab {
    width: 100%;
  }

  .list-ctr-bot li {
    width: 16.6%;
    padding: .5rem 0;
  }

  .list-ctr-bot li:nth-child(6n) {
    border-right: none;
  }

  .con-list-item {
    padding: 3rem 0;
    width: 50%;
    flex-direction: column;
  }

  .list-item-thum {
    margin-right: 0;
    margin: 0 auto;
    margin-bottom: 2rem;
  }

  .list-item-info {
    width: 100%;
    padding: 0 2rem;
  }

  .artist-list .list-item-info {
    width: 100%;
    padding: 0 2rem;
  }

  .list-ctr-top .ctr-top-lt {
    text-align: left;
  }

  .opus-box-img1::after,
  .opus-box-img2::after {
    display: none;
  }

  /* 마이페이지 */
  .mypage-wp {
    flex-wrap: wrap;
    margin-top: 2rem;
  }

  .mypage-snb-wp {
    width: 100%;
  }

  .mypage-snb-wp li {
    width: 20%;
    border-bottom-width: 1px;
    border-right-width: 0;
  }

  .mypage-snb-wp li:last-child {
    border-right-width: 1px;
  }

  .mypage-inner {
    width: 100%;
    margin-left: 0;
    padding: 2rem 0;
    border: none;
  }

  .mypage-wp .con-list-item {
    flex-direction: inherit;
  }

  /* 아티스트 sns */
  .condetail-top .btn-share {
    padding-left: 0;
    width: 40px;
    margin-right: 0;
    text-indent: -9999px;
    border: 1px solid #d1d5db;
    background: url(../images/ic-sharebold.png) 8px center no-repeat !important;
    background-size: 19px !important;
  }

  .condetail-top .share-list {
    bottom: -190px;
    left: -1px;
    width: 40px;
  }

  .btn-arti-sns01,
  .btn-arti-sns02,
  .btn-arti-sns03 {
    width: calc(33.33% - 13.33px);
    padding-left: 35px;
  }

  .btn-arti-sns01 {
    background: url(../images/ic-instagram.png) 15px center no-repeat #E94057;
    background-size: 15px
  }

  .btn-arti-sns02 {
    background: url(../images/ic-facebookw.png) 15px center no-repeat rgb(59, 89, 152);
    background-size: 15px
  }

  .btn-arti-sns03 {
    background: url(../images/ic-twtw.png) 15px center no-repeat rgb(0, 172, 238);
    background-size: 15px
  }

  .btn-arti-sns01 span,
  .btn-arti-sns02 span,
  .btn-arti-sns03 span {
    display: none;
  }

  .condetail-top .list-item-info {
    padding-right: 0;
    width: 50%;
  }

  /* thum img 맞추기 */
  .concert-list-wp .list-item-thum {
    width: calc(100% - 4rem);
    height: auto;
  }

  .concert-list-wp .list-item-thum img {
    width: 100%;
  }

  .concert-list-wp .list-item-info h3 {
    text-align: center;
  }

  .item-info-detail li .li-tit {
    width: 100px;
  }

  .li-schedule .schedule-radio {
    width: calc(100% - 125px);
  }

  .condetail-top h3 {
    font-size: 1.4rem;
  }

  .artist-list-wp .list-control {
    border-bottom: 0;
  }

}

/* ----- */
@media all and (min-width:481px) and (max-width:768px) {

  .gnb {
    display: none;
  }

  .container-wp {
    padding: 120px 2rem;
  }

  .head-login,
  .head-user,
  .head-signup,
  .head-logout,
  .head-set {
    display: none;
  }

  .ham-uerbox .head-login,
  .ham-uerbox .head-signup,
  .ham-uerbox .head-user,
  .ham-uerbox .head-logout {
    display: block;
    font-size: 1.2rem;
    width: 150px;
  }

  .header-left {
    width: 100%;
  }

  .header-logo {
    width: 122px;
  }

  .ham-uerbox {
    display: flex;
    justify-content: flex-start;
  }

  .menufull-logo {
    display: inline-block;
    margin-top: 0;
    background: url(../images/dmiflogo.png) no-repeat; background-size: 110px;
  }

  .ham-menu-close{
    position: relative;
    right: unset;
    top: unset;
    }

  .tab-content {
    padding: 2rem;
  }


  /*  */
  .list-tab {
    width: 100%;
  }

  .list-ctr-bot li {
    width: 16.6%;
    padding: .5rem 0;
  }

  .list-ctr-bot li:nth-child(6n) {
    border-right: none;
  }

  .list-control {
    padding: 2rem;
  }

  .con-thumtxt {
    padding: 1.5rem;
  }

  .con-list-item {
    padding: 2rem 0;
    width: 50%;
    flex-direction: column;
  }

  .list-item-thum {
    margin-right: 0;
    margin: 0 auto;
    margin-bottom: 2rem;
  }

  .list-item-info {
    width: 100%;
    padding: 0 2rem;
  }

  .list-ctr-top .ctr-top-lt {
    text-align: left;
  }

  .opus-box-img1::after,
  .opus-box-img2::after {
    display: none;
  }

  /* 마이페이지 */
  .mypage-wp {
    flex-wrap: wrap;
    margin-top: 2rem;
  }

  .mypage-snb-wp {
    width: 100%;
  }

  .mypage-snb-wp li {
    width: 20%;
    border-bottom-width: 1px;
  }

  .mypage-inner {
    width: 100%;
    margin-left: 0;
    padding: 2rem 0;
    border: none;
  }

  .mypage-wp .con-list-item {
    flex-direction: inherit;
  }

  /* 아티스트 sns */
  .condetail-top .btn-share {
    padding-left: 0;
    width: 40px;
    margin-right: 0;
    text-indent: -9999px;
    border: 1px solid #d1d5db;
    background: url(../images/ic-sharebold.png) 8px center no-repeat !important;
    background-size: 19px !important;
  }

  .condetail-top .share-list {
    bottom: -190px;
    left: -1px;
    width: 40px;
  }

  .btn-arti-sns01,
  .btn-arti-sns02,
  .btn-arti-sns03 {
    width: calc(33.33% - 13.33px);
    padding-left: 32px;
  }

  .btn-arti-sns01 {
    background: url(../images/ic-instagram.png) 12px center no-repeat #E94057;
    background-size: 15px
  }

  .btn-arti-sns02 {
    background: url(../images/ic-facebookw.png) 12px center no-repeat rgb(59, 89, 152);
    background-size: 15px
  }

  .btn-arti-sns03 {
    background: url(../images/ic-twtw.png) 12px center no-repeat rgb(0, 172, 238);
    background-size: 15px
  }

  .btn-arti-sns01 span,
  .btn-arti-sns02 span,
  .btn-arti-sns03 span {
    display: none;
  }

  .condetail-top .list-item-info {
    padding-right: 0;
    width: 50%;
  }

  /* ticket */
  .ticket_wp .ticket-item .payment-date,
  .ticket_wp .ticket-item .cancel-date,
  .ticket_wp .payment-case,
  .ticket_header .ticket-item .payment-date,
  .ticket_header .ticket-item .cancel-date,
  .ticket_header .payment-case {
    width: 70px;
  }

  .ticket-detail .list-item-info {
    padding: 0;
  }

  /* filter */
  .filter-wp {
    height: 100%;
    padding: 2rem 1rem;
  }

  .filter-wp .list-ctr-top .ctr-top-rt {
    margin-top: 0;
  }

  .filter-wp .artist-filter input {
    width: calc(33.3% - 1.1rem);
    margin-right: 0;
    margin-left: .875rem
  }

  .filter-wp .artist-filter input:first-child {
    margin-left: 0
  }

  .filter-wp .artist-filter select {
    width: calc(50% - 123px);
    margin: 0 !important;
  }

  .filter-wp .artist-filter [type='text'] {
    width: 50%;
    margin-top: 1rem;
  }

  .filter-wp .btn.btn-sel {
    margin-top: 1rem;
  }

  /* thum img 맞추기 */
  .concert-list-wp .list-item-thum {
    width: calc(100% - 4rem);
    height: auto;
  }

  .concert-list-wp .list-item-thum img {
    width: 100%;
  }

  .concert-list-wp .list-item-info h3 {
    text-align: center;
  }

  .item-info-detail li .li-tit {
    width: 100px;
  }

  .li-schedule .schedule-radio {
    width: calc(100% - 125px);
  }

  .condetail-top h3 {
    font-size: 1.4rem;
  }

  .artist-list-wp .list-control {
    border-bottom: 0;
  }
}

/* ----- */
@media all and (max-width:480px) {

  html,
  body {
    font-size: 13px;
  }

  .gnb {
    display: none;
  }

  .container-wp {
    padding: 80px 2rem;
  }

  .inheader-tit {
    line-height: 1.2;
  }

  .header-wp .head-login,
  .header-wp .head-user,
  .header-wp .head-signup,
  .header-wp .head-logout,
  .header-wp .head-set {
    display: none;
  }

  .header-left {
    width: 100%;
  }

  .header-logo {
    width: 122px;
  }

  .ham-uerbox {
    display: flex;
  }

  .menufull-logo {
    display: inline-block;
    background: url(../images/dmiflogo.png) no-repeat; background-size: contain;
  }

  .ham-menu-close{
    position: relative;
    right: unset;
    top: unset;
    }

  .header-wp {
    height: 70px;
  }

  /*  */
  /* footer */
  .footer-info {
    display: flex;
    justify-content: space-between;
    text-align: center;
  }

  .footer-info a:last-child {
    margin-right: 0;
  }

  .footer-info a:first-child:after,
  .footer-info a:nth-child(2):after {
    height: 1rem;
  }

  .footer-info a {
    line-height: 1.0;
    margin-bottom: 1rem;
    width: 33.3%;
  }

  .copyright {
    line-height: 1.2;
    font-size: .9rem;
    margin-top: 1rem;
  }

  .footer-txt {
    display: none;
  }

  .footer {
    padding: 2rem;
  }

  /* ham */
  .menufull-item .cat-top {
    margin-right: 0;
    width: 100%;
    font-size: 1.6rem;
  }

  .menufull-item .cat-top::after {
    right: initial;
    left: -1rem;
  }

  .menufull-item li {
    margin-top: 1rem;
    width: 100%;
    font-size: 1.4rem;
  }

  /* list */
  .list-tab {
    width: 100%;
  }

  .list-ctr-bot li {
    width: 16.66%;
    padding: .5rem 0;
  }

  .list-ctr-bot li:nth-child(6n) {
    border-right: none;
  }

  .list-ctr-top .ctr-top-rt {
    position: unset;
    top: unset;
    right: unset;
    transform: unset;
    margin-top: 2rem;
    display: flex;
  }

  .ctr-top-rt select {
    width: calc(50% - 1rem);
    margin-right: 2rem;
  }

  .ctr-top-rt select:nth-child(2) {
    margin: 0;
    margin-left: .5rem;
  }

  .ctr-top-rt .btn.btn-sel {
    width: calc(50% - 1rem);
    margin-left: 0;
  }

  .list-control {
    padding: 2rem 0;
  }

  .con-thumtxt {
    padding: 1.5rem 1rem;
  }

  .con-list-item {
    padding: 2rem 0;
    width: 100%;
    flex-direction: column;
  }

  .list-item-thum {
    margin-right: 0;
    margin: 0 auto;
    margin-bottom: 2rem;
  }

  .list-item-info {
    width: 100%;
    padding: 0 1rem;
  }

  .list-filter {
    text-align: center;
  }

  .list-filter h3 {
    display: inline-block;
  }

  .artist-list .list-filter {
    position: unset;
    padding: 3rem 0 2rem;
  }

  /* work */
  .work-list-wp .list-tab li {
    width: 50%;
  }

  .work-list-item {
    width: 100%;
    padding: 4rem 2rem 2rem 2rem;
  }

  .work-list-item-info a {
    padding-top: 0;
  }

  /* item */
  .condetail-top .con-list-item {
    flex-wrap: nowrap;
    border-bottom: 1px solid #d1d5db;
  }

  .condetail-top .list-item-thum {
    width: 100%;
    max-height: 600px;
  }

  .condetail-top .list-item-info {
    width: 100%;
  }

  .condetail-top .btn-share {
    padding-left: 0;
    width: 40px;
    margin-right: 0;
    text-indent: -9999px;
    border: 1px solid #d1d5db;
    background: url(../images/ic-sharebold.png) 8px center no-repeat !important;
    background-size: 19px !important;
  }

  .condetail-top .share-list {
    bottom: -190px;
    left: -1px;
    width: 40px;
  }

  .condetail-top .btn-buy {
    width: calc(100% - 54px);
    margin-left: 14px;
  }

  .condetail-top .share-list li {
    width: 38px;
    height: 38px;
    padding: 0;
    border-bottom: 1px solid #d1d5db;
  }

  .condetail-top .share-list li:last-child {
    border-bottom: none;
  }

  .condetail-top .share-list .twitter {
    background: url(../images/ic-twt.png) center center no-repeat;
    background-size: 19px;
  }

  .condetail-top .share-list .facebook {
    background: url(../images/ic-facebook.png) center center no-repeat;
    background-size: 19px;
  }

  .condetail-top .share-list .kakaotalk {
    background: url(../images/ic-kakao.png) center center no-repeat;
    background-size: 19px;
  }

  .condetail-top .share-list .band {
    background: url(../images/ic-band.png) center center no-repeat;
    background-size: 19px;
  }

  .condetail-top .share-list .linkcopy {
    background: url(../images/ic-link.png) center center no-repeat;
    background-size: 19px;
  }

  .condetail-top h3 {
    flex-wrap: wrap;
    font-size: 1.6rem;
  }

  .condetail-top h3 a {
    line-height: 1.2;
  }

  .condetail-top .con-flag {
    margin-bottom: 8px;
  }

  .sel-number {
    padding: 2rem 0 0 0;
  }

  .qna-sec h1 span,
  .review-sec h1 span {
    font-size: 1.6rem;
  }

  .qna-sec h1,
  .review-sec h1 {
    font-size: 1rem;
  }

  /* seat */
  .seat-modal .modal_body {
    width: 100%;
    height: 90%;
    border-radius: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
  }

  .frnazhall-seat .seat-tbl {
    width: 350px;
    height: 350px;
    margin-top: 0;
    margin-left: 0;
    padding-top: 92px;
    padding-left: 50px;
    padding-bottom: 70px;
    border-bottom: 1px solid #eee;
  }

  .frnazhall-seat .seat {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 7px;
  }

  .frnazhall-seat .seat.premium {
    background-color: #CC9BB9;
    border-color: #CC9BB9;
  }

  .seat.emp {
    width: 7px;
  }

  .frnazhall-seat .seat-col {
    margin-top: 0;
    height: 20px;
  }

  .seat-modal .seat-info {
    width: 100%;
    height: auto;
  }

  .seat-modal .seat-box {
    margin: 0 auto;
    width: 350px;
    height: 350px;
    margin-top: 4rem;
  }

  .con-name {
    font-size: 1.6rem;
  }

  .seat-info-tit {
    font-size: 1.2rem;
  }

  /* 글쓰기모달 */
  .write-modal .modal_body {
    width: 100%;
    height: auto;
    border-radius: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
  }

  .write-modal .modal-section td {
    display: block;
  }

  .reviewimg-thumlist {
    width: 310px;
    text-align: left;
  }

  .write-modal .modal-section tr td:last-child {
    width: 100%;
    padding: 0;
  }

  .write-modal .modal-section tr td:first-child {
    width: 100%;
    padding: 1rem 0;
  }

  .write-modal .modal-section {
    padding: 0 2rem;
  }

  .write-modal .btn-cancel {
    height: 40px;
    width: calc(30% - 2rem);
    margin: 0;
  }

  .write-modal .btn-write {
    width: 70%;
    margin-left: 2rem;
  }

  .qnawrite-modal .modal_body {
    width: 100%;
    height: auto;
    border-radius: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
  }

  .qnawrite-modal .modal-section td {
    display: block;
  }

  .qnawrite-modal .modal-section tr td:last-child {
    width: 100%;
    padding: 0;
  }

  .qnawrite-modal .modal-section tr td:first-child {
    width: 100%;
    padding: 1rem 0;
  }

  .qnawrite-modal .modal-section {
    padding: 0 2rem 2rem 2rem;
  }

  .qnawrite-modal .btn-cancel {
    height: 40px;
    width: calc(30% - 2rem);
    margin: 0;
  }

  .qnawrite-modal .btn-write {
    width: 70%;
    margin-left: 2rem;
  }

  .write-modal .modal-headerm,
  .qnawrite-modal .modal-header {
    margin-bottom: 0;
  }

  .reviewimg-thumlist {
    margin-bottom: 2rem;
  }

  .qnawrite-modal .modal-section tr td textarea {
    height: 40vh;
  }

  /* artist */
  .artist-filter form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
  }

  .artist-filter input {
    margin: 0;
    width: 100%;
    margin-bottom: 1rem;
  }

  .artist-filter select {
    margin: 0;
    width: 100%;
    margin-bottom: 1rem !important;
    margin-left: 0 !important;
  }

  .artist-filter .btn.btn-sel {
    width: 100%;
  }

  .artist-list-wp .list-control {
    padding: 0;
  }

  .list-ctr-top .ctr-top-rt {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .artist-list-wp .artist-filter {
    margin-top: 0 !important;
  }

  .artist-list .list-item-info {
    width: 100%;
  }

  .condetail-top .btn-openkakao {
    width: calc(100% - 54px);
    margin-left: 14px;
  }

  .list-tab li {
    padding: 1rem .5rem;
  }

  .artist-filter select {
    width: 25%;
    margin-right: 2.5% !important;
    margin-bottom: 0 !important;
  }

  .artist-filter input {
    width: 50%;
    margin-right: 2.5%;
    margin-bottom: 0;
  }

  .artist-filter .btn.btn-sel {
    width: 20%;
  }

  .list-item-info {
    padding: 0;
  }

  /* 프란츠클래식 */
  .franz-value ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  .franz-value li {
    width: 130px;
    height: 130px;
    font-size: .9rem;
  }

  .about-wp .sec-txt {
    width: 100%;
    height: 50vh;
    border-top: 2px solid var(--primary-color);
    padding: 2rem 0;
  }

  .about-wp .sec-bg-left,
  .about-wp .sec-bg-right {
    display: none;
  }

  .pgfooter-left,
  .pgfooter-right {
    width: 50%;
    margin: 0;
    font-size: 1rem;
  }

  .ceo-left {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .ceo-right {
    display: none;
  }

  .pg-footer img {
    margin: 0 .5rem;
  }

  .about-tit h1,
  .about-wp .about-smtit,
  .value-tit h1,
  .ceo-greetings h1,
  .ceo-left .career li:first-child,
  .inheader-tit,
  .opus-txt h1 {
    font-size: 1.6rem;
  }

  .about-wp p,
  .franz-value li p {
    font-size: 1.2rem;
  }

  .value-tit {
    margin-top: 6rem;
  }

  .franz-value {
    padding-bottom: 12rem;
  }

  .pg-footer h1 {
    font-size: 1.4rem;
  }

  /* 오푸스라움 */
  .opus-box-img1::after,
  .opus-box-img2::after {
    display: none;
  }

  .opus-box-img3,
  .opus-box-img4 {
    width: 100%;
    margin: 0;
    margin-top: 2rem;
  }

  .opus-txt p {
    line-height: 1.5;
  }

  /* 프란츠스튜디오 */
  .studiobg01,
  .studiobg02,
  .studiobg03,
  .studiobg04 {
    width: 100%;
    height: 50vh;
  }

  .studiotxt01,
  .studiotxt02,
  .studiotxt03,
  .studiotxt04 {
    width: 100%;
    height: auto;
  }

  .studiotxt01 p,
  .studiotxt02 p,
  .studiotxt03 p,
  .studiotxt04 p {
    padding: 2rem 0;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.5;
  }

  /* 프란츠홀 */
  .frh_box1,
  .frh_box2,
  .frh_box3 {
    width: 100%;
    padding: 2rem 0;
  }

  .frh_box1 p,
  .frh_box2 p,
  .frh_box3 p {
    line-height: 1.5;
  }

  .frh-use .list-tab li {
    width: 33.3%;
  }

  .tab-content {
    padding: 2rem;
  }

  .tab-tit {
    font-size: 1.6rem;
  }

  .tab-sec {
    padding: 2rem 0;
    font-size: 1rem;
  }

  .use-price .tab-sec {
    padding: 2rem 0;
  }

  .tab-sectit {
    font-size: 1.4rem !important;
  }

  .tab-sec table {
    font-size: .9rem;
  }

  .check-col label {
    display: flex;
    align-items: center;
  }

  .tab-sec .form-box {
    width: 100% !important;
    margin-bottom: 0;
    padding: 0;
  }

  .raido-col label {
    width: 100%;
    display: flex;
    align-items: center;
  }

  .form-box p {
    padding: .5rem 0;
  }

  .list-tab li {
    font-size: 1rem;
  }

  .frh-use .list-tab li:nth-child(4) {
    border-left: 1px solid #d1d5db;
  }

  .frh-use .list-tab li {
    border-bottom: 1px solid #d1d5db;
  }

  .frh-use .list-tab li:nth-child(1),
  .frh-use .list-tab li:nth-child(2),
  .frh-use .list-tab li:nth-child(3) {
    border-bottom: none;
  }

  .tab-sec.write-form td {
    display: block;
  }

  .tab-sec.write-form tr td:last-child {
    width: 100%;
    padding: 0;
  }

  .tab-sec.write-form tr td:first-child {
    width: 100%;
    padding: 1rem 0;
    text-align: left;
  }

  .tab-sec.write-form td {
    font-size: 1rem;
  }

  .write-form input {
    width: 100%;
  }

  .tab-sec.write-form tr td:last-child label {
    width: 100%;
    margin: 1rem 0;
    display: block;
  }

  .write-form table {
    border: none;
    background-color: #FFF;
  }

  .tab-sec tr td:first-child {
    background: #FFF;
  }

  .usenotice_top_header,
  .usenotice_wp .user_name {
    display: none !important;
  }

  .usenotice_wp .tit {
    font-size: 1rem;
  }

  .usenotice_wp .date {
    width: 70px;
  }

  .usenotice_wp .num {
    width: 50px;
  }

  .cal-header {
    display: none;
  }

  .cal-list-month {
    width: 100% !important;
    position: unset !important;
    border: none;
    border-bottom: 1px solid #d1d5db;
    padding: 1rem 0;
  }

  .cal-list dd .date {
    width: 15%;
  }

  .cal-list dd .sort {
    width: 20%;
  }

  .cal-list dd::before {
    display: none;
  }

  .cal-list dd p {
    font-size: 1rem;
  }

  .cal-list dd .con-flag {
    display: inline;
    border: none;
    height: auto;
    padding: 0;
    text-align: center;
    width: 100%;
    line-height: 1.2;
    letter-spacing: 0;
  }

  .frh-use .list-ctr-top .ctr-top-lt {
    font-size: 2rem;
  }

  .cal-list dt {
    border-right: none;
  }

  #view_schedule .list-control {
    padding: 0;
  }

  .map {
    display: none;
  }

  .btn-naver-reserv,
  .btn-kakao-reserv {
    width: 100%;
    margin: 0;
  }

  .btn-naver-reserv {
    margin-bottom: 2rem;
  }

  .reserv-btn-wp {
    flex-wrap: wrap;
  }

  .frh_box1 h3,
  .frh_box2 h3,
  .frh_box3 h3 {
    font-size: 1.6rem;
  }

  /* 게시판 */
  .notice_wp .tit {
    font-size: 1rem;
  }

  .notice-list-wp .list-filter {
    width: 100%;
  }

  .notice-list-wp .artist-filter select {
    width: 25%;
    margin-right: 2.5%;
    margin-bottom: 0 !important;
  }

  .notice-list-wp .artist-filter input {
    width: 50%;
    margin-right: 2.5%;
    margin-bottom: 0;
  }

  .notice-list-wp .artist-filter .btn.btn-sel {
    width: 20%;
  }

  .notice-list-wp .list-ctr-top {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .notice-list-wp .list-ctr-top .ctr-top-rt {
    margin-top: 0;
  }

  .notice-list-wp {
    margin-top: 3rem;
  }

  .notice_top_header {
    display: none;
  }

  .notice_wp .tit:nth-child(2) {
    border-top: 1px solid #d1d5db;
  }

  .notice-list-wp .list-filter,
  .artist-list-wp .list-filter {
    display: none;
  }

  .notice_wp .user_name {
    display: none !important;
  }

  .notice_wp .num {
    width: 50px;
    padding: 0 .25rem;
    margin-right: 1rem;
  }

  .notice_wp .date {
    width: 70px;
    padding: 0 .25rem;
    color: #9ca3af;
    margin-left: 1rem;
  }

  .notice-flag {
    background-color: transparent;
    color: var(--primary-color);
    width: auto;
    padding: 0;
    border: none;
    height: auto;
  }

  /* 게시글 */
  .board-tit {
    font-size: 1.6rem;
    padding: 1rem 0;
  }

  .board-date,
  .board-user,
  .board-view {
    font-size: .9rem;
  }

  .board-user,
  .board-view,
  .board-date:after {
    display: none;
  }

  .board-box .btn-share {
    display: block;
  }

  .board-box .btn-share .share-list {
    left: 50%;
    transform: translateX(-50%);
  }

  .board-pnlist li a {
    margin-left: 2rem;
  }

  .board-footer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding: 2rem 0;
  }

  .btn-list {
    margin: 0 auto;
  }

  .admin-btnbox {
    position: unset;
    transform: unset;
    margin-bottom: 2rem;
    text-align: center;
  }

  .write-wp .board-col {
    padding-top: 1rem;
  }

  .write-wp .board-col2 {
    width: 100%;
    margin-right: 0;
  }

  .write-wp .board-col .write-tit,
  .write-wp .board-col2 .write-tit {
    font-weight: normal;
  }

  .write-wp textarea {
    width: 100%;
    min-height: 300px;
  }

  .write-wp .btn-group {
    display: none;
  }

  .write-wp .btn-cancel {
    position: unset;
    width: 100px;
    margin-right: 20px;
  }

  .write-wp .btn-write {
    width: calc(100% - 120px);
  }

  .write-wp .board-col .write-tit,
  .write-wp .board-col2 .write-tit {
    font-size: 1rem;
  }

  /* 아이템 */
  .review_top_header,
  .review_wp .user_name {
    display: none !important;
  }

  .review_wp .date {
    width: 70px;
    padding: 0 0.25rem;
    color: #9ca3af;
    margin-left: 1rem;
  }

  .review_wp .review_txt {
    padding-left: 1rem;
  }

  .reviewslide-wp {
    flex-wrap: wrap;
  }

  .reviewtxt {
    margin-top: 1rem;
    padding-left: 0;
  }

  .reviewslidebox,
  .reviewslide-wp .swiper,
  .reviewslide-wp .swiper-slide {
    width: 250px;
    height: 250px;
  }

  .qna_top_header,
  .qna_wp .user_name {
    display: none !important;
  }

  .qna_wp .date {
    width: 70px;
    padding: 0 0.25rem;
    color: #9ca3af;
    margin-left: 1rem;
  }

  .qna_wp .review_txt {
    padding-left: 1rem;
  }

  .review_wp .maintxt,
  .qna_wp .maintxt {
    padding: 2rem 1rem;
  }

  .tab-content {
    padding: 2rem 1rem;
  }

  .item-detail-sec {
    padding: 0;
  }

  /* 마이페이지 */
  .mypage-wp {
    flex-wrap: wrap;
    margin-top: 2rem;
  }

  .mypage-snb-wp {
    width: 100%;
  }

  .mypage-snb-wp li {
    width: 100px;
    border-radius: 30px;
    margin-right: 10px;
    border-bottom-width: 1px;
  }

  .mypage-inner {
    width: 100%;
    margin-left: 0;
    padding: 2rem 0;
    border: none;
  }

  .mypage-inner .ticket_header {
    display: none;
  }

  .ticket_wp .ticket-item {
    flex-wrap: wrap;
  }

  .ticket-modal .modal_body {
    max-height: 650px;
  }

  .mypage-mytbledit tr td:first-child,
  .mypage-mytbl tr td:first-child {
    width: 100px;
  }

  .mypage-mytbledit tr td,
  .mypage-mytbl tr td {
    padding: .5rem 0;
  }

  .mypage-snb-wp #tabs {
    overflow-x: auto;
    display: flex;
    padding: .5rem 0;
    -webkit-overflow-scrolling: touch
  }

  .mypage-snb-wp li a {
    padding: .5rem 1.5rem .5rem .5rem;
    font-size: 1rem;
  }

  .ticket-detail .list-item-info {
    width: 100%;
    padding: 0 1rem;
    height: auto;
  }

  .mypage-inner .tab-tit {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }

  .cancel-date-tit {
    display: block !important;
    width: 60px;
    text-align: left;
    font-size: .9rem;
    position: relative;
    font-weight: normal;
    color: #6b7280;
    margin-right: 1.5rem;
  }

  .cancel-date-tit:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 0.7rem;
    width: 1px;
    background: #d1d5db;
  }

  .ticket_wp .ticket-item .cancel-date {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    padding: 0 1rem;
    font-size: .9rem
  }

  .ticket_wp .ticket-item .payment-case {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    padding: 0 1rem;
    font-size: .9rem
  }

  .ticket_wp .m-ticket {
    width: 100%;
    padding: 2rem 1rem 0 1rem;
  }

  .ticket_wp .m-ticket .btn-mticket {
    width: 100%;
    background-color: var(--primary-color);
    color: #FFF;
    padding: 0;
    font-size: 1rem;
  }

  .btn-cancelpayment {
    margin-top: 0;
    margin-left: .5rem;
  }

  .mypage-post .post-edit-wp {
    padding: 2rem 0;
    text-align: center;
  }

  .mypage-post .post-edit-wp .btn-list {
    float: unset;
  }

  .mypage-post .post-edit-wp div {
    float: unset;
    width: 100%;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #d1d5db;
  }

  .mypage-post .qna_txt {
    font-size: 1.2rem;
  }

  .mypage-post .tit {
    padding: 1rem;
    padding-top: 0;
  }

  .mypage-post .write-modal {
    padding: 0;
  }

  .mypage-post .apply_case {
    width: 50px;
    margin-left: 0;
  }

  .mypage-post .date {
    width: 60px;
    font-size: .9rem;
  }

  /* 이용약관 */
  .privatepolicy-box p {
    font-size: 1rem;
  }

  /* qna */
  .fap_txt {
    padding-left: 50px;
  }

  .fap_txt:after,
  .fap_wp .maintxt:after {
    width: 50px;
  }

  .fap_wp .tit {
    min-height: 50px;
    padding: .5rem 0;
  }

  .fap_wp .maintxt {
    padding: 1rem 1rem;
    padding-left: 50px;
  }

  .fap_wp .tit:first-child {
    margin-top: 0;
  }

  .qna-list-wp .qna_wp .tit {
    font-size: 1rem;
  }

  .qna_sort {
    width: 80px;
  }

  .qna-btnbox {
    display: flex;
    flex-wrap: nowrap;
  }

  .fap_txt:after,
  .fap_wp .maintxt:after {
    font-size: 1.6rem;
  }

  .qna-list-wp .maintxt {
    font-size: 1rem;
  }

  .answer-flag {
    font-size: .9rem;
  }

  /* 아티스트 sns */
  .btn-arti-sns01,
  .btn-arti-sns02,
  .btn-arti-sns03 {
    width: calc(33.33% - 13.33px);
    padding-left: 35px;
  }

  .btn-arti-sns01 span,
  .btn-arti-sns02 span,
  .btn-arti-sns03 span {
    display: none;
  }

  /* 로그인 */
  .login-wp .login-box {
    width: 100%;
    padding: 0 2rem;
  }

  /* 팝업 */
  .event-modal .modal_body {
    width: calc(100% - 4rem);
  }

  .event-modal .modal-section {
    width: 100%;
  }

  /* filter */
  .filter-wp {
    height: 100%;
    padding: 2rem 1rem;
  }

  .filter-wp .list-ctr-top .ctr-top-rt {
    margin-top: 0;
  }

  .filter-wp .artist-filter input {
    width: calc(50% - 1.1rem);
    margin-right: 0;
    margin-left: .875rem
  }

  .filter-wp .artist-filter input:first-child {
    margin-left: 0
  }

  .filter-wp .artist-filter select {
    width: 29%;
    margin-right: 0 !important;
    margin-top: 1rem;
  }

  .filter-wp .artist-filter [type='text'] {
    width: 46.7%;
    margin-top: 1rem;
  }

  .filter-wp .btn.btn-sel {
    margin-top: 1rem;
  }

  /* thum img 맞추기 */
  .concert-list-wp .list-item-thum {
    width: 100%;
    height: auto;
  }

  .concert-list-wp .list-item-thum img {
    width: 100%;
  }

  .concert-list-wp .list-item-info h3 {
    text-align: center;
  }

  .item-info-detail li .li-tit {
    width: 100px;
  }

  .li-schedule .schedule-radio {
    width: calc(100% - 125px);
  }

  .condetail-top h3 {
    font-size: 1.4rem;
  }

  .artist-list-wp .list-control {
    border-bottom: 0;
  }

}

@media all and (max-width:375px) {
  .ticket-modal .modal_body {
    max-height: 650px;
  }
}