section {padding: 150px 0 200px;}
section:nth-of-type(even) {background: var(--gray_e);}
.sec1 {padding: 90px 0 200px;}
.sec2 {padding-bottom: 324px;}
.sec-slider {padding-bottom: 0;}
.sec8,.sec7 {padding-bottom: 0;}
.sec1_txt {margin-bottom: 90px; font-size: 30px; font-weight: 400; line-height: 2.33; letter-spacing: -0.9px; color: var(--black_2d); text-align: center;}

/* sec-img */
.sec-img {width: 100%; height: auto; padding-top: 435px; padding-bottom: 95px;}
.sec-img ul {display: flex; align-items: center; gap: 40px;}
.sec-img ul li {width: calc(100% / 3);}
.sec-img ul li .child-box {position: relative; width: 100%; height: auto; z-index: 1; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.sec-img ul li:nth-child(even) .child-box {top: -345px;}
.sec-img ul li:nth-child(3) .child-box {top: 95px;}
.sec-img ul li .child-box:before {position: absolute; top: -100px; left: 50%; transform: translateX(-50%); content: ''; display: block; width: 200px; height: 200px; border-radius: 100%; background: var(--pr2); z-index: -1;} 
.sec-img ul li .child-box:after {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 10px; background: var(--pr2);}
.sec-img ul li:nth-child(even) .child-box:before {background: var(--pr);}
.sec-img ul li:nth-child(even) .child-box:after {background: var(--pr);}
.sec-img ul li .child-box img {width: 100%; height: auto;}

/* about-list */
.about-list {max-width: 1920px; margin: 0 auto; width: 100%;}
.about-list ul {display: flex; align-items: center; flex-wrap: wrap;}
.about-list ul li {width: calc(100% / 2); box-sizing: border-box;}
.about-list ul li:nth-child(even) .child-box {top: 124px;}
.about-list ul li .child-box {position: relative; width: 100%; height: auto;}
.about-list ul li .child-box .img-box {width: 100%; height: auto;}
.about-list ul li .child-box .img-box img {width: 100%; height: auto;}
.about-list ul li .child-box .txt-box {position: absolute; top: 100px; left: 200px; z-index: 1;}
.about-list ul li .child-box .txt-box .tit {margin-bottom: 51px; font-size: 38px; font-weight: 800; letter-spacing: -1.14px; color: var(--wt);}
.about-list ul li .child-box .txt-box .sub {font-size: 30px; font-weight: 400; line-height: 1.27; letter-spacing: -0.9px; color: var(--wt);}

/* vod-area */
.vod-area {max-width: 1700px; width: 100%; height: auto; margin: 0 auto;}
.vod-area img {width: 100%; height: auto;}
.vod-area iframe {width: 100%; height: auto; aspect-ratio: 7/3;}

/* tab-btn */
.tab-btn {display: flex; align-items: center; flex-wrap: wrap; gap: 56.6px 0; margin: 84px -51px 0;}
.tab-btn li {width: calc(100% / 2); padding: 0 51px; box-sizing: border-box;}
.tab-btn li button {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 115px; padding: 0 53px; box-sizing: border-box; background: var(--black_2f); border-radius: 58px; font-size: 24px; font-weight: 300; line-height: 1.2; letter-spacing: -0.72px; color: var(--wt); text-align: left;}
.tab-btn li.active button {background: var(--pr);}
.tab-btn li button img {width: 213px; height: auto;}

/* contact-area */
.contact-area {max-width: 1700px; width: 100%; height: auto; margin: 0 auto;}
.contact-img {width: 100%; height: auto; margin-bottom: 50px;}
.contact-img img {width: 100%; height: auto;}
.contact-area .link-box {display: flex; align-items: center; justify-content: space-between; gap: 100px;}
.contact-area .link-box a {display: flex; align-items: center; width: 100%; height: 80px; border-radius: 40px; padding: 0 30px; box-sizing: border-box; background: var(--pr2); font-size: 24px; font-weight: 300; letter-spacing: -0.72px; color: var(--wt);}
.contact-area .link-box a:last-child {background: var(--pr);}

/* steps-list */
.steps-list {max-width: 1920px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
.steps-list ul {display: flex; flex-flow: column; gap: 46px;}
.steps-list ul li {width: calc(100% - 462px); z-index: 1;}
.steps-list ul li .child-box {width: 100%; height: auto;}
.steps-list ul li .child-box .tit {padding-left: 200px; margin-bottom: 13px; font-size: 35px; font-weight: 800; line-height: 2; letter-spacing: -1.05; color: var(--black_2d);}
.steps-list ul li .child-box .txt-box {position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: auto; padding: 55px 56px 60px 200px; box-sizing: border-box; background: var(--wt);}
.steps-list ul li .child-box .txt-box:before {position: absolute; top: 50%; right: -97px; transform: translateY(-50%); content: attr(data-num); display: flex; align-items: center; justify-content: flex-end; width: 194px; height: 194px; border-radius: 100%; background: var(--pr2); z-index: -1; font-size: 50px; font-weight: 800; line-height: 1.4; letter-spacing: -1.5px; color: var(--wt); text-indent: -76px;}
.steps-list ul li .child-box .txt-box:after {position: absolute; top: 0; right: 0; content: ''; display: block; width: 6px; height: 100%; background: var(--pr2);}
.steps-list ul li .child-box .txt-box .txt {font-size: 30px; font-weight: 400; line-height: 1.67; letter-spacing: -0.9px; color: var(--black_2d);}
.steps-list ul li .child-box .icon {width: 128.89px; height: auto;}
.steps-list ul li .child-box .icon img {width: 100%; height: auto;}

/* slide-area */
.slide-area {width: 100%; height: 539px;}
.slide-area .swiper-wrapper {align-items: center;}
.slide-area .swiper-wrapper .swiper-slide {width: auto; height: 400px;}
.slide-area .swiper-wrapper .swiper-slide img {width: 100%; height: 100%; object-fit: scale-down; transition: all .3s;}
.slide-area .swiper-wrapper .swiper-slide.swiper-slide-active {z-index: 1;}
.slide-area .swiper-wrapper .swiper-slide.swiper-slide-active img {transform: scale(1.895)}
.slide-area .swiper-wrapper .swiper-slide.swiper-slide-active iframe {transform: scale(1.895)}

/* swiper-arrow */
.swiper-arrow {display: flex; align-items: center; justify-content: space-between; width: 960px; height: 115px; margin: 81px auto 0; padding: 0 75px; background: var(--pr2); border-radius: 58px; box-sizing: border-box;}
.swiper-arrow button {padding-bottom: 15px; box-sizing: border-box;}
.swiper-arrow .swiper-pagination1 {position: initial; padding-top: 15px; box-sizing: border-box;}
.swiper-arrow .swiper-pagination1 div {font-size: 38px; font-weight: 500; letter-spacing: -1.14px; color: var(--wt);}
/* .swiper-arrow .swiper-pagination1 .swiper-pagination-bullet {width: auto; height: auto; background: transparent !important; border-radius: initial; opacity: 1;} */

/* banner-area */
.banner-area {max-width: 1920px; width: 100%; height: 1280px; margin: 100px auto 200px; background: url(./../img/banner1.png)no-repeat 50% 50%; background-size: cover; background-attachment: fixed;}
.banner-area .banner-img {animation: jello-diagonal-1 0.8s both; width: calc(100% - 400px); margin: 0 auto; height: auto;}
.banner-area .banner-img.aos-animate img {position: relative; animation: jello-diagonal-1 0.8s both;}
@keyframes jello-diagonal-1 {
  0% {
    -webkit-transform: skew(0deg 0deg);
            transform: skew(0deg 0deg);
  }
  30% {
    -webkit-transform: skew(25deg 25deg);
            transform: skew(25deg 25deg);
  }
  40% {
    -webkit-transform: skew(-15deg, -15deg);
            transform: skew(-15deg, -15deg);
  }
  50% {
    -webkit-transform: skew(15deg, 15deg);
            transform: skew(15deg, 15deg);
  }
  65% {
    -webkit-transform: skew(-5deg, -5deg);
            transform: skew(-5deg, -5deg);
  }
  75% {
    -webkit-transform: skew(5deg, 5deg);
            transform: skew(5deg, 5deg);
  }
  100% {
    -webkit-transform: skew(0deg 0deg);
            transform: skew(0deg 0deg);
  }
}
.banner-area .banner-img img {width: 100%; height: auto;}

/* moon_festa */
.moon_festa {width: 100%; height: auto; margin-top: 569px;}
.moon_festa .tit-img {width: 100%; height: auto; margin-bottom: 580px;}
.moon_festa .tit-img img {height: auto;}
.moon_festa .tit-img img.aos-animate img {position: relative; animation: jello-diagonal-1 0.8s both;}

.moon_festa .mf-content {width: 100%; height: auto; margin-bottom: 240px;}
.moon_festa .mf-content .tit {margin-bottom: 90px; font-size: 50px; font-weight: 600; line-height: 1.4; letter-spacing: -1.5px; color: var(--black_2d);}
.moon_festa .mf-content ul {display: flex; flex-flow: column; gap: 100px;}
.moon_festa .mf-content ul li {width: 100%; height: auto;}
.moon_festa .mf-content ul li a {font-size: 50px; font-weight: 500; line-height: 1.4; letter-spacing: -1.5px; color: var(--black_2d);}

/* explan-area */
.explan-area {width: 100%; text-align: center;}
.explan-area2 {margin-top: 324px;}
.explan-area > .tit {margin-bottom: 59px; font-size: 50px; font-weight: 600; letter-spacing: -1.5px; color: var(--black);}
.explan-area > .txt {margin-bottom: 90px; font-size: 30px; font-weight: 300; line-height: 1.67; letter-spacing: -0.9px; color: var(--black);}
.explan-area2 > .txt {font-weight: 600;}
.explan-area > .txt2 {margin-bottom: 59px;}

/* explan-img */
.explan-img {display: flex; align-items: center; justify-content: center; margin-bottom: 200px;}
.explan-img img {width: 100%; height: 275px; object-fit: cover;}

/* music_talk_recreation */
.music_talk_recreation {max-width: 1288px; width: 100%; height: auto; margin: 0 auto;}
.music_talk_recreation .top {width: 100%; height: auto; margin-bottom: 146px;}
.music_talk_recreation .top ul {display: flex; align-items: center; justify-content: center; gap: 80px;}
.music_talk_recreation .top ul li {position: relative; display: flex; align-items: center; justify-content: center; width: 376px; height: 170px; border-radius: 171px; background: var(--pr); font-size: 50px; font-weight: 500; letter-spacing: -1.5px; color: var(--wt);}
.music_talk_recreation .top ul li:before {position: absolute; top: 0; right: -125px; content: ''; display: block; width: 170px; height: 170px; border-radius: 100%; background: url(./../img/plus.png)no-repeat 50% 50%; background-size: cover;}
.music_talk_recreation .top ul li:last-of-type:before {display: none;}

.music_talk_recreation .bottom {width: 100%; text-align: left;}
.music_talk_recreation .bottom ul {display: flex; flex-flow: column; gap: 80px;}
.music_talk_recreation .bottom ul li {width: 100%; height: auto;}
.music_talk_recreation .bottom ul li .child-box {display: flex; align-items: center;}
.music_talk_recreation .bottom ul li .child-box .tit {display: flex; align-items: center; justify-content: center; width: 376px; height: 170px; border-radius: 171px; background: var(--pr); font-size: 50px; font-weight: 500; letter-spacing: -1.5px; color: var(--wt);}
.music_talk_recreation .bottom ul li .child-box .border {width: 212px; height: 1px; margin-right: 22.5px; background: var(--pr);}
.music_talk_recreation .bottom ul li .child-box .txt {font-size: 30px; font-weight: 600; line-height: 1.67; letter-spacing: -0.9px; color: var(--black);}

/* table-area */
.table-area {width: 100%; height: auto; margin-top: 230px;}
.table-area2 {margin-bottom: 278px;}
.table-area table {width: 100%; height: auto; table-layout: fixed; text-align: center;}
.table-area table th,td {height: 140px; border: 1px solid var(--pr); vertical-align: middle;}
.table-area table th {font-size: 40px; font-weight: 600; line-height: 1.25; letter-spacing: -1.2px; color: var(--black);}
.table-area table td {font-size: 40px; font-weight: 300; line-height: 1.25; letter-spacing: -1.2px; color: var(--black);}
.table-area2 table td {font-size: 35px;}
.table-area2 table td[colspan="3"] {font-size: 40px;}
.table-area table tr td:last-child {color: var(--pr); font-weight: 600;}
.table-area table tr td.first {color: var(--black); font-weight: 300;}
.table-area table thead th {border-top: none;}
.table-area table tbody tr.last td,
.table-area table tbody tr.last th {border-bottom: none; opacity: 0;}
.table-area table tbody th {}
.table-area table tbody td {}

/* content_scription */
.content_scription {width: 100%; height: auto;}
.content_scription ul {display: flex; flex-flow: column; align-items: center; justify-content: center; gap: 100px;}
.content_scription ul li {width: 100%; text-align: center;}
.content_scription ul li .child-box {width: 100%; height: auto;}
.content_scription ul li .child-box .img-box {position: relative; width: 100%; height: auto;}
.content_scription ul li .child-box .img-box img {width: 100%; height: auto;}
.content_scription ul li .child-box .img-box .time {position: absolute; top: 23px; right: 20px; font-size: 30px; font-weight: 300; line-height: 1.67; letter-spacing: -0.9px; color: var(--wt);}

.content_scription ul li .child-box .txt-box {width: 100%; height: auto; margin-bottom: 59px;}
.content_scription .tit {display: flex; align-items: center; justify-content: center; width: 376px; height: 43px; margin: 0 auto; border-radius: 171px; background: var(--pr); font-size: 30px; font-weight: bold; letter-spacing: -0.9px; color: var(--wt);}
.content_scription ul li .child-box .txt-box .txt {font-size: 30px; font-weight: 300; line-height: 1.67; letter-spacing: -0.9px; color: var(--black);}

/* last-banner */
.last-banner {width: 100%; height: auto;}

/* contact_list */
.contact_list {width: 100%; height: auto;}
.contact_list ul {display: flex; justify-content: space-between;}
.contact_list ul li {font-size: 40px; font-weight: 600; line-height: 1.75; letter-spacing: -1.2px; color: var(--black_2d);}
.contact_list ul li a {display: flex; flex-flow: column; gap: 5px;}
.contact_list ul li a[href="tel:01090043005"] {font-size: 30px; font-weight: 400;}
.contact_list ul li a[href="tel:01091020070"] {font-size: 30px; font-weight: 400;}
.contact-btn {display: flex; align-items: center; justify-content: center; gap: 56px; margin-top: 172px;}
.contact-btn a {display: flex; align-items: center; justify-content: center; width: 100%; height: 115px; border-radius: 58px; background: var(--pr2); font-size: 38px; font-weight: 600; letter-spacing: -1.14px; color: var(--wt);}
.contact-btn a:last-of-type {background: var(--pr);}

/* form-btn */
.form-btn {width: 100%; height: auto;}
.form-btn a {display: flex; align-items: center; justify-content: center; width: 732px; height: 115px; margin: 0 auto; border-radius: 58px; background: var(--pr2); font-size: 38px; font-weight: 600; letter-spacing: -1.14px; color: var(--wt);}
.form-btn button {display: flex; align-items: center; justify-content: center; width: 732px; height: 115px; margin: 0 auto; border-radius: 58px; background: var(--pr2); font-size: 38px; font-weight: 600; letter-spacing: -1.14px; color: var(--wt);}

/* form-area */
.form-area form {display: flex; flex-flow: column; gap: 135px; width: 100%; height: auto; margin: 100px 0 0;}
.form-area .input-box {width: 100%; height: auto;}
.form-area .input-box .tit {font-size: 40px; font-weight: 600; line-height: 1.75; letter-spacing: -1.2px; color: var(--black_2d);}
.form-area .input-box input[type="text"],
.form-area .input-box input[type="email"] {width: 100%; height: 100px; border-bottom: 1px solid var(--black); outline: none; font-size: 40px; font-weight: 400; color: var(--black);}

.form-area .input-box .ckd-box {display: flex; align-items: center; flex-wrap: wrap; gap: 55px 0; margin-top: 60px;}
.form-area .input-box .ckd-box input[type="checkbox"] {display: none;}
.form-area .input-box .ckd-box label {display: flex; align-items: center; gap: 30px; width: calc(100% / 2); box-sizing: border-box; font-size: 40px; font-weight: 600; line-height: 1.75; letter-spacing: -1.2px; color: var(--black_2d);}
.form-area .input-box .ckd-box label:before {content: ''; display: block; width: 60px; height: 60px; border: 1px solid var(--black); border-radius: 100%; background: transparent;}
.form-area .input-box .ckd-box label:nth-of-type(odd):before {margin-left: 120px;}
.form-area .input-box .ckd-box input[type="checkbox"]:checked + label:before {border-color: var(--pr2); background: var(--pr2);}

/* top-btn */
.top-btn {position: fixed; top: 50%; right: 160px; z-index: 5;}
.top-btn a {display: block; width: 80px; height: auto; border-radius: 100%;}
.top-btn a img {width: 100%; height: auto;}