/* display none */
#wpadminbar,
#nav-below{ display:none !important; }

/* common */
:root{
  --ink:#1e1e1e;
  --inklight:#464646;
  --black:#000;
  --white:#fff;
  --trans:rgba(0,0,0,0.2);
  --marginLeft:14px;
  --marginTop:14px;
  --column:20px;
  --cardGap:50px;
  --cardWidth:31.25vw;
  --cardHeight:calc(var(--cardWidth)*0.611);
  --modalWidth:500px;
  --modalHeight:782px;
  --blur:4px;
  --cell:calc((100% - var(--marginLeft)*2 - var(--column)*11) / 12);
  --col1:calc(var(--cell)*1);
  --col2:calc(var(--cell)*2  + var(--column)*1);
  --col3:calc(var(--cell)*3  + var(--column)*2);
  --col4:calc(var(--cell)*4  + var(--column)*3);
  --col6:calc(var(--cell)*6  + var(--column)*5);
  --col8:calc(var(--cell)*8  + var(--column)*7);
  --col12:calc(var(--cell)*12 + var(--column)*11);
}
*{
	box-sizing:border-box;
	word-break:keep-all;
	word-wrap:break-word;
}
*:focus{ outline:none; }
*::selection{ background-color:var(--black); color:#fff; }
body, ul, ol, dl, li, dt, dd, div, p, h1, h2, h3, h4, input, textarea, button, fieldset, label{
  padding:0;
  margin:0;
  border:0;
  outline:none;
}
ul, ol, dl, li, dt, dd{
  list-style:none;
  vertical-align:top;
}
table, thead, tbody, tfoot, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;
  border-collapse:collapse;
  font-size:1rem;
  font-weight:400;
  text-align:left;
  vertical-align:top;
}
a, a:hover{
  text-decoration:none;
}
a{ color:var(--black); -webkit-tap-highlight-color:transparent; }
a:hover{ text-decoration:underline; }
img{ max-width:100%; height:auto; }
input, textarea, select, button{
  border:0;
  border-radius:0;
  outline:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:transparent;
  max-width:100%;
  font-family:'ESbuild', ESbuild, 'Pretendard', Pretendard, sans-serif;
  font-size:1rem;
  font-weight:400;
  line-height:1;
  color:var(--black);
}
input, select{ height:32px; border-color:var(--black); padding:8px 10px;
  border:1px solid var(--inklight);
}
textarea{ resize:none; overflow:hidden; }
input::placeholder,
textarea::placeholder{ line-height:1; color:rgba(0,0,0,0.4); }
input::-webkit-input-placeholder{ line-height:normal!important; }
button{  }

