/* .write_div:not(.btn_confirm) {display: none;} */

/* .bo_w_link,.file_wr {display: none !important;} */
.bo_v_nb,.cmt_btn,#bo_vc,#bo_vc_w {display: none;}

#bo_w {padding-bottom: 0;}

#bo_v_top {width: 100%; height: auto;}
#bo_v_top ul {display: flex; align-items: center; justify-content: flex-end;}
#bo_v_top ul li {}
#bo_v_top ul li a {}
#bo_v_top ul li button {}

.if_date,.bo_v_tit {display: block;}
.tbl_head01 td {border-color: #ecf0f1;}
.td_subject {padding: 10px 20px !important;}
.bo_sch_wrap {display: none;}
.sec {padding-bottom: 0;}

/* .more_opt li:first-child {display: none;} */
#bo_v_top ul.btn_bo_user > li:nth-child(2) {display: none;}
#bo_v_top ul.btn_bo_user > li:nth-child(3) {display: none;}

.btn_bo_user {display: none;}
.td_chk {display: none;}
.all_chk {display: none;}
#bo_v_share {display: none !important;}
/* .btn_bo_user {display: none;} */
#bo_btn_top {margin-bottom: 20px; font-size: 20px; font-weight: 400; color: var(--black_2d);}

.td_num2 {border-left: 0;}

.non_input {display: none;}

#bo_v_atc {width: 100%; height: auto; padding-top: 50px !important; text-align: center;}
#bo_v_atc .tit {font-size: 18px; font-weight: 400; line-height: 1.8; letter-spacing: -1.2px; color: var(--black_2d);}
#bo_v_atc .sv_guest {font-size: 18px; font-weight: 400; line-height: 1.8; letter-spacing: -1.2px; color: var(--black_2d);}
#bo_v_atc .ckd-list ul {}
#bo_v_atc .ckd-list ul li {font-size: 18px; font-weight: 400; line-height: 1.8; letter-spacing: -1.2px; color: var(--black_2d);}
.non-txt ul li a {font-size: 18px; font-weight: 400; line-height: 1.8; letter-spacing: -1.2px; color: var(--pr); text-decoration: underline;}

/* CSS 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video,textarea,input,select,button{margin:0; padding:0; border:0 none; font-size:100%; vertical-align:baseline; background:transparent;}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1;font-family:AppleSDGothicNeo-Regular,'Montserrat',sans-serif;color:#1a1b1f;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
dl,ul,ol,menu,li{list-style:none;}
blockquote,q{quotes: none /*따옴표 안생기게*/}
a{margin:0; padding:0; font-size:100%; text-decoration:none; vertical-align:baseline; color:#222; background:transparent;}
img{vertical-align:top;/* 인라인 수평맞추는것 */ width:100%;}
table{border-collapse:collapse; border-spacing:0;}
/* input{
margin:0;
padding:0;
box-sizing:content-box;
vertical-align:top;
appearance:none;
border:1px solid #e65d5d;
color:#e65d5d;
border-radius:0; 
font-family:NanumGothic,나눔고딕,'Nanum Gothic','맑은 고딕',HelveticaNeue,DroidSans,Sans-serif,Helvetica;
} */
/* input::-moz-input-placeholder{
color:#e65d5d;
}
input::-webkit-input-placeholder {
color:#e65d5d;
} */
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
hr {display: none;}
.blind,legend {display: block; position: absolute; left: 0; top: -9999em; overflow: hidden;}
.skip a {display: block; position: absolute; left: 0; top: -9999em; z-index: 9999; padding: 0 1em; background-color: #010101; color: #a0a0a0; line-height: 2.2;}
.skip a:focus {top: 0;}
.clearfix {zoom: 1;}
.clearfix:after {content: ''; display: block; clear: both;}
.s1140 {width: 1140px; margin: 0 auto;}
.m1140 {min-width: 1140px; margin: 0 auto;}
.ios .menu_bar{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}
body {min-width: 320px;}


/* common */
/* font */
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* //font */

:root {
  --pr : #3f7d41;
  --pr2 : #b01518;
  --black : #000;
  --black_2d : #2d2d2d;
  --black_2f : #2f2f2f;
  --gray_e : #eee;
  --wt : #fff;
}

/* color */
.blue {background: #eff7ff;}
.red {background: #ffefef;}
.green {background: #effff6;}
.yellow {background: #fff7ef;}
.pr2 {background: var(--pr) !important;}

button,input,textarea,a,td,th {font-family: 'Pre';}

html {scroll-behavior: smooth;}
body {font-family: 'Pre';}
.container {max-width: 1520px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box; overflow: hidden;}

/* box model */
.d-flex {display: flex; align-items: center;}
.border-none {border: none; border-right: 1px solid var(--pr);}

/* .tit-box */
.tit-box {margin-bottom: 90px; text-align: center;}
.tit-box .tit {font-size: 50px; font-weight: 800; letter-spacing: -1.5px; color: var(--black);}

/* more-btn */
.more-area {position: relative; display: flex; justify-content: flex-end; max-width: 1920px; width: 100%; margin: 100px auto 0; z-index: 1;}
.sec2 .more-area {margin: 224px auto 0;}
.more-btn {position: relative; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 483px); height: 296px; padding: 0 200px 0 100px; box-sizing: border-box; background: var(--wt); font-size: 50px; font-weight: 800; letter-spacing: -1.5px; color: var(--black);}
.more-area.pr .more-btn {background: var(--gray_e);}
.more-btn:before {position: absolute; top: 50%; left: -62px; transform: translateY(-50%); content: ''; display: block; width: 124px; height: 124px; background: var(--pr2); border-radius: 100%; z-index: -1;}
.more-btn:after {position: absolute; top: 0; left: 0; content: ''; display: block; width: 6px; height: 100%; background: var(--pr2);}
/* more-btn addClass 가 pr 일때 */
.more-area.pr .more-btn:before {position: absolute; top: 50%; left: -62px; transform: translateY(-50%); content: ''; display: block; width: 124px; height: 124px; background: var(--pr); border-radius: 100%; z-index: -1;}
.more-area.pr .more-btn:after {position: absolute; top: 0; left: 0; content: ''; display: block; width: 6px; height: 100%; background: var(--pr);}
.more-btn img {width: 213px; height: auto;}

/* tag-btn */
.tag-btn {}
.tag-btn .txt {font-size: 40px; font-weight: 600; line-height: 1.75; letter-spacing: -1.2px; color: var(--black_2d);}
.tag-btn .d-flex {justify-content: space-between;}
.tag-btn .tag {font-size: 350px; font-weight: 600; line-height: 1.19; color: var(--pr2);}
.tag-btn .btn-more {display: flex; align-items: center; justify-content: center; flex-flow: column; gap: 21px; padding: 98px 195.7px; text-align: center; background: var(--pr2); border-radius: 171px; box-sizing: border-box; font-size: 38px; font-weight: 500; line-height: 1.32; letter-spacing: -1.14px; color: var(--wt);}
.tag-btn .btn-more img {width: 368.5px;}
.tag-btn.pr .tag {color: var(--pr);}
.tag-btn.pr .btn-more {background: var(--pr);}

/* contact-link */
.contact-link {display: flex; align-items: center; justify-content: space-between; width: 1260px; height: 248px; padding: 0 86px 0 123px; margin: 0 auto; border-radius: 171px; background: var(--pr); font-size: 50px; font-weight: 600; letter-spacing: -1.5px; color: var(--wt); box-sizing: border-box;}
.contact-link img {width: 213px; height: auto;}

/* header */
header {position: absolute; top: 110px; left: 0; width: 100%; height: 114px; box-sizing: border-box;}
header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header .logo {width: 151px; height: auto;}
header .logo img {height: auto;}
header nav {}
header nav ul {display: flex; align-items: center; gap: 48px;}
header nav ul li {}
header nav ul li a {font-size: 26px; font-weight: 500; line-height: 1.19; color: var(--black);}
header nav ul li.active a {font-weight: 800;}

/* visual */
.visual {padding: 272px 0 90px; border-bottom: 1px solid var(--black);}
.visual2 {padding-bottom: 0; border-bottom: 0;}
.visual .img-box {width: 100%; height: auto;}
.visual .img-box img {width: 100%; height: auto;}

/* kv-txt */
.kv-txt {margin-top: 80px; margin-bottom: -114px; text-align: center; font-size: 40px; font-weight: 600; line-height: 1.75; letter-spacing: -1.2px; color: var(--black_2d);}
.kv-txt:after {content: ''; display: block; width: 1px; height: 396px; margin: 0 auto; background: var(--black);}



/* footer */
footer {padding: 62px 0 140px; margin-top: 331px; background: rgba(0, 0, 0, 0.8);}
footer ul {display: flex; align-items: flex-end; justify-content: center;}
footer ul li {padding-right: 192px;}
footer ul li .tit {margin-bottom: 30px; font-size: 18px; font-weight: 600; line-height: 1.61; color: var(--wt);}
footer ul li .tit img {width: 326px; height: auto;}
footer ul li .address {margin-bottom: 50px; font-size: 16px; font-weight: 400; line-height: 1.56; letter-spacing: -0.48px; color: var(--wt);}
footer ul li .link-box {display: flex; align-items: center; gap: 14px;}
footer ul li .link-box a {font-size: 16px; font-weight: 400; line-height: 1.56; color: var(--wt);}
footer ul li dl {display: flex; align-items: center; margin-bottom: 10px; font-size: 16px; font-weight: 400; line-height: 1.56; color: var(--wt);}
footer ul li dl:last-of-type {margin-bottom: 0;}
footer ul li dl dt {min-width: 49px; width: auto; margin-right: 15px;}
footer ul li dl dd {}
footer ul li .copyright {margin-top: 42px; font-size: 15px; font-weight: 400; line-height: 1.67; color: var(--wt);}


/* style */
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;}

/* 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; letter-spacing: -0.72px; color: var(--wt);}
.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)}

/* 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 {width: calc(100% - 400px); margin: 0 auto; height: auto;}
.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 .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: auto; height: 386px;}

/* 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 {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; align-items: center; 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-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: none; box-shadow: none; border-radius: 0; border-bottom: 1px solid var(--black); outline: none !important; font-size: 40px; font-weight: 400; color: var(--black);}
.form-area .input-box #wr_content {width: 100%; height: 100px !important; border: none; box-shadow: none; border-radius: 0; border-bottom: 1px solid var(--black); outline: none !important; font-size: 40px; font-weight: 400; color: var(--black); resize: none; vertical-align: middle; padding: 26px 0; box-sizing: border-box;}

.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;}


/* 반응형 */
@media screen and (max-width: 1920px){
  .about-list,.more-area,.banner-area {max-width: 100%;}
}

@media screen and (max-width: 1550px) {
  .container {max-width: 100%; padding: 0 20px;}
  .vod-area {max-width: 100%;}
  .contact-area {max-width: 100%;}
  .contact-area .link-box {gap: 20px; padding: 0 20px; box-sizing: border-box;}

  /* header */
  header {top: 20px;}
  header .logo {width: 100px;}
  header nav ul {gap: 30px;}
  header nav ul li a {font-size: 16px;}

  /* .visual */
  .visual {padding: 100px 0 90px;}
  .sec1 {padding: 50px 0 100px}
  .sec1_txt {margin-bottom: 40px; font-size: 24px; line-height: 1.8;}
  .tit-box .tit {font-size: 36px;}
  .tit-box {margin-bottom: 50px;}
  .about-list ul li .child-box .txt-box {left: 20px;}
  .about-list ul li .child-box .txt-box .tit {margin-bottom: 20px; font-size: 24px;}
  .about-list ul li .child-box .txt-box .sub {font-size: 20px;}
  .more-btn {width: calc(100% - 630px); height: 150px; padding: 0 100px 0 50px; font-size: 30px;}
  .more-btn img {width: 130px;}
  .sec2 {padding-bottom: 124px;}
  section {padding: 100px 0 150px;}
  .tab-btn {gap: 23.6px 0; margin: 84px -10px 0;}
  .tab-btn li button {height: 80px; font-size: 16px;}
  .tab-btn li {padding: 0 10px;}
  .contact-area .link-box a {height: 60px; font-size: 16px;}
  footer {margin-top: 100px;}


  .kv-txt {margin-top: 40px; font-size: 25px; margin-bottom: 0;}
  .kv-txt:after {height: 140px;}
  .tag-btn .tag {font-size: 100px;}
  .tag-btn .btn-more {flex-flow: row; height: 80px; padding: 0 20px; font-size: 24px; white-space: nowrap;}
  .tag-btn .btn-more br {display: none;}
  .tag-btn .btn-more img {width: 100px;}
  .tag-btn .txt {font-size: 25px;}

  .banner-area {display: flex; align-items: center; justify-content: center; height: 100vh; margin: 20px 0 50px;}
  .banner-area .banner-img {width: calc(100% - 600px);}
  .moon_festa {margin-top: 100px;}
  .moon_festa .tit-img {margin-bottom: 180px;}
  .moon_festa .mf-content .tit {margin-bottom: 40px; font-size: 30px;}
  .moon_festa .mf-content ul li a {font-size: 30px;}
  .moon_festa .mf-content ul {gap: 40px;}
  .moon_festa .mf-content {margin-bottom: 140px;}
  .explan-area > .tit {margin-bottom: 30px; font-size: 35px;}
  .explan-area > .txt {margin-bottom: 50px; font-size: 20px;}
  .explan-img img {width: auto; height: 20vw;}
  .explan-img {margin-bottom: 100px;}
  .music_talk_recreation .top ul {gap: 50px;}
  .music_talk_recreation .top ul li {width: 300px; height: 80px; font-size: 20px;}
  .music_talk_recreation .top ul li:before {width: 80px; height: 80px; right: -65px;}
  .music_talk_recreation .top {margin-bottom: 50px;}
  .music_talk_recreation .bottom ul li .child-box .tit {width: 300px; height: 80px; font-size: 20px;}
  .music_talk_recreation .bottom ul {gap: 40px;}
  .music_talk_recreation {max-width: 100%;}

  .steps-list ul {gap: 30px;}
  .steps-list ul li {width: calc(100% - 100px);}
  .steps-list ul li .child-box .txt-box .txt {font-size: 20px;}
  .steps-list ul li .child-box .icon {width: 75px;}
  .steps-list ul li .child-box .txt-box {padding: 20px 30px 20px 20px;}
  .steps-list ul li .child-box .tit {padding-left: 20px; font-size: 26px;}
  .steps-list ul li .child-box .txt-box:before {right: -50px; width: 100px; height: 100px; font-size: 24px; text-indent: -40px;}
  .swiper-arrow {width: 350px; height: 55px; padding: 0 20px; margin: 40px auto 0;}
  .swiper-arrow button {padding-bottom: 0;}
  .swiper-arrow button img {width: 100px;}
  .swiper-arrow .swiper-pagination1 div {padding-bottom: 7px; font-size: 24px;}
  
  .music_talk_recreation .bottom ul li .child-box .txt {font-size: 18px;}

  .table-area table th {font-size: 25px;}
  .table-area table td {font-size: 25px;}
  .table-area table th, td {height: 100px;}

  .content_scription ul {gap: 50px;}
  .content_scription .tit {width: 250px; height: 35px; margin-bottom: 10px; font-size: 20px;}
  .content_scription ul li .child-box .txt-box .txt {font-size: 16px;}
  .content_scription ul li .child-box .txt-box {margin-bottom: 20px;}
  .table-area {margin-top: 50px; margin-bottom: 100px;}
  .table-area2 table td[colspan="3"] {font-size: 25px;}
  .contact-link {width: 900px; height: 120px; padding: 0 50px; font-size: 30px;}
  .contact-link img {width: 135px;}

  .explan-area2 {margin-top: 124px;}

  .contact_list ul li {font-size: 30px;}
  .contact-btn a {height: 75px; font-size: 28px;}

  .form-btn a {width: 500px; height: 70px; font-size: 24px;}
  .form-area .input-box .tit {font-size: 30px;}
  .form-area .input-box input[type="text"], .form-area .input-box input[type="email"] {height: 50px; font-size: 30px;}
  .form-area .input-box #wr_content {padding: 0; height: 50px !important; font-size: 30px;}
  .form-area form {gap: 50px; margin: 50px 0;}
  .form-area .input-box .ckd-box label:nth-of-type(odd):before {margin-left: 0;}
  .form-area .input-box .ckd-box label:before {width: 30px; height: 30px;}
  .form-area .input-box .ckd-box label {gap: 15px; font-size: 30px;}
  .form-btn button {width: 500px; height: 70px; font-size: 24px;}
  
  .top-btn {top: auto; bottom: 20px; right: 20px;}
  .top-btn a {width: 40px;}
}

@media screen and (max-width: 1130px) {
  .sec1_txt {font-size: 18px;}
  .tab-btn li button {font-size: 14px;}
  .tab-btn li button img {width: 80px;}
  .more-btn {padding: 0 50px 0 20px; font-size: 20px;}
  .more-btn img {width: 80px;}
}

@media screen and (max-width: 900px) {
  .sec-img ul li .child-box:before {top: -50px; width: 100px; height: 100px;}
  .sec-img ul li .child-box:after {height: 5px;}
  .sec-img ul {gap: 20px;}

  .about-list ul li .child-box .txt-box {top: 20px;}
  .about-list ul li .child-box .txt-box .tit {font-size: 16px;}
  .about-list ul li .child-box .txt-box .sub {font-size: 14px;}

  .more-btn {width: calc(100% - 100px); height: 90px;}
  .more-area .more-btn:before {left: -20px; width: 40px; height: 40px;}
  .more-area .more-btn:after {width: 3px;}
  .more-area.pr .more-btn:before {left: -20px; width: 40px; height: 40px;}
  .more-area.pr .more-btn:after {width: 3px;}
  section {padding: 50px 0;}
  .tit-box .tit {font-size: 30px;}

  .sec2 .more-area {margin: 180px auto 0;}
  .tab-btn {gap: 10px 0; margin: 40px -10px 0;}
  .tab-btn li button {height: 60px; padding: 0 20px;}

  footer {margin-top: 50px; padding: 50px 0 80px;}
  footer ul li {padding-right: 0;}
  footer ul {flex-flow: column; align-items: flex-start; justify-content: flex-start; gap: 50px;}
  footer ul li .tit {margin-bottom: 20px; font-size: 16px;}
  footer ul li .address {margin-bottom: 25px; font-size: 14px;}
  footer ul li .link-box a {font-size: 14px;}
  footer ul li .copyright {margin-top: 20px;}

  .slide-area {height: 350px;}
  .steps-list ul li .child-box .tit {font-size: 18px;}
  .steps-list ul li .child-box .txt-box .txt {font-size: 14px;}
  .steps-list ul li .child-box .icon {width: 50px;}
  .steps-list ul li .child-box .txt-box:before {width: 70px; height: 70px; font-size: 16px; text-indent: -25px; right: -25px;}
  .swiper-arrow {width: 250px; height: 45px; margin: 0 auto;}
  .swiper-arrow button img {width: 50px;}
  .swiper-arrow .swiper-pagination1 div {padding-bottom: 15px; font-size: 16px;}

  .tag-btn .tag {font-size: 50px;}
  .tag-btn .btn-more {height: 40px; font-size: 16px;}
  .tag-btn .btn-more img {width: 50px;}
  .tag-btn .txt {font-size: 16px;}

  .banner-area {height: 50vh;}
  .banner-area .banner-img {width: 50%;}
  .moon_festa {margin-top: 50px;}
  .moon_festa .tit-img {margin-bottom: 50px;}

  .moon_festa .mf-content .tit {font-size: 20px; margin-bottom: 20px;;}
  .moon_festa .mf-content ul li a {font-size: 20px;}
  .moon_festa .mf-content ul {gap: 20px;}

  .explan-area > .tit {margin-bottom: 20px; font-size: 25px;}
  .explan-area > .txt {margin-bottom: 25px; font-size: 16px;}
  .explan-img {margin-bottom: 50px;}
  .music_talk_recreation .top ul {flex-flow: column;}
  .music_talk_recreation .top ul li {width: 100%; height: 50px; font-size: 16px;}
  .music_talk_recreation .top ul li:before {right: auto; top: 40px; left: 50%; transform: translateX(-50%); width: 70px; height: 70px;}
  .music_talk_recreation .bottom ul li .child-box {flex-flow: column;}
  .music_talk_recreation .bottom ul li .child-box .border {width: 1px; height: 30px; margin: 0 auto;}
  .music_talk_recreation .bottom ul li .child-box .tit {width: 100%; height: 50px; font-size: 16px;}
  .music_talk_recreation .bottom ul li .child-box .txt {font-size: 14px;}

  .table-area table th, td {height: 50px;}
  .table-area table th,.table-area2 table td[colspan="3"] {font-size: 16px;}
  .table-area table td {font-size: 14px;}
  .table-area {margin-bottom: 50px;}
  .explan-area > .tit {font-size: 22px;}
  .explan-area > .txt {font-size: 14px;}
  .content_scription .tit {width: 150px; height: 30px; font-size: 16px;}
  .content_scription ul li .child-box .txt-box .txt {font-size: 14px;}

  .contact-link {width: 100%; height: 50px; padding: 0 20px; font-size: 18px;}
  .contact-link img {width: 70px;}

  .explan-area2 {margin-top: 70px;}

  .contact_list ul {flex-flow: column;}
  .contact_list ul li {font-size: 26px;}
  .contact-btn {gap: 20px; margin-top: 50px;}
  .contact-btn a {height: 50px; font-size: 18px;}

  .tit-box {margin-bottom: 25px;}
  .form-btn a,.form-btn button {width: 300px; height: 50px; font-size: 18px;}

  .form-area .input-box .tit {font-size: 20px;}
  .form-area .input-box input[type="text"], .form-area .input-box input[type="email"] {height: 40px; font-size: 18px;}
  .form-area .input-box #wr_content {height: 40px !important; font-size: 18px;}
  .form-area .input-box .ckd-box {gap: 20px 0; margin-top: 20px;}
  .form-area .input-box .ckd-box label:before {width: 20px; height: 20px;}
  .form-area .input-box .ckd-box label {gap: 5px; font-size: 24px;}

  .content_scription ul li .child-box .img-box .time {top: 5px; right: 5px; font-size: 14px;}
}

@media screen and (max-width: 600px) {
  /* header .container */
  header .container {flex-flow: column;}
  header nav ul {gap: 10px;}
  header nav ul li a {font-size: 14px;}

  .visual {padding: 150px 0 90px;}
  .sec1_txt {font-size: 14px;}
  .sec1_txt br {display: none;}
  .sec-img ul {flex-flow: column;}
  .sec-img ul li {width: 100%;}
  .sec-img ul li:nth-child(even) .child-box,.sec-img ul li:nth-child(3) .child-box {top: 0 !important;}
  .sec-img {padding: 50px 0 0;}
  .about-list ul {padding: 0 20px; box-sizing: border-box;}
  .about-list ul li {width: 100%;}
  .about-list ul li:nth-child(even) .child-box {top: 0 !important;}
  .sec2 .more-area {margin-top: 50px;}
  .tab-btn li {width: 100%;}
  .more-area {margin-top: 50px;}
  .contact-img {margin-bottom: 30px;}
  .contact-area .link-box {flex-flow: column; gap: 5px;}
  .contact-area .link-box a {height: 40px; font-size: 14px;}

  .steps-list ul li {width: calc(100% - 50px);}
  .slide-area {height: 250px;}
  
  .table-area2 {overflow: hidden; overflow-x: scroll;}
  .table-area2 table {width: 560px;}
  .table-area table thead th:first-child {position: sticky; left: 0; z-index: 1;}
  .table-area table tbody th {position: sticky; left: 0; z-index: 1;}

  .contact_list ul li {font-size: 20px;}
  .contact-btn a {height: 40px; font-size: 16px;}
  .contact-btn {gap: 10px;}

  .form-btn a, .form-btn button {height: 45px; font-size: 16px;}
  .form-area .input-box .tit {font-size: 16px;}
  .form-area .input-box input[type="text"], .form-area .input-box input[type="email"] {font-size: 14px;}
  .form-area form {gap: 30px;}
  .form-area .input-box .ckd-box label:before {width: 10px; height: 10px;}
  .form-area .input-box .ckd-box label {gap: 5px; font-size: 16px;}
  .form-area .input-box .ckd-box {gap: 5px 0; margin-top: 10px;}
}

@media screen and (max-width: 599px) {
  .slide-area {height: auto;}
  .slide-area .swiper-wrapper .swiper-slide.swiper-slide-active img {transform: scale(1);}
  .slide-area .swiper-wrapper .swiper-slide {height: 100%;}
  .swiper-arrow {height: 35px; margin-top: 20px;;}

  .steps-list ul li {width: 100%;}
  .steps-list ul li .child-box .txt-box {flex-flow: column-reverse; gap: 10px; width: 100%; text-align: center;}
  .steps-list ul li .child-box .txt-box:before {display: none;}

  .explan-img {flex-flow: column;}
  .explan-img img {width: 100%; height: auto;}
}

@media screen and (max-width: 427px) {
  .steps-list ul li .child-box .txt-box .txt {font-size: 12px; word-break: keep-all;}

  .table-area:not(.table-area2) {overflow: hidden; overflow-x: scroll;}
  .table-area:not(.table-area2) table {width: 384px;}
  .table-area table thead th:first-child {position: sticky; left: 0; z-index: 1;}
  .table-area table tbody th {position: sticky; left: 0; z-index: 1;}

  .tag-btn .btn-more {height: 35px; font-size: 12px;}
  .tag-btn .btn-more img {width: 35px;}
  .tag-btn .tag {font-size: 40px;}
}

@media screen and (max-width: 342px) {
  header nav ul li a {font-size: 12px;}
  .kv-txt {font-size: 20px;}

  footer ul li .link-box a,footer ul li .address,footer ul li dl,footer ul li .copyright {font-size: 12px;}

  .explan-area > .txt {word-break: keep-all;}

  .form-btn a, .form-btn button {width: 100%;}
}