@charset "UTF-8";
/* 공통 */
.visual {width: 100%;height: auto;}
.visual img {width: 100%;height: auto;}
.content {}
.inner {max-width: 1314rem;width: 90%;margin: 0 auto;}
h2.sec_sub_ttl {font-size: 33rem;color: #111111;line-height: 37rem;text-align: center;}

.main_notice {max-width: 1314rem;background-color: var(--point-color-yellow);border-radius: 15rem;margin: 0 auto;position: relative;top: -55rem;height: 110rem;display: flex;align-items: center;padding: 0 3.9%;box-sizing: border-box;}
.main_notice .main_notice_ttl {display: block;font-size: 33rem;line-height: 37rem;color: #333;width: 295rem;}
.main_notice .main_notice_ttl::before {content: '';width: 36rem;height: 35rem;background: url(../images/common/icon_notice_bk.png) no-repeat center bottom;display: inline-block;margin-right: 6.5%;vertical-align: middle;}
.main_notice .main_notice_ttl::after {content: '';width: 1rem;height: 20rem;background: #333;margin: 0 19%;display: inline-block;}
.main_notice .main_notice_cont {width: calc(100% - 295rem);height: 100%;overflow: hidden;}
.main_notice .main_notice_cont .swiper-slide {height: 100%;vertical-align: middle;}
.main_notice .main_notice_cont .main_notice_wrap {display: flex;justify-content: space-between;align-items: center;height: 100%;}
.main_notice .main_notice_cont p.main_notice_txt {font-size: 18rem;font-weight: 500;color: #333;width: 85%;}
.main_notice .main_notice_cont span.main_notice_date {font-size: 18rem;color: #333;font-weight: 700;}

.main-program {background: #fff;padding: 6.96% 0 2.4% 0;}
.main-program .inner {background: url(../images/main/program_bg.png) no-repeat left 10.5% top;}
.main-program_wrap {margin-top: 27rem;max-width: 1314rem;}
.main-program .main-program_button {display: flex;justify-content: center;margin: 27rem 0 40rem 0;}
.main-program .main-program_button button {display: inline-block;padding: 0 23rem;line-height: 43rem;height: 43rem;font-size: 18rem;font-weight: 500;color: var(--point-color-blue);border-radius: 22rem;border: 1rem solid var(--point-color-blue);background: #fff;}
.main-program .main-program_button button.active {background: var(--point-color-blue);color: #fff;}
.main-program .main-program_button button:last-child {margin-left: 40rem;}
.main-program .main-program_wrap {padding: 0 30rem;position: relative;}
.main-program .main-program_wrap .program_inner {padding: 30rem 15rem;}
.main-program .main-program_online {display:block;}
.main-program .main-program_wrap .swiper-button-prev {left: 0;color: var(--point-color-blue);font-size: 50rem;background-image: none;}
.main-program .main-program_wrap .swiper-button-next {right: 0;color: var(--point-color-blue);font-size: 50rem;background-image: none;}
.main-program .swiper-wrapper {align-items: stretch;}
.main-program .swiper-slide {height: auto;width: calc(25% - 22.5rem);margin-right: 30rem;}
.main-program .main-program_offline {display:none;}
.main-program .program_inner {display: flex;align-items: stretch;}
.main-program .main-program_wrap .main-program_box {height: 100%;}
.main-program .main-program_wrap .main-program_box:last-child {margin-right: 0;}
.main-program .main-program_wrap .main-program_box a {padding: 30rem;box-shadow: 0rem 0rem 15rem #00000026;display: block;border-radius: 15rem;height: 100%;}
.main-program .main-program_wrap .main-program_box a .main-program_cond {padding: 0 18rem;line-height: 30rem;background-color: var(--point-color-blue);color:#fff;font-size: 16rem;font-weight: 700;display: inline-block;margin-bottom: 9rem;border-radius: 22rem;}
.main-program .main-program_wrap .main-program_box a .tag {margin-bottom: 15rem;}
.main-program .main-program_wrap .main-program_box a .tag span {font-size: 16rem;font-weight: 500;color: var(--point-color-blue);}
.main-program .main-program_wrap .main-program_box a .tag span:last-child::before {content: '';width: 1rem;height: 14rem;background: #DDDDDD;display: inline-block;margin: 0 10rem;}
.main-program .main-program_wrap .main-program_box a .main-program_ttl {margin-bottom: 24rem;line-height: 24rem;font-size: 18rem;color: #111111;word-break: keep-all;max-width: 250rem;}
.main-program .main-program_wrap .main-program_box a .main-program_inform {}
.main-program .main-program_wrap .main-program_box a .main-program_inform li {font-size: 14rem;color: #777777;line-height: 25rem;}
.main-program .main-program_wrap .main-program_box a .main-program_inform li:nth-child(1) {margin-bottom: 7rem;}
.main-program .main-program_wrap .main-program_box a .main-program_inform li:nth-child(1):before {content:'';width: 24rem;height: 24rem;background: url(../images/common/icon_person.png) no-repeat center;display: inline-block;vertical-align: middle;margin-right: 5rem;}
.main-program .main-program_wrap .main-program_box a .main-program_inform li:nth-child(2):before {content:'';width: 22rem;height: 22rem;background: url(../images/common/icon_watch.png) no-repeat center;display: inline-block;vertical-align: middle;margin-right: 5rem;}
.main-program .main-program_wrap .main-program_box a .main-program_inform li span {font-weight: 500;font-size: 14rem;}
.main-program .main-program_wrap .main-program_box a .main-program_inform li span::after {content: '';width: 1rem;height: 14rem;background: #DDDDDD;display: inline-block;margin: 0 10rem;}

.main-news {background-color: #F8F8F8;padding: 50rem 0 70rem 0;}
.main-news h2.sec_sub_ttl {position: relative;padding:23rem 0 0 22rem;background: url(../images/common/icon_ttl.png) no-repeat left 50.5% center;}
.main-news .inner {display: flex;justify-content: space-between;margin-top: 42rem;}
.main-news .main-news_left {padding-top: 36.15%;height: 0;background: url(../images/main/news_youtube.png) no-repeat center;width: 61.64%;display: block;max-width: 750rem;position:relative;background-size: cover;}
.main-news .main-news_left a {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.main-news .main-news_left::after {content:'';width: 17.18%;height: 21.05%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url(../images/main/play_btn.png) no-repeat center;display:block;background-size: cover;}
.main-news .main-news_right {position: relative;height: 100%;padding-bottom: 22rem;max-width: 520rem;width: 40%;padding-top: 34.6%;height: 0;margin-left: 30rem;}
.main-news .main-news_right::before {content:'';width: 105rem;height: 99rem;background: url(../images/main/news_back01.png) no-repeat center;position:absolute;right: 15rem;top: 0;}
.main-news .main-news_right::after {content:'';width: 92rem;height: 115rem;background: url(../images/main/news_back02.png) no-repeat center;position: absolute;left: -7rem;bottom: 7rem;z-index: 1;}
/* .main-news .main-news_right .main-news_sd {overflow: hidden;height: auto;}
.main-news .main-news_right .main-news_sd .swiper-slide {overflow: hidden;box-sizing: border-box;padding: 10rem;width: 100%;}
.main-news .main-news_right .main-news_sd .swiper-slide img {border-radius: 30rem;box-shadow: 0rem 0rem 14rem #00000024;width: 100%;height: auto;}
.main-news .main-news_right .main-news_sd .swiper-pagination {}
.main-news .main-news_right .swiper-pagination .swiper-pagination-bullet-active {background: var(--point-color-blue);} */

.main-news .main-news_right .flex_inner {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.main-news .main-news_right .flex_inner h3 {font-size: 26rem;margin-bottom: 25rem;text-align: center;}
.main-news .main-news_right .flex_inner a {display: block;padding: 0 23rem;line-height: 43rem;height: 43rem;font-size: 18rem;font-weight: 500;color: var(--point-color-blue);border-radius: 22rem;background: var(--point-color-blue);color: #fff;max-width: 220rem;width: 100%;margin-top: 30rem;margin:30rem auto;text-align: center;}
.main-news .main-news_right .inner_box {width: 100%;}
.main-news .main-news_right .inner_box .meta_img {width: 100%;height: auto;}


.main-meta {margin: 100rem 0 81rem 0;position: relative;}
.main-meta::before {content:'';width: 31.71%;height: 100%;background-color: #F4F5F6;border-top-right-radius: 71rem;position: absolute;left: 0;top: 0;z-index: 1;}
.main-meta .inner {position: relative;z-index: 2;display: flex;width: 100%;justify-content: space-between;align-items: flex-start;}

.main-meta_left {padding: 9.75% 0 3.3% 0;width: 23.4%;position: relative;z-index: 2;}
.main-meta_left::before {content: '';width: 79rem;height: 111rem;background: url(../images/main/meta_back01.png) no-repeat center;position: absolute;left: 0;top: -42rem;background-size: cover;}
.main-meta_left .main-meta_left_ttl {}
.main-meta_left .main-meta_left_ttl > p {font-size: 33rem;line-height: 37rem;color: #111;word-break: keep-all;margin-bottom: 13.7%;}
.main-meta_left .main-meta_left_ttl > p > span {color: var(--point-color-blue);}
.main-meta_left .main-meta_left_ttl > span {font-size: 18rem;color: #111;line-height: 24rem;font-weight: 600;word-break: keep-all;margin-bottom: 13.7%;display: inline-block;}
.main-meta_left .main-meta_left_click {}
.main-meta_left .main-meta_left_click li {margin: 30rem 0 4.2% 30rem;}
.main-meta_left .main-meta_left_click li:nth-child(1) {margin: 0 30rem 4.2% 30rem;}
.main-meta_left .main-meta_left_click li:last-child {margin: 30rem 30rem 0 30rem;}

.main-meta_left .main-meta_left_click li button {font-size: 20rem;color: #707070;line-height: 24rem;font-weight: 500;display: block;width: 100%;text-align: left;}
.main-meta_left .main-meta_left_click li.active {background: var(--point-color-blue);padding: 15rem 38rem;border-radius: 30rem;margin: 30rem -19.3% 30rem 0;}
.main-meta_left .main-meta_left_click li:nth-child(1).active {margin: 0 -19.3% 30rem 0;}
.main-meta_left .main-meta_left_click li:last-child.active {margin: 30rem -19.3% 0 0;}
.main-meta_left .main-meta_left_click li.active button {font-size: 22rem;color: #fff;}
.main-meta_left .main-meta_left_click li.active button::after {content: '';width: 12rem;height: 27rem;background: url(../images/common/icon_direct.png) no-repeat center;float: right;}

.main-meta_right {margin-top: 50rem;width: 74.5%;}
.main-meta_right .img_box {height: 100%;}
.main-meta_right .img_box ul {position: relative;height: 0;padding-top: 63.5%;}
.main-meta_right .img_box ul li {position: absolute;left: 0;top: 0;opacity: 0;border-bottom-left-radius: 61rem;overflow: hidden;}
.main-meta_right .img_box ul li > p {font-size: 39rem;font-weight: 700;line-height: 53rem;margin-bottom: 3.7%;}
.main-meta_right .img_box ul li .img_box_wrap {position: relative;}
.main-meta_right .img_box ul li:nth-child(1) {z-index: 1;opacity: 1;}
.main-meta_right .img_box ul li .prepare {content: '';background:rgba(0, 0, 0, 0.34);display: flex;font-size: 42rem;color: #fff;line-height:48rem;position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;justify-content: center;flex-direction: column;z-index: 1;}
.main-meta_right .img_box ul li .prepare img {display: block;margin-bottom: 20rem;}
.main-meta_right .img_box ul li a {position: relative;width: 100%;display: inline-block;height: auto;}
.main-meta_right .img_box ul li a .meta_img {width: 100%;height: auto;}




@media screen and (max-width:1313px) {
	/* Desktop */
	.main_notice {width: 90%;height: 85rem;top: -42.5rem;}
	.main_notice .main_notice_ttl {font-size: 26rem;width: 214rem;}
	.main_notice .main_notice_ttl::before {background-size: 30rem auto;}
	.main_notice .main_notice_ttl::after {margin: 0 15%;vertical-align: middle;}
	.main_notice .main_notice_cont {width: calc(100% - 214rem);}

	.main-meta_left::before {left: 30rem;}
	.main-meta_left .main-meta_left_ttl  {margin-left: 30rem;}
}

@media screen and (max-width:1200px) {
	.main-program .swiper-slide {width: calc(33.33% - 20rem);margin-right: 30rem;}

	.main-meta_left {width: 30.4%;}
	.main-meta_left {padding:100rem 0 35rem 0;}
	.main-meta_right {width: 66.5%;}

	.main-news .main-news_right::before {right: 0;}
	.main-news .main-news_right::after {width: 80rem;height: 100rem;background-size: cover;}
	
}

@media screen and (max-width:1023px) {
	.main-program .inner {background-position: left top}

	.main-program .main-program_wrap .program_inner {flex-wrap: wrap;}
	.main-program .main-program_wrap .main-program_box a .main-program_ttl {width: 100%;max-width: 100%;}
	.main-program .swiper-slide {width: calc(50% - 15rem);margin-right: 30rem;}

	.main-meta {margin-bottom: 100rem;}
	.main-meta::before {width: 90%;height: 496rem;}
	.main-meta .inner {width: 90%;flex-wrap: wrap;}
	.main-meta_left .main-meta_left_ttl > p  {margin-bottom: 25rem;}
	.main-meta_left .main-meta_left_ttl > span {margin-bottom: 25px;}
	.main-meta_left .main-meta_left_ttl > p br {display: none;}
	.main-meta_left .main-meta_left_ttl > span br {display: none}
	.main-meta_left {width: 100%;padding: 70rem 0 35rem 0;}
	.main-meta_left .main-meta_left_click li {margin: 30rem 0 0 30rem;}
	.main-meta_left .main-meta_left_click li.active {margin: 30rem 0;}
	.main-meta_left .main-meta_left_click li:nth-child(1).active {margin: 0 0 30rem 0;}
	.main-meta_left .main-meta_left_click li:last-child.active {margin: 30rem 0 0 0;}

	.main-meta_right {margin-top: 0;width: 100%;}
	.main-meta_right .img_box ul li > p {margin-top:30rem;font-size: 24rem;line-height: 1.5;}

	.main-news .main-news_right::before {display: none;}
	.main-news .main-news_right::after {display: none;}
	.main-news .main-news_right .flex_inner a {max-width: 100%;}
}

@media screen and (max-width:767px){ 
	/* Mobile */
	h2.sec_sub_ttl {font-size: 28rem;}

	.main-program .inner {background-size: 85rem auto;}
	.main-program .main-program_button  {flex-direction: column;}
	.main-program .main-program_button button {font-size: 16rem;width: 100%;}
	.main-program .main-program_button button:last-child {margin-left: 0;margin-top: 10rem;}

	.main_notice {height: 60rem;top: -30rem;}
	.main_notice .main_notice_ttl {font-size: 18rem;width: 151rem;}
	.main_notice .main_notice_ttl::before {background-size: 25rem auto;width: 25rem;height: 26rem;}
	.main_notice .main_notice_cont {width: calc(100% - 151rem);}
	.main_notice .main_notice_cont p.main_notice_txt {font-size: 16rem;}
	.main_notice .main_notice_cont span.main_notice_date {font-size: 16rem;}

	/* .main-program .main-program_wrap .main-program_box {width: 100%;margin-bottom: 30rem;} */
	.main-program .main-program_wrap .main-program_box:nth-child(2n+1) {margin-right: 0;}

	.main-news {padding: 20rem 0 50rem 0;}
	.main-news .inner {flex-direction: column;position: relative;}
	.main-news .inner::before {content: '';width: 105rem;height: 99rem;background: url(../images/main/news_back01.png) no-repeat center;position: absolute;right: 5rem;top: -70rem;z-index: 1;background-size: 70rem auto;}
	.main-news .main-news_right::after {background-size: 72rem auto;}
	.main-news .inner > div {width: 100%;}
	.main-news .inner > div.main-news_left {padding-top: 58.15%;margin-bottom: 30px;position:relative;z-index: 2;}
	.main-news .inner > div.main-news_right::before {display: none;}
	.main-program .main-program_wrap .main-program_box a {padding: 15rem;}
	.main-program .main-program_wrap {padding: 0 20rem;}
	.main-program .main-program_wrap .program_inner {padding: 15rem;}
	.main-program .main-program_wrap .swiper-button-prev {font-size: 40rem;}
	.main-program .main-program_wrap .swiper-button-next {font-size: 40rem;}

	.main-meta {margin-bottom: 50rem;}
	.main-meta .inner {width: 100%;}
	.main-meta::before {display: none;}
	.main-meta_left::before {z-index: 2;}
	.main-meta_left::after {content: '';width: 95%;height: 100%;background-color: #F4F5F6;border-top-right-radius: 71rem;position: absolute;left: 0;top: 0;z-index: 1;}
	
	.main-meta_left::before {background-size: 65rem auto;}
	.main-meta_left .main-meta_left_ttl {position: relative;z-index: 2;width: 90%;margin: 0 auto;}
	.main-meta_left .main-meta_left_ttl > p {font-size: 28rem;}
	.main-meta_left .main-meta_left_ttl > span {font-size: 16rem;}
	.main-meta_left .main-meta_left_click {flex-wrap: wrap;display:flex;position: relative;z-index: 2;width: 90%;margin: 0 auto;}
	.main-meta_left .main-meta_left_click li {margin: 5rem 0!important;width: calc(50% - 20rem);padding: 8rem 10rem!important;}
	.main-meta_left .main-meta_left_click li button {font-size: 16rem;display: flex;justify-content: space-between;}
	.main-meta_left .main-meta_left_click li.active button {font-size: 16rem;}

	.main-meta_right {width: 90%;margin: 0 auto;}
	.main-meta_right .img_box ul {padding-top: 68.5%;}
	.main-meta_right .img_box ul li .prepare {font-size: 28rem;}
	.main-meta_right .img_box ul li .prepare img {width: 50rem;height: auto;margin-bottom: 10rem;}

	.main-news .main-news_right {height: auto;max-width: 100%;margin: 50rem auto 0;padding-top: 0;}
	.main-news .main-news_right .flex_inner {position: inherit;top: 0;transform: translate(0,0);left: 0;}
}

@media screen and (max-width:565px){ 
	.main-program .swiper-slide {width: calc(100% - 5rem);margin-right: 30rem;}
}
@media screen and (max-width:360px){ 
	/* 소형 Mobile */

	.main-meta::before {height: 477rem;}
	.main-meta_left  {padding: 30rem 0 5rem 0;}
	.main-meta_left::before {top: -50rem;width: 50rem;height: 71rem;background-size: cover;}
	.main-meta_left .main-meta_left_ttl {margin-left: 10rem;}
	.main-meta_left .main-meta_left_ttl > p {font-size: 24rem;margin-bottom: 10rem;}
	.main-meta_left .main-meta_left_ttl > span {font-size: 14rem;margin-bottom: 10rem;}

	.main-meta_left .main-meta_left_click li {width: 100%;padding: 5rem!important;}
	.main-meta_left .main-meta_left_click li button  {font-size: 14rem;}
	.main-meta_left .main-meta_left_click li.active button {font-size: 14rem;}

	.main-meta_right .img_box ul {padding-top: 80.5%;}
	.main-meta_right .img_box ul li .prepare {font-size: 18rem;}
	.main-meta_right .img_box ul li .prepare img {width: 35rem;margin-bottom: 0;}
	.main-meta_right .img_box ul li > p {font-size: 20rem;}

	

}


/* 20231108 비주얼 버튼 추가 */
.visual {position: relative;}
.visual .icon01 {display: inline-block;}
.visual .icon01 a {display: block;}
.visual .icon01 .box .text {display: inline-block; position: absolute; padding:0 10rem; font-size: 24rem; line-height: 63rem; color: #fff; border-radius: 10rem;left: 20%;bottom: 12%;z-index: 5;background-color: #fff;color: var(--point-color-blue);box-shadow: 0px 4px 9px #00000029;border-radius: 32px;width: 330rem;text-align: center;box-sizing: border-box;}

@media screen and (max-width:1200px) {
	.visual .icon01 .box .text {line-height: 50rem;width: 300rem;}
}

@media screen and (max-width:1023px) {
	.visual .icon01 .box .text {line-height: 42rem;font-size: 16rem;left: 16%;}
}

@media screen and (max-width:767px){ 
	.visual .icon01 .box .text {left: 7%;bottom: 20%;font-size: 18rem;line-height: 50rem;}
}
@media screen and (max-width:450px){ 
	.visual .icon01 .box .text {line-height: 45rem;bottom: 16%;width: 250rem;}
}
@media screen and (max-width:360px){ 
	.visual .icon01 .box .text {left: 7%;bottom: 16%;line-height: 40rem;font-size: 16rem;width: 200rem;}
}
/* 20231108 비주얼 버튼 추가 끝 */

/* 유튜브 수정 20231129 */
.main-news .main-news_left {background: none;padding-top: 32.3%;}
.main-news .main-news_left::after {display: none;}
.main-news .main-news_left .news_iframe {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}
/* 유튜브 수정 20231129 */