input[type="image"],
input[type="checkbox"],
input[type="radio"]{ border:none; padding:0; height:auto; background:none; }
input[type="checkbox"],
input[type="radio"]{ border:1px solid; border-color:#e8e8e8; width:14px; height:14px; background:#fff; }

.checkbox{ display:inline-block; position:relative; width:14px; height:14px; z-index:10; vertical-align:middle; }
.checkbox:not(:last-child){ margin-right:10px; }
input[type=radio], input[type=checkbox]{ opacity:0; position:absolute; top:0; left:0; }
.checkboxBtn{ position:absolute; left:0; top:0; width:14px; height:14px; border:1px solid; border-color:#e8e8e8; background-color:#fff; pointer-events:none; }
  .checkboxBtn:after{ content:''; position:absolute; display:block; width:8px; height:8px; left:2px; top:2px; background-color:#e8e8e8; opacity:0; pointer-events:none; transition-property:opacity; }
input[type=checkbox]:checked + .checkboxBtn:after,
input[type=radio]:checked + .checkboxBtn:after{ opacity:1; }

html{ font-size:14px; margin:0 !important; }
body{
  font-family:'ESbuild', ESbuild, 'Pretendard', Pretendard, sans-serif;
  font-weight:400;
  font-size:1rem;
  line-height:1.2;
  letter-spacing:-0.02em;
  word-spacing:-0.04em;
  color:var(--ink);
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}
/* body:not(:lang(ko)){ line-height:1.2; } */
body.loading,
body.loading *{ pointer-events:none; }
/* transition */
body.transition{ background-color:var(--white) !important; }
body.transition #main,
body.transition #footer{ opacity:0; }

h1, h2, h3, h4, h5{
  font-family:'ESbuild', ESbuild, 'Pretendard', Pretendard, sans-serif;
  font-weight:400;
  font-size:1rem;
  font-style:normal;
  text-align:left;
}
em{ text-decoration:underline; font-style:normal; }

[class^="btn"]{ display:inline-block; cursor:pointer; padding:5px 10px; border-radius:40px; background-color:var(--black); border:1px solid var(--black);
  font-size:1rem;
  font-weight:400;
  color:var(--white);
  line-height:1;
  white-space:nowrap;
}
[class^="btn"]:hover{ text-decoration:underline; }

/* transition */
/* body.loading h1#logo,
body,
#main,
#footer,
#content,
#hoverImage,
#bussinessCard > div.back > ul.artist-list > li > :is(a,span),
#bussinessCard > div.back > ul.artist-list > li > img,
#artist-modal,
#concert-modal,
.archive-table tbody tr.archive-row,
.archive-table tbody tr.archive-detail-row .archive-detail{ transition-duration:500ms; } */

/* logo */
h1#logo{ position:fixed; cursor:pointer; z-index:100; font-size:0;
  top:var(--marginTop); left:var(--marginLeft); width:90px;
}
  h1#logo img{ display:block; width:100%; }

/* body class */
body:is(.home,.post-type-archive-artist,.single-artist){ background-color:var(--black); }
  body:is(.home,.post-type-archive-artist,.single-artist) h1#logo{ top:calc(50% + var(--cardHeight)/2 - 16px); left:calc(50% - (var(--cardWidth) + var(--cardGap))/2); width:calc(var(--cardWidth) - 16px*2); transform:translate(-50%,-100%); }
  body:is(.home,.post-type-archive-artist,.single-artist) #footer{ position:absolute; left:0; bottom:0; right:0; width:100%;
    padding:7px 30px 30px;
    /* display:none; */
  }
    body:is(.home,.post-type-archive-artist,.single-artist) #footer *{ color:var(--white); }
body:is(.post-type-archive-archive){  }
  body:is(.post-type-archive-archive) h1#logo{ top:var(--marginTop); left:var(--marginLeft); width:90px; }
  body:is(.post-type-archive-archive) #footer{ position:sticky; bottom:0; z-index:20;
    border-top:1px solid var(--inklight);
    background-color:var(--white);
  }


/* content */
#main{ min-height:calc(100dvh - 27px); transition-property:opacity; }
#content{ font-size:0; }

/* footer */
#footer{
  /* display:grid; grid-template-columns:repeat(12, 1fr); gap:var(--column); */
  display:flex; justify-content:space-between;
  padding:7px var(--marginLeft) 3px;
}
  #footer > .menu{
    /* grid-column:span 7; */
  }
    #footer > .menu > li{ display:inline-block; vertical-align:top; }
    #footer > .menu > li:not(:last-child):after{ content:'/'; display:inline-block; vertical-align:top; margin:0 2px; }
    @media screen and (min-width:1125px){
      #footer > .menu > li:hover :is(a,span){ text-decoration:underline; }
    }
    #footer > .menu > li.selected :is(a,span){ text-decoration:underline; }
  #footer > .copyright{ grid-column:span 2; }
  #footer > .footer-links{ grid-column:span 3; }
    #footer > .footer-links > li{ display:inline-block; vertical-align:top; }
    #footer > .footer-links > li:not(:last-child):after{ content:'/'; display:inline-block; margin:0 2px; }

/* common */
.closeBtn{ position:absolute; width:32px; height:32px; }
.closeBtn:after{ content:''; display:block; width:100%; height:100%;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  background-image:url('../img/icon_close.svg');
}

