/* -by suji */

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");

.sub01 {
  width: 100%;
  padding: 10px 72px;
  box-sizing: border-box;
  margin-top: 300px;
}
.sub02 {
  padding-right: 0;
  box-sizing: border-box;
  margin-top: 300px;
}
.sub01 .stickyNav {
  width: 100%;
  max-width: 311px;
  position: fixed;
  z-index: 9;
  top: 147px;
  left: 52px;
  background-color: rgba(0, 0, 0, 0.5);
}
.sub01 .stickyNav.no-bg {
  background-color: transparent;
}
.sub01 .stickyNav ul {
  width: 100%;
  list-style: none;
  padding: 0;
}
.sub01 .stickyNav ul > li {
  padding: 20px;
  box-sizing: border-box;
}
.sub01 .stickyNav ul > li > a {
  text-decoration: none;
  color: #fff;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  margin-right: 10px;
  text-transform: uppercase;
}

.sub01 .stickyNav ul > li.nav-active > a {
  color: #68cc58;
}
.sub01-content {
  margin-left: 311px;
  margin-top: 50px;
  box-sizing: border-box;
}
.notice {
  width: 100%;
}
.board-list {
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
}
table {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-collapse: collapse;
}

th,
td {
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
th:last-child,
td:last-child {
  border-right: none;
}
a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
.board-list .title {
  text-align: left;
}
/*공지사항 inner */

.inner-content {
  margin-left: 311px;
  margin-top: 100px;
  margin-bottom: 200px;
  box-sizing: border-box;
}

.inner-wrap {
  width: 100%;
}
.inner-wrap img {
  width: 50%;
}
.inner-txt img {
  width: 60%;
  margin: 0 auto;
  display: block;
}
.inner-wrap table {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-collapse: collapse;
  color: rgba(255, 255, 255, 0.8);
}
.inner-wrap th,
.inner-wrap td {
  width: 100%;
  padding: 20px;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.inner-wrap tr {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.inner-wrap th:last-child,
.inner-wrap td:last-child {
  border-right: none;
}
.inner-wrap a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
.inner-txt {
  padding: 20px 0;
}
.go_list td {
  border-bottom: none;
  text-align: end;
}
.inner-title td {
  border-right: none;
  width: 50%;
}
.inner-time {
  width: 35%;
  font-size: 0.875rem;
}

/* sub01 키아다 소개페이지 */

.kiada_intro-wrap {
  width: 100%;
  box-sizing: border-box;
}
.intro-top {
  width: 100%;
  padding-left: 311px;
  box-sizing: border-box;
}
.introImg-wrap {
  width: 100%;
}
.introImg-wrap img {
  display: block;
  width: 100%;
}
.introImg01-wrap {
  width: 100%;
}
.introImg01 {
  width: 100%;
  max-width: 1100px;
  margin-top: -50px;
  margin-left: auto;
}
.introImg02 {
  width: 100%;
  max-width: 649.7px;
  margin-top: -200px;
}
.introImg03 {
  margin: 0 auto;
  width: 100%;
  max-width: 606.79px;
  margin-left: 650px;
  margin-bottom: 110px;
}
.subIntor-text {
  margin-bottom: 110px;
  color: #ffff;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 133%;
  letter-spacing: -0.04em;
  word-break: keep-all;
}
.gradation {
  background: linear-gradient(to right, #24bb46, #6adbff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.introImg05,
.introImg06 {
  width: 100%;
  max-width: 1465px;
}
.introImg05Text,
.introImg06Text {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.04em;
  color: #ffffff;
  margin-top: 24px;
  margin-bottom: 96px;
  margin-left: 152px;
  word-break: keep-all;
}

/* 공연개요 */
.perfo-intro {
  width: 100%;
}
.perfo-top {
  width: 100%;
  max-width: 1400px;
  background: #68cc58;
  margin-left: auto;
  border-radius: 10px;
}
.perfo-title {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #000036;
  padding: 40px;
  box-sizing: border-box;
}
.perfo-info-wrap {
  display: flex;
  padding: 0 40px 40px;
  box-sizing: border-box;
  justify-content: space-between;
}
.perfo-left {
  width: 60%;
  text-align: left;
  font-family: "dystopian", sans-serif;
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000036;
}
.perfo-left p,
.perfo-left ul {
  margin: 0;
  padding: 0;
}

.perfo-right {
  width: 40%;
}
.kiada-poster {
  width: 100%;
  max-width: 500px;
}
.mapBtn {
  display: inline-block;
  width: 141px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #ffffff;
  color: #fff;
  border-radius: 48px;
  vertical-align: middle;
  margin-left: 20px;
  font-size: 1.5rem;
  cursor: pointer;
}
.mapBtn img {
  vertical-align: sub;
}
.bold {
  font-weight: bold;
}
.perfo-bottom {
  width: 100%;
  max-width: 1400px;
  background: #68cc58;
  margin-left: auto;
  border-radius: 10px;
  margin-top: 24px;
  margin-bottom: 320px;
}
.perfo-title-sub {
  color: #000036;
  padding: 20px 40px;
  box-sizing: border-box;
  vertical-align: middle;
}
.perfo-title-sub span:first-child {
  display: inline-block;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000036;
  vertical-align: middle;
  margin-right: 24px;
}
.perfo-title-sub span:nth-child(2) {
  display: inline-block;
  width: 141px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #ffffff;
  color: #fff;
  border-radius: 48px;
  vertical-align: middle;
}
.perfo-title-sub span:nth-child(2) img {
  vertical-align: middle;
}
.perfo-timeTable-wrap {
  width: 100%;
  display: flex;
  padding: 40px;
  box-sizing: border-box;
}
.perfo-timeTable-box {
  width: 345.25px;
  height: 1485px;
  border-radius: 56px 56px 0px 0px;
  background: #ffffff;
  margin-right: 1px;
}
.perfo-timeTable-box:last-child {
  margin-right: 0px;
}
.box-head {
  border-radius: 56px 56px 0px 0px;
  width: 345.25px;
  height: 60px;
  background: #b8f5a8;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: -0.04em;
  text-align: center;
  line-height: 60px;
  color: #000036;
}
.box-info {
  height: 72px;
  padding: 15px 0;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000036;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.box-info p {
  margin: 0;
}
.box-frame {
  width: 100%;
  height: 100%;
  padding: 0px 20px 20px;
  box-sizing: border-box;
}
.frame {
  width: 100%;
  height: 100%;
  background-image: url(../images/sub/Frame01.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.frame-inner01 {
  width: 40px;
  height: 22px;
  background: #000036;
  border-radius: 4px;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 200%;
  text-align: center;
  color: #ffffff;
  margin-bottom: 18px;
}
.frame-inner02 {
  font-family: citizen, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: -0.04em;
  color: #54c3f1;
  margin-bottom: 4px;
}
.frame-inner03 {
  font-family: "Pretendard Variable";
  font-size: 1rem;
  letter-spacing: -0.04em;
  color: #54c3f1;
  margin-bottom: 12px;
}
.frame-inner04 {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 147%;
  letter-spacing: -0.6px;
  color: #000036;
}
.frame-inner05 {
  font-family: "Pretendard Variable";
  font-size: 0.875rem;
  line-height: 147%;
  letter-spacing: -0.6px;
  color: #000036;
  margin-bottom: 16px;
}
.frame-inner06 {
  font-family: "Pretendard Variable";
  font-size: 0.875rem;
  line-height: 147%;
  letter-spacing: -0.6px;
  color: rgba(0, 0, 0, 0.5);
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  margin-bottom: 16px;
}
.frame-inner07 {
  width: 56px;
}
.frame-inner07 img {
  width: 100%;
}
.frame2 {
  width: 100%;
  height: 326px;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.frame2.pink-frame {
  background-image: url(../images/sub/Frame4.png);
}
.frame2.green-frame {
  background-image: url(../images/sub/Frame2.png);
}

.frame2.sky-frame {
  background-image: url(../images/sub/Frame3.png);
}
.pink {
  color: #ee87b4;
}
.green {
  color: #30a34a;
}
.frame3 {
  width: 100%;
  height: 260px;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.frame3.green-frame {
  background-image: url(../images/sub/Frame5.png);
}
.frame3.sky-frame {
  background-image: url(../images/sub/Frame6.png);
}

.frame3.pink-frame {
  background-image: url(../images/sub/Frame7.png);
}

/* 프로그램 개요*/
/* 부대프로그램 개요 */
.program-intro {
  width: 100%;
}
.program-top {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  border-radius: 10px;
  margin-bottom: 50px;
}
.orange {
  background: #ff7d21;
}
.program-title {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-bottom: 40px;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #ffffff;
	word-break:keep-all;
}
.program-top-title {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #000036;
  padding: 96px 65px;
  box-sizing: border-box;
}
.program-info-wrap {
  display: flex;
  padding: 0 40px 40px;
  box-sizing: border-box;
  justify-content: space-between;
}
.program-right {
  width: 50%;
  transition: height 0.3s ease-out;
}
.program-right p,
.program-right li {
  font-family: "Pretendard Variable";
  font-size: 1.438rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000036;
  margin: 0;
}
.program-right p.bold,
.program-right li .bold {
  font-size: 1.5rem;
}
.program-left {
  width: 50%;
  display: flex;
  justify-content: left;

  margin-right: 40px;
}
.program-left img {
  width: 100%;
  vertical-align: top;
  float: left;
  border-radius: 5px;
}
.margin-bottom-40 {
  display: block;
  margin-bottom: 10px;
}
.gray {
  background: #c9c7c2;
}
.bg-green {
  background: #30a34a;
}
p.yellow {
  color: #fff100;
}
.white {
  color: #fff;
}
.bg-what {
  background-color: #68cc58;
}
/* 키아다즈 소개 */
.kiadas {
  width: 100%;
}

.kiadas-top-text {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 6.5rem;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #fff;
  margin-bottom: 65px;
  word-break: keep-all;
}
.kiadas-text {
  width: 100%;
  padding-left: 320px;
  box-sizing: border-box;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 2.3rem;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #ffffff;
  padding-bottom: 110px;
}
.border-bottom {
  padding-bottom: 100px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.border-top {
  padding-top: 100px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.part-title {
  padding-top: 80px;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 3rem;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #ffffff;
}
.partSec01 {
  width: 100%;
  display: flex;
  padding-top: 100px;
  margin-bottom: 100px;
}
.partNav {
  width: 270px;
}
.partNav span {
  display: inline-block;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: -0.04em;
  color: #ffffff;
}
.partNav span::before {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  margin-bottom: 5px;
  margin-left: 2px;
}
.partImg-wrap {
  width: 100%;
}
.partImg1 {
  width: 100%;
  max-width: 724px;
}
.partImg2 {
  width: 100%;
  max-width: 427px;
}
.partText {
  font-family: "Pretendard Variable";
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #ffffff;
  margin-top: 24px;
}
.partImg3 {
  width: 50%;
  max-width: 603px;
}
.partImg4 {
  width: 50%;
  max-width: 549px;
}
/* 인사말 */

.hello-wrap {
  padding: 112px 155px 150px 311px;
  box-sizing: border-box;
}
.helloSec {
  width: 100%;
  margin-bottom: 220px;
}
.hello-title {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #ffffff;
  margin-bottom: 40px;
}
.hello-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.hello-left {
  width: 50%;
  margin-right: 70px;
}
.hello-left:last-child {
  margin-right: 0px;
  text-align: end;
}
.hello-left img {
  width: 100%;
  max-width: 525px;
}

.hello-right {
  width: 50%;
  font-family: "Pretendard Variable";
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #ffffff;
  word-break: keep-all;
}

.hello-right img {
  width: 100%;
  max-width: 595px;
  float: right;
}
.hellotxt {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 2rem;
  line-height: 130%;
  word-break: keep-all;
}
.helloLine::before {
  display: block;
  content: "";
  width: 125px;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-bottom: 15px;
}
.marginNone {
  margin: 0;
}
/* 조직도 */
.zozic {
  width: 100%;
}
.zozic-wrap {
  padding: 112px 0px 150px 311px;
  box-sizing: border-box;
}
.zozic-box {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  text-align: center;
  font-family: "Pretendard Variable";
  font-size: 2rem;
  line-height: 150%;
  box-sizing: border-box;
}
.boss-box {
  width: 100%;
  padding: 50px;
}
.zozic-line1 {
  width: 1px;
  height: 50px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0 auto;
}
.worker-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.worker-box {
  width: 30%;
  padding: 50px;
  color: #fff;
}
.worker2-box {
  width: 20%;
  padding: 20px 0;
  color: #fff;
}
.white {
  color: #fff;
}
.bg-green {
  background: #30a34a;
}
.zozic-bottom {
  border-bottom: 1px solid #24bb46;
  padding-bottom: 20px;
}
.zozic-bottom + div {
  padding-top: 20px;
}

.zozic-line2 {
  width: 70%;
  height: 50px;
  margin: 0 auto;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.margin-min {
  margin-top: -50px;
}
.zozic-line3 {
  position: relative;
  width: 80%;
  height: 50px;
  margin: 0 auto;
  border-top: 1px solid #24bb46;
  border-left: 1px solid #24bb46;
  border-right: 1px solid #24bb46;
}
.zozic-line3-1 {
  width: 1px;
  height: 50px;
  background-color: #24bb46;
  position: absolute;
  left: 34%;
}
.zozic-line3-2 {
  width: 1px;
  height: 50px;
  background-color: #24bb46;
  position: absolute;
  right: 34%;
}
.zozic-line4 {
  position: relative;
  width: 80%;
  height: 100px;
  margin: 0 auto;

  border-right: 1px solid #24bb46;
}
.zozic-line5 {
  position: absolute;
  width: 66%;
  height: 50px;
  right: 0;
  top: 50%;
  border-top: 1px solid #24bb46;
  border-left: 1px solid #24bb46;
}
.zozic-line5-1 {
  position: absolute;
  width: 1px;
  height: 49px;
  right: 50%;
  top: 0%;
  background-color: #24bb46;
}
.workers {
  font-family: "Pretendard Variable";
  font-size: 1.5rem;
  line-height: 140%;
}
.z-innerBox {
  width: 100%;
  height: 50%;
  border-top: 1px solid #24bb46;
  margin-top: 15px;
  box-sizing: border-box;
  padding-top: 15px;
  font-family: "Pretendard Variable";
  font-size: 1.5rem;
  line-height: 140%;
  text-align: center;
  letter-spacing: -0.04em;
  color: #ffffff;
}
.padding-20 {
  padding: 15px 0;
}

/* 조직2 */
.zozic-wrap2 {
  padding: 0px 0px 112px 311px;
  box-sizing: border-box;
}
.zozic-title {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 3rem;
  letter-spacing: -0.04em;
  color: #ffffff;
  margin-bottom: 24px;
}
.zozic-box2 {
  padding: 24px;
}
.zozic-inner {
  text-align: left;
}
.zozic-inner p {
  margin: 0;
}
.margin-btm {
  margin-bottom: 24px;
}
.zozic-inner .z-t1 {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 2rem;
  line-height: 140%;
  letter-spacing: -0.04em;
  color: #ffffff;
}
.zozic-inner .z-t2 {
  font-family: "Pretendard Variable";
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #ffffff;
}
.zozic2-flex-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
	gap:25px;
}
.zozic-box3 {
  padding: 20px 18px;
  width: calc(25% - 25px);
	word-break:keep-all;
	min-height:150px;
	display:flex;
	align-items:center;
}
.zozic-box3:last-child {
  margin-right: 0;
}
.zozic-inner .z-t3 {
  font-family: "Pretendard Variable";
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #ffffff;
}
.en .zozic-box3 {
  min-height: 208px;
}
.hide {
  display:none;
}
/* 해외작 */
.overseas {
  width: 100%;
}
.overseas-wrap {
  width: 100%;
  padding: 0px 0px 112px 311px;
  box-sizing: border-box;
}
.overseas-main_title {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #ffffff;
  margin-bottom: 40px;
}
.overseas-program-wrap {
  width: 100%;
  margin-bottom: 112px;
}
.country {
  height: 64px;
}
.country span {
  display: inline-block;
  width: 204px;
  height: 64px;
  text-align: center;
  line-height: 64px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 114px;
  color: #ffffff;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
/*240326*/
.country span.za_24{width:250px;}
.country span.za_25{width:40%;}
.pro_flag.w-500 {width:500px;}
.country .w-500 {width:400px;}
/*240326*/

.country span img {
  vertical-align: middle;
	width: 40px;
}
.country span:nth-child(2) {
  margin-left: 16px;
}
.country span:nth-child(3) {
  width: 134px;
  margin-left: 16px;
}

.program_title {
  width: 100%;
  text-align: left;
}
.program_title p {
  margin: 0;
}
.program_title .p-txt01 {
  font-family: "dystopian", sans-serif;
  font-weight: 700;
  font-size: 5.5rem;
  line-height: 115%;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 12px;
}
.program_title .p-txt02 {
  font-family: "Pretendard Variable";
  font-size: 2.5rem;
  line-height: 115%;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 16px;
  text-transform: uppercase;
}

.p-img {
  width: 100%;
  max-width: 1466px;
  margin-top: 48px;
  border-radius: 10px;
}
.program-text_wrap {
  padding-left: 212px;
  box-sizing: border-box;
}
.program-text_wrap-01 {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  font-family: "Pretendard Variable";
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.8);
  word-break: keep-all;
}
.program-text_wrap-01 p {
  word-break: keep-all;
}
.txt16 {
  font-size: 1rem;
}
.txt40 {
  font-size: 2.5rem;
  color: #ffffff;
  line-height: 120%;
}
.cast-wrap {
  width: 100%;
}

.cast-box {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: 15px;
  align-items: center;
  flex-flow: wrap;
}
.cast-box2 {
  display: flex;
  justify-content: flex-start;
  margin-top: 24px;
  align-items: center;
	padding-left:155px;
	flex-flow:row wrap;
	gap:24px 0px;
}
.castPositon {
  width: 125px;
  text-align: left;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #ffffff;
  margin-right: 30px;
  flex-shrink: 0;
}
.castName {
  display: inline-block;
  font-family: "Pretendard Variable";
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 10px;
  margin-right: 30px;
  flex-shrink: 0;
}
/* 티켓예매 */
.ticekt-wrap {
  padding: 112px 0px 150px 311px;
  box-sizing: border-box;
}
.ticket-img {
  width: 100%;
  overflow: hidden;
}
.ticket-img img {
  width: 100%;
  margin-top: -5px;
}
.ticket-button {
  width: 100%;
  background-color: #fff;
  height: 92px;
  border-radius: 8px;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 92px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #30a34a;
  margin-top: 112px;
  margin-bottom: 112px;
}
.ticket-button img {
  vertical-align: middle;
  line-height: 92px;
  margin-left: 10px;
}
.ticekt-wrap a {
  text-decoration: none;
}
/*  워크샵 */
.workShop {
  width: 100%;
}
.workShop-wrap {
  padding: 0px 0px 112px 311px;
  box-sizing: border-box;
}
.workShop-title {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #ffffff;
  margin-bottom: 40px;
}
.workShop-head-img {
  width: 100%;
  margin-bottom: 64px;
  border-radius: 8px;
}
.workShop-head-img img {
  width: 100%;
  border-radius: 8px;
}
.workShop-head-text {
  width: calc(100% - 2px);
  padding: 24px 0;
  background: #000036;
  border: 1px solid #eae8e6;
  border-radius: 8px;
  font-family: "GonganR";
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #eae8e6;
  text-align: center;
}
.w-txt01 {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1;
}
.w-txt02 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1;
}
.w-line {
  margin-top: 40px;
  display: block;
  width: 100%;
  height: 1px;
  background: #ffffff;
  opacity: 0.5;
}
.w-boxWrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  /*background: #ff7d21;*/
}
.orange-wrap {
  background: #ff7d21;
  border-radius: 8px;
  padding: 40px;
  box-sizing: border-box;
}
.w-bgmo {
  width: 100%;
  display: none;
}
.w-box {
  width: 33%;
  padding: 24px;
  margin-right: 40px;
  border-radius: 8px;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 130%;
  letter-spacing: -0.04em;
  color: #ffffff;
  word-break: keep-all;
}
.w-box.orange-box {
  background: #ff7d21;
}
.w-box:last-child {
  margin-right: 0px;
}
.workShop-info {
  padding: 40px 120px;
  box-sizing: border-box;
  border-radius: 8px;
  background: #ff7d21;
}

.w-info-text-warp {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.w-info-text {
  width: 33%;
  margin-right: 79px;
  margin-top: 40px;
}
.w-info-text:last-child {
  margin-right: 0;
}
.w-info-text p.w-info-text-bold {
  font-family: "GonganR";
  font-weight: 600;
  font-size: 1.944rem;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #000036;
}
.w-info-text .w-info-text-red {
  font-family: "GonganR";
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: -0.04em;
  /*color: #D0121B;*/
  color: #000036;
}
.w-info-text p {
  font-family: "Pretendard Variable";
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000036;
  margin-top: 10px;
}
.dancer-info-wrap {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: 40px;
}
.dancer-info-wrap img {
  height: 100%;
}
.dancer-text-wrap {
  margin-left: 40px;
}
.dancer-text-wrap p {
  color: #000036;
  letter-spacing: -0.04em;
}
.d-txt01 {
  margin: 0;
  font-family: "GonganR";
  font-weight: 600;
  font-size: 2rem;
  line-height: 133%;
}
.d-txt02 {
  margin: 0;
  font-family: "GonganR";
  font-size: 1.944rem;
  line-height: 133%;
}
.d-txt03 {
  font-family: "GonganR";
  font-size: 1.25rem;
  line-height: 175%;
  margin-top: 32px;
}
.w-timeTable-wrap {
  width: 100%;
  background: #ffffff;
  border-radius: 8px;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.timeTable-head,
.timeTable-row {
  max-height: 88px;
  text-align: center;
  box-sizing: border-box;
}
.timeTable-head {
  padding: 15px 0;
  background: rgba(235, 97, 0, 0.2);
}
.timeTable-row-wrap {
  padding: 0 12px;
  box-sizing: border-box;
}
.timeTable-row {
  padding: 20px 0;
  border-bottom: 1px solid #000036;
}
.timeTable-row:last-child {
  border-bottom: none;
}
.dark-blue {
  color: #000036;
}
.timeTable-head div:first-child {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000036;
}
.timeTable-head div:last-child {
  font-family: "Pretendard Variable";
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000036;
}
.timeTable-row {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000036;
}
.t-row-wrap {
  width: 100%;
  margin-bottom: 40px;
}

.go_form {
  background-color: #ffffff;
  padding: 20px;
  text-align: center;
  border-radius: 8px;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 130%;
  letter-spacing: -0.04em;
}
.orange-wrap .go_form {
  color: #ff7d21;
}
.go_form img {
  vertical-align: sub;
  width: 3rem;
}
.workShop-wrap a {
  text-decoration: none;
}
.dark {
  display: inline-block;
  padding: 0px 4px;
  border-radius: 5px;
  background-color: rgba(0, 0, 54, 0.2);
}
.en-title-wrap {
  position: relative;
  width: 357px;
  height: 94px;
}
.en-img-choreographer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "GonganR";
  font-weight: 600;
  font-size: 1.5rem;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
}
.gray-agenda-wrap-white.en-white-wrap {
  margin-top: 415px;
}

/*아카이브(history)*/
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
.history {
  width: 100%;
  color: #fff;
  margin-top: 150px;

  /*240328*/
  overflow:hidden;
  /**/
}

.kiada-history-top {
  width: 100%;
  display: flex;
  margin-top: 120px;
}
.history-left {
  width: 50%;
  margin-left: 311px;
}
.history-left-list dl {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5em;
  justify-content: space-between;
}
.history-left-list dl dt,
.history-left-list dl dd {
  font-family: "Pretendard Variable";
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #ffffff;
  font-size: 1.125rem;
}
.history-left-list dl dt {
  width: 30%;
  font-weight: 700;
}
.history-left-list dl dd {
  width: 70%;
}
.timetable-btn {
  width: 343px;
  height: 92px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(18px);

  border-radius: 8px;
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 92px;

  text-align: center;
  letter-spacing: -0.04em;

  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
}
.btn-close {
  cursor: pointer;
}
.history-left-list dl dd p {
  margin: 0;
  margin-bottom: 8px;
}
.history-left-list dl:last-child {
  margin-bottom: 80px;
}
.history-right {
  width: 50%;
}
.history-right img {
  width: 100%;
  max-width: 474px;
  margin: 0 auto;
  display: block;
}
/* 탐테 모달 */
.history-modal {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 6em 4.5em;
  box-sizing: border-box;
  z-index: 999999;
  display: none;
}
.history-modal {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.history-modal::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.modal-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
}
.modal-subtitle {
  font-size: 1.5em;
  line-height: 1.2em;
  opacity: 0.5;
  font-weight: 400;
  margin-bottom: 1.375em;
  padding: 20px 0;
}
.modal-program-wrap {
  width: 100%;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}
.modal-program-location {
  text-align: center;
  background: rgba(34, 34, 34, 0.7);
}
.modal-program-box-wrap {
  width: 100%;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.modal-program-box {
  width: 50%;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.modal-program-box-date {
  font-family: citizen, sans-serif;
  font-size: 1.25rem;
  line-height: 160%;
  text-align: center;
  letter-spacing: -0.04em;
  font-feature-settings: "vert" on, "ljmo" on, "tjmo" on, "vjmo" on;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.modal-program-box-tit {
  font-family: citizen, sans-serif;
  font-size: 1.5rem;
  line-height: 160%;
  letter-spacing: -0.04em;
  font-feature-settings: "vert" on, "ljmo" on, "tjmo" on, "vjmo" on;
  color: #ffffff;
}
.modal-program-box-txt span {
  font-family: citizen, sans-serif;
  font-size: 1rem;
  line-height: 160%;
  letter-spacing: -0.04em;
  font-feature-settings: "vert" on, "ljmo" on, "tjmo" on, "vjmo" on;
  color: #ffffff;
}
.modal-program-box-txt span::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #fff;
  margin: 0 15px 0 10px;
}
.modal-program-box-txt span:last-child::after {
  content: none;
}
.modal-program-box:nth-child(even) {
  border-right: none;
}
.modal-program-box-list {
  padding-left: 10px;
}
.no-rotate {
  transform: rotate(0deg);
  border-bottom: none;
  margin-top: 100px;
  margin-bottom: 100px;
}

.history-item-wrap {
  width: 100%;
  position: relative;
}
.nav-inner {
  position: absolute;
  width: 60%;
  top: 0px;
  left: -72px;
  max-height: 100vh;
  overflow-y: scroll;
}
.nav-inner {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.nav-inner::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

.kiada-archive-works-list > li > a.active .kiada-work-title {
  font-size: 3.5rem;
  /*white-space: nowrap;*/
  font-weight: bold;
}
.nav-inner ul.kiada-archive-works-list > li > a {
  color: rgba(255, 255, 255, 0.5);
}
.kiada-archive-nav ul.kiada-archive-works-list > li > a {
  position: relative;
  display: inline-block;
  font-size: 1.5em;
  line-height: 1.6em;
}
.kiada-work-title {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 1.5rem;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
}
.kiada-work-info {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 1.5rem;
  letter-spacing: -0.04em;
  color: #ffffff;
  font-feature-settings: "vert" on, "ljmo" on, "tjmo" on, "vjmo" on;
}
.kiada-archive-works-list {
  margin: 0;
}
.kiada-archive-works-list li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  max-width: 580px;
}
.kiada-archive-works-list li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.kiada-archive-works-list > li > a.active .kiada-work-info {
  display: block;
}
.kiada-work-info {
  display: none;
}
.history-items,
.history-item,
.works-list {
  width: 100%;
}
.reveal {
  margin-bottom: 100px;
}
.reveal img {
  width: 100%;
}
/*
.kiada-archive-works-list > li {
    position: relative;
    max-width: 580px;
}

.kiada-archive-works-list > li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
*/
/*contact*/

.contact {
  width: 100%;
  margin-bottom: 100px;
  margin-top: 160px;
}
.contact-wrap {
  padding-left: 311px;
  box-sizing: border-box;
}
.contact-wrap {
  width: 100%;
}
.contact-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: 30px;
  box-sizing: border-box;
}
.contact-tit {
  font-family: "GonganR";
  font-weight: 700;
  font-size: 36px;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #ffffff;
}
.contact-txt {
  font-family: "GonganR";
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.8);
  padding-bottom: 30px;
}
.contact-bottom {
  padding: 0 10px 0 30px;
  box-sizing: border-box;
}
.contact-bottom-label {
  display: flex;
  color: #fff;
  width: 100%;
  justify-content: flex-start;
  padding-top: 30px;
}
.contact-form {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 80px;
  padding-right: 10px;
  box-sizing: border-box;
}
.contact-form input[type="text"] {
  width: 100%;
  height: 52px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  padding: 0 10px;
  box-sizing: border-box;
  color: #fff;
  font-family: "Pretendard Variable";
  font-size: 1.2rem;
}
.contact-form input[type="text"]:focus {
  outline: 1px solid #30a34a;
}
.important-color {
  color: #30a34a;
  margin-left: 5px;
}
.contact-form textarea {
  color: #fff;
}

label {
  font-size: 18px;
  line-height: 2rem;
  padding: 0.2em 0.4em;
}
/*span {
  vertical-align: middle;
}*/

.contact [type="radio"] {
  vertical-align: middle;
  appearance: none;
  border: max(2px, 0.1em) solid gray;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  margin-bottom: 5px;
}

.contact [type="radio"]:checked {
  background-color: #30a34a;
}
.contact [type="radio"]:hover {
  cursor: pointer;
}
.contact-bottom-label > div {
  width: 10%;
}
.contact input[type="radio"]:checked + label {
  color: #30a34a;
  font-weight: 700;
}
.contact fieldset {
  border: none;
  width: 33%;
  padding-left: 0;
  margin: 0;
}
.contact-form2 {
  width: 100%;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 80px;
}
.contact-bottom-label2 {
  justify-content: space-between;
  border-bottom: none;
}
.contact-bottom-label2 div {
  width: 20%;
}
.contact-row2 {
  display: flex;
  justify-content: space-between;
}
.contact-row2 div {
  width: 45%;
}
.contact-row textarea {
  width: 100%;
  height: 140px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  color: #fff;
  font-family: "Pretendard Variable";
  font-size: 1.2rem;
}
.contact .submitBtn {
  width: 50%;
  height: 55px;
  background: #30a34a;
  border-radius: 48px;
  text-align: center;
  line-height: 55px;
  margin:30px auto 0;
  cursor: pointer;
}
.contact .submitBtn span {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: -0.04em;
  color: #ffffff;
}
.contact-label-tit {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: -0.04em;
  color: #ffffff;
}
.contact-label-subtit {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.8);
}
.contact-wrap h1 {
  font-size: 5rem;
  color: #fff;
}

/*국제포럼  */
.gray-agenda-wrap {
  width: 100%;
  background: #e5e4e1;
  border-radius: 8px;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
}
.gray-agenda {
  width: 100%;
}
.gray-agenda-tit {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 130%;
  letter-spacing: -0.04em;
  color: #000036;
  margin-top: 0;
}
.gray-agenda li {
  font-family: "Pretendard Variable";
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000036;
  list-style: none;
}
.gray-agenda-img-wrap {
  width: 100%;
}
.gray-agenda-img-wrap .w2-pc-img {
  width: 100%;
  position: absolute;
}

.w-box.gray-box {
  background: #e5e4e1;
  color: #000;
}
.gray-agenda-img-wrap img:first-child {
  max-width: 685px;
  left: 200px;
  top: 50px;
}

.gray-agenda-wrap-white {
  width: 100%;
  max-width: 1282px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 128px;
  box-sizing: border-box;
  margin-top: 320px;
  padding-bottom: 80px;
}
.gray-agenda-wrap-white-sub-text {
  font-family: "Pretendard Variable";
  font-size: 1rem;
  line-height: 150%;
  display: flex;
  align-items: center;
  letter-spacing: -0.04em;
  color: #707070;
}

.gray-agenda-wrap-white-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gray-agenda-wrap-white-inner div {
  width: 50%;
  height: 100%;
}
.gray-agenda-wrap-white-inner > div > img {
  margin-top: -140px;
  width: 100%;
}
.gray-agenda-wrap-white-inner div:first-child {
  padding-left: 130px;
  box-sizing: border-box;
}
.gray-agenda-wrap-white-redBtn {
  width: 80%;
  height: 48px;
  background: #d1232a;
  border-radius: 8px;
  font-family: "Pretendard Variable";
  font-size: 1rem;
  letter-spacing: -0.04em;
  color: #e5e4e1;
  margin: 0 auto;
  line-height: 48px;
  text-align: center;
}
.gray-agenda-wrap-white-inner li {
  font-size: 1.375rem;
  line-height: 150%;
  font-family: "Pretendard Variable";
  letter-spacing: -0.04em;
  color: #000036;
  list-style: none;
  word-break: keep-all;
}
.gray-agenda-wrap-white-sub-text > span {
  display: contents;
  font-weight: 700;
}
.gray-agenda-wrap-white-inner2 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 80px;
  box-sizing: border-box;
}
.gray-agenda-wrap-white-sub-text2 {
  font-family: "GonganR";
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000036;
}
.white-inner-title {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 1.75rem;

  letter-spacing: -0.04em;

  color: #000036;
}

.gray-agenda-wrap-white2 {
  margin-top: 80px;
  padding-bottom: 0px;
}
.gray-dancer-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 80px 0;
}
.gray-dancer-left,
.gray-dancer-right {
  width: 50%;
  margin: 0 auto;
  font-family: "Pretendard Variable";
  font-size: 1rem;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.04em;
  color: #000036;
}

.dancerBg {
  width: 100%;
  max-width: 266px;
  background-repeat: no-repeat;
  background-size: 99%;
  background-position: 2px 3px;
}
#w-dancer01 {
  background-image: url(../images/sub/w-dancer01.png);
}
#w-dancer02 {
  background-image: url(../images/sub/w-dancer02.png);
}
.w-dancer-name {
  font-family: "GonganR";
  font-weight: 600;
  font-size: 1.813rem;
  letter-spacing: -0.04em;
  color: #000036;
}
.gray-wrap {
  background: #e5e4e1;
  border-radius: 8px;
  padding: 40px;
}
.gray-time-table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.gray-time-table th,
.gray-time-table td {
  background-color: #ffffff;
  padding: 20px;
  font-family: "Pretendard Variable";
  letter-spacing: -0.04em;
  font-size: 1.5rem;
  color: #000036;
}
.th-bg {
  background-color: #f6f6f6 !important;
}
.gray-time-table th {
  font-weight: 700;
  border-left: 1px solid #d1d1d1;
}
.gray-solid-btm {
  border-bottom: 1px solid #d1d1d1;
}
.gray-time-table tr:first-child,
.gray-time-table tr:last-child {
  border: none;
}

.gray-time-table td:first-child,
.gray-time-table th:first-child {
  border-left: none;
}
.gray-wrap .go_form {
  color: #000036;
}

/* 프레지던시 */
.green-wrap {
  width: 100%;
  padding: 30px 30px 80px;
  box-sizing: border-box;
  background: #68cc58;
  border-radius: 8px;
  margin-top: 30px;
}
.green-bgImg {
  background-image: url(../images/sub/w3-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 15px 0;
  margin-top: -100px;
}
.green-dancer-wrap {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10%;
}
.green-dancer-wrap img {
  width: 100%;
  max-width: 265px;
}
.green-dancer-carrer-wrap {
  width: 100%;
  max-width: 895px;
  margin: 0 auto;
  font-family: "Pretendard Variable";
  font-size: 1.2rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000036;
}
.green-bold {
  font-weight: 700;
}
.green-box {
  background: #68cc58;
  color: #000;
}
.green-dancer-imgs-wrap {
  width: 100%;
}
.green-dancer-imgs {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
.green-dancer-imgs-wrap img {
  height: 100%;
  width: 50%;
  display: block;
}
.green-dancer-imgs img {
  margin-right: 30px;
}
.green-dancer-imgs img:nth-child(even) {
  margin-right: 0;
}
.green-tit {
  font-family: "GonganR";
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000036;
  padding: 40px 0;
}
.green-text {
  font-family: "Pretendard Variable";
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000036;
  word-break: keep-all;
}
.green-table {
  margin-bottom: 30px;
}
.th-bgreen {
  background: #d5f0d8 !important;
  width: 25%;
}
.boldYellow {
  font-family: "GonganR";
  font-size: 39.1055px;
  letter-spacing: -0.04em;
  color: #ffff00;
}
.green-table th {
  font-weight: 700;
}
.green-table tr {
  border-top: 1px solid #68cc58;
  border-bottom: 1px solid #68cc58;
}

.green-wrap .go_form {
  color: #68cc58;
}
.green-wrap2 .t-row-wrap {
  box-sizing: border-box;
}
.row-title {
  font-family: "Pretendard Variable";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 140%;
  letter-spacing: -0.04em;
  color: #000036;
}
.row-txt {
  font-family: "Pretendard Variable";
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000036;
}
.time-table-position {
  font-family: "Pretendard Variable";
  font-size: 1rem;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.04em;
  color: #000036;
}
.gray-time-table span {
  display: block;
}
.w2-mo-img {
  display: none;
}

/*공지사항, 게시판*/
.notice {
  font-family: "Pretendard Variable";
  font-size: 1rem;
  letter-spacing: -0.04em;
}
.go_list a {
  border: 1px solid rgba(255, 255, 255, 0.8);
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  font-family: "Pretendard Variable";
  font-size: 1rem;
  text-align: center;
  letter-spacing: -0.04em;
}
.btn.blk {
  margin-top: 10px;
  display: inline-block;
  font-family: "Pretendard Variable";
  font-size: 1rem;
  text-align: center;
  letter-spacing: -0.04em;
	border: 1px solid rgba(255, 255, 255, 0.8);
  padding: 5px 10px;

}
.pageNum .this,
.pageNum a:hover {
  background: #131313 !important;
  color: #fff !important;
}

/* 추가 css 추후 정리 예정 */
.mo-li {
  display: none;
}
.yesBr {
  display: none !important;
}
.mo-margin-btm {
  list-style: none;
  margin-bottom: 5px;
}

.mo-gray-time-table,
.mo-green-time-table {
  width: 100%;
  display: none;
}
.mo-gray-time-table span,
.mo-green-time-table span {
  vertical-align: unset;
}

.mo-gray-time-table-th,
.mo-green-time-table-th,
.mo-gray-time-table-row,
.mo-green-time-table-row {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  font-family: "Pretendard Variable";
  letter-spacing: -0.04em;
  font-size: 1.5rem;
  color: #000036;
}
.mo-gray-time-table-th {
  background-color: #f6f6f6;
}
.mo-gray-time-table-row,
.mo-green-time-table-row {
  background-color: #fff;
}
.mo-gray-time-table-row span,
.mo-green-time-table-row span {
  display: block;
  vertical-align: unset;
}
.border-round {
  border-radius: 8px 8px 0 0;
}
.border-btm-gray-line {
  border-bottom: 1px solid #e5e4e1;
}

.border-btm-round {
  border-radius: 0 0 8px 8px;
}
.mo-green-time-table-th {
  background-color: #d5f0d8;
}
.border-btm-green-line {
  border-bottom: 1px solid #68cc58;
}
.margin-btm-40 {
  margin-bottom: 40px;
}

.info-more-btn {
  display: none;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 60px;
  border-radius: 0 0 8px 8px;
  text-align: center;
  font-family: "Pretendard Variable";
  letter-spacing: -0.04em;
  font-size: 1rem;
  color: #000036;
  transition: all 0.3s ease-out;
  backdrop-filter: blur(0.6px);
}
.info-more-btn p {
  margin-bottom: 0;
  /*animation: bounce 0.8s infinite linear;*/
}
/*
바운스
@keyframes bounce {
  0% {
    bottom: 50px;
  }
  30% {
    bottom: 60px;
  }

  50% {
    bottom: 70px;
  }

  70% {
    bottom: 80px;
  }
  90% {
    bottom: 60px;
  }

  100% {
    bottom: 50px;
  }
}*/
.mo-cast-box {
  display: none;
}
.mo-cast-name-wrap {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}
.mo-cast-name-wrap > .castName {
  margin-right: 10px;
}
.history-color-wrap {
  width: 100vw;
  height: 130.5vh;
  top: 0;
  left: 0;
  position: fixed;
  z-index: -1;
}
.wrap-2016 {
  background-color: rgba(0, 0, 0, 0.5) !important;
  transition: all 0.3s ease-in-out;
}
.wrap-2017 {
  background-color: rgba(0, 0, 0, 0.5) !important;
  transition: all 0.3s ease-in-out;
}
.wrap-2018 {
  background-color: rgba(0, 0, 0, 0.5) !important;
  transition: all 0.3s ease-in-out;
}
.wrap-2019 {
  background-color:rgba(0, 0, 0, 0.5) !important;
  transition: all 0.3s ease-in-out;
}
.wrap-2020 {
  background-color: rgba(0, 0, 0, 0.5) !important;
  transition: all 0.3s ease-in-out;
}
.wrap-2021 {
  background-color: rgba(0, 0, 0, 0.5) !important;
  transition: all 0.3s ease-in-out;
}
.wrap-2022 {
  background-color: rgba(0, 0, 0, 0.5) !important;
  transition: all 0.3s ease-in-out;
}
/* 
피그마상의 색상(실제랑 달라서 따로 적용함)
2021: #584C9D -> 110f1e
2020: #2A9432 -> 091c0b
2019: #DA7500 -> 2b1803
2018: #008E69 -> 001a13
2017: #8D1C28 -> 1e0a0c
2016: #A34742 -> 1f0e0d
*/
.overseas.en .castPositon {
  width: 15%;
  margin-right: 80px;
}
.kr-img-choreographer {
  font-size: 2rem;
}
.en .kiadas-top-text {
  font-size: 5rem;
}

/*타임테이블 수정2022-10-21*/
.workShop .workShop-wrap .gray-wrap .pc-time-table .gray-time-table th,
.workShop .workShop-wrap .gray-wrap .pc-time-table .gray-time-table td,
.workShop .workShop-wrap .gray-wrap .pc-time-table .gray-time-table td .time-table-position {
  text-align: left;
}
.orange-font {
  color: #ff7d21;
}

/* 사진전 추가 2022-12-05  -by suji */

.program-top.bg-photo,
.photo-title > img {
  background-color: #e1f0e1;
}
.w-box.photo-box {
  background-color: #e1f0e1;
  color: #000036;
}
.green-wrap.photo-wrap {
  background-color: #e1f0e1;
  background-image: url("/images/sub/kiada-photo_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #000036;
  z-index: 1;
}
.green-wrap.photo-wrap2 {
  background-color: #e1f0e1;
  margin-top: 0;
}
.kiada-photo {
  padding: 24px;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #e1f0e1;
  margin-top: 80px;
}
.photo-img-wrap {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.photo-img-wrap > #p-img01,
.photo-img-wrap > #p-img02 {
  width: 50%;
  height: 100%;
  flex-grow: 1;
}
.photo-img-wrap > #p-img03 {
  width: 100%;
}
.mBr {
  display: none;
}

/* 연혁 2022-12-12 -by suji */
.sub01.sub05 {
  margin-top: 147px;
}
.kiada-history {
  height: 100%;
  padding: 112px 38px 150px 311px;
  box-sizing: border-box;
}
.kiada-history-box__wrap {
  width: 100%;
  height: auto;
  position: relative;
  padding: 60px 0;
}
.history-box__wrap.reverse {
  flex-direction: row-reverse;
}
/*.history__line-deco {
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #d9d9d9;
  z-index: -1;
}*/
.history__line-deco {
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #d9d9d9;
  z-index: -1;
}
.kiada-history > div:nth-child(2) .history__line-deco{height:100%; top: 4.7%;}
.section__title {
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", sans-serif;
  font-weight: 700;
  font-size: 3.5rem;
  letter-spacing: -0.04em;
  color: #ffffff;
}
.kiada-history-box {
  width: 100%;
  background: rgba(18, 18, 78, 0.9);
  backdrop-filter: blur(2px);
  border-radius: 15px;
}

.kiada-history-box {
  width: 100%;
}
.history__title {
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 130%;
  letter-spacing: -0.04em;
  margin-bottom: 25px;
}
.gradation2 {
  background: linear-gradient(to left, #6adbff 1%, #24bb46 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.history-box__wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
.history-box__left,
.history-box__right {
  width: calc(50% - 12.5px);
  padding: 25px 0;
}
.history-box__left {
  text-align: center;
}
.history-box__left.reverse {
  justify-content: left;
  padding-left: 50px;
  box-sizing: border-box;
}
.history-box__right {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 50px;
  box-sizing: border-box;
  justify-content: start;
  gap: 25px;
}
.history-box__left > img {
  width: 100%;
  max-width: 462px;
}
.history-box__right-row {
  display: flex;
  align-items: flex-start;
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", sans-serif;
  font-size: 1.5rem;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #ffffff;
	word-break:keep-all;
}
.history-box__right-row > img {
  width: 25px;
  vertical-align: middle;
  margin-right: 10px;
}
.history-box__right-row > div {
  display: flex;
  flex-direction: column;
}
.history-box__right-row > div > p {
  margin: 0;
}

/*공사중 이미지*/
.build_wrap {width:100%; text-align:center;margin-top:-100px;}
.build_wrap img {max-width:100%;}

/*하단 이전-다음 배너 */
.bottom_tab .tab_wrap .tab_txt p {padding:0; margin:0;}
.bottom_tab {width:100%; padding:0px 72px; overflow:hidden;box-sizing:border-box;margin:80px auto 60px;  font-family: "Pretendard Variable";}
.bottom_tab .tab_wrap{width:100%; display:flex; flex-direction:row; justify-content:space-between; align-items:center;float:right; padding-left:311px;box-sizing:border-box;}
.bottom_tab .tab_wrap .left_tab, .bottom_tab .tab_wrap .right_tab{color:#fff; border:2px solid #fff; border-radius:8px;width:49%; display:flex; flex-direction:row; justify-content:space-between; padding:20px 30px; align-items:center;box-sizing:border-box;}

.bottom_tab .tab_wrap a:last-child .tab_txt {text-align:left;}
.bottom_tab .tab_wrap .tab_txt {text-align:right; line-height:1.8}
.bottom_tab .tab_wrap .tab_txt .menu_name{font-size:1.8rem;font-weight:700;}
.bottom_tab .tab_wrap .tab_txt .menu_direction{opacity:50%;}