/* editor */
[class*="wp-block"]:not(.wp-block-image){ font-size:1rem; }
[class*="wp-block"] ~ [class*="wp-block"]{ margin-top:20px; }
.wp-block-paragraph{  }
.wp-block-custom-dl{ display:block; position:relative; padding-left:var(--dlLeft);
  --dlLeft:120px;
}
  .wp-block-custom-dl dt{ position:absolute; left:0; width:var(--dlLeft); }
  .wp-block-custom-dl dd{  }

/* hover image */
#hoverImage{ position:fixed; display:block; width:200px; z-index:120; opacity:0; pointer-events:none; transition-property:opacity; }
#hoverImage.on{ opacity:1; }

/* slide */
.swiper{ position:relative; overflow:hidden; }

  .swiper .swiper-btn{ position:absolute; top:0; left:0; right:0; bottom:0; opacity:1; z-index:20; pointer-events:none; }
    .swiper .swiper-btn [class*="Btn"]{ position:absolute; top:50%; transform:translateY(-50%); pointer-events:all; z-index:10; cursor:pointer; pointer-events:all;
      background-position:center;
      background-repeat:no-repeat;
      background-size:contain;
    }
    .swiper .swiper-btn [class*="Btn"]:after{ content:''; display:block;
      font-size:1.153rem;
      font-weight:400;
      line-height:1;
    }
    .swiper .swiper-btn .swiper-prevBtn{ left:20px; }
    .swiper .swiper-btn .swiper-prevBtn:after{ content:'Prev'; }
    .swiper .swiper-btn .swiper-nextBtn{ right:20px; }
    .swiper .swiper-btn .swiper-nextBtn:after{ content:'Next'; }
    /* angle */
    .swiper .swiper-btn.angle{  }
      .swiper .swiper-btn.angle [class*="Btn"]{ width:20px; height:20px; }
      .swiper .swiper-btn.angle [class*="Btn"]:after,
      .swiper .swiper-btn.angle [class*="Btn"]:before{ display:none; }
      .swiper .swiper-btn.angle .swiper-prevBtn{ background-image:url('../img/angle_left.svg'); }
      .swiper .swiper-btn.angle .swiper-nextBtn{ background-image:url('../img/angle_right.svg'); }

  .swiper .swiper-pagination{ padding:22px 0 16px; font-size:0; }
  .swiper .swiper-pagination.swiper-pagination-bullets{ position:unset; display:block; width:100%; text-align:center; }
    .swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{ display:inline-block; width:9px; height:9px; border:1px solid var(--black); background-color:var(--white); border-radius:50%; margin-left:0; cursor:pointer; margin-bottom:6px; opacity:0.35; }
    .swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child){ margin-right:12px; }
    .swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:var(--black); border-color:var(--black); opacity:1; }
  .swiper .swiper-pagination.swiper-pagination-progressbar{ position:unset; height:2px; padding:0; z-index:20; background-color:var(--trans); margin-top:20px; }
    .swiper .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color:var(--black); }
  /* .swiper:not(.full) .swiper-pagination.swiper-pagination-progressbar{ display:none; } */
  .swiper .swiper-pagination.swiper-pagination-fraction{ padding:0;
    font-size:1rem;
    text-align:right;
    line-height:1;
  }

  .swiper .swiper-wrapper{ display:flex; gap:unset; }
    .swiper .swiper-wrapper .swiper-slide{  }
      .swiper .swiper-wrapper .swiper-slide img{ width:100%; }
    /* fade */
    .swiper.swiper-fade .swiper-wrapper .swiper-slide:not(.swiper-slide-active){ opacity:0 !important; }

/* slide full */
.swiper.full{  }
  .swiper.full .swiper-pagination{ position:absolute; top:unset; left:0; right:0; bottom:0; }
  .swiper.full .swiper-pagination.swiper-pagination-progressbar{ margin:0; }

/* lang button */
.lang-toggle{ display:block; font-size:0; cursor:pointer; }
  .lang-toggle > span{ display:inline-block; vertical-align:top;
    font-size:1rem;
  }
  .lang-toggle > span:not(:last-child):after{ content:'/'; display:inline-block; margin:0 4px; }
/* language */
body.ko-lang .lang-toggle > span.ko,
body.en-lang .lang-toggle > span.en{ text-decoration:underline; }