@charset "UTF-8";
/* 공통 */
#container { padding: 84rem 0 78rem; background: url(../images/main/main_banner_bg.png) center 83rem no-repeat;}
.visual { padding-top: 85rem; display: flex; justify-content: space-between;}
/* .visual img {width: 100%;height: auto;} */

.content {}
.inner { max-width: 1580rem; padding: 0 30rem; margin: 0 auto;}

/* main_banner */
.banner_btn_wrap { margin-top: 67rem; position: relative; width: 100%;}
.banner_btn_wrap img { width: 100%;}
.banner_btn_wrap > a { position: absolute; top: 0; bottom: 0; width: 50%; z-index: 20;}
.banner_btn_wrap > a:nth-of-type(1) { left: 0; }
.banner_btn_wrap > a:nth-of-type(2){ right: 0; }

/* main_board */
.main_content_wrap { margin-top: 68rem;}
.main_board_wrap {display: flex; justify-content: space-between; font-family: 'NotoSans KR', sans-serif ;}
.main_board { width: 50%; }
.main_board_header {position: relative; display: flex; align-items: center; gap: 34rem; margin-bottom: 28rem;}
.main_board:nth-child(2) .main_board_header { margin-left: 36rem;}
.main_board:nth-child(2) .slick-slide > div { margin-right: 0; margin-left: 36rem;}
.main_board_header > h3 { font-size: 30rem; font-weight: 700; }
.board_more_btn {position: absolute; top: 50%; right: 36rem; transform: translateY(-50%); padding-right: 35rem; background: url(../images/main/main_board_more.png) right center no-repeat; font-size: 16rem;}
.main_board:nth-child(2) .board_more_btn { right: 0;}
.main_board_btn {position: relative; display: flex; height: 40rem; border-bottom: 2rem solid #ddd;}
.main_board_btn > button { width: 100rem; height: 40rem; line-height: 40rem; text-align: center; font-size: 16rem; font-weight: 500;}
.main_board_btn::before { content: ''; position: absolute; background-color: #F83607; bottom: -2rem; left: 50%; width: 100rem; height: 2rem; transition: 0.3s;}
.main_board_btn.on::before {left: 0;}


.main_slick_item { border-radius: 10rem; border: 1px solid #ddd; display: flex; overflow: hidden;}
.main_item_img { width: 324rem; height: 214rem; overflow: hidden;}
.main_item_img img { width: 100%; height: 100%;}
.main_board_tit { width: calc(100% - 324rem); padding: 30rem;}
.main_board_tit h4 { font-size: 20rem; font-weight: 700; margin-bottom: 20rem; line-height: 140%; letter-spacing: -0.8rem; display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 56rem;
}
.main_board_tit ul { }
.main_board_tit ul li { font-size: 16rem; }
.main_board_tit > p { font-size: 16rem; display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3;}

.main_slick_wrap { height: 751rem;}
.main_slick_wrap.online { display: none;}
.slick-slide > div { margin-bottom: 30rem; margin-right: 36rem;}
.main_slick_wrap .slick-arrow { position: absolute; bottom: 0; transform: translateX(-50%); font-size: 0; width: 9rem; height: 17rem; z-index: 30;}
.main_slick_wrap .slick-arrow.slick-prev { background: url(../images/main/slick_arrow_prev.png) center no-repeat; left: 25%;}
.main_slick_wrap .slick-arrow.slick-next { background: url(../images/main/slick_arrow_next.png) center no-repeat; right: 25%; }
.main_slick_wrap .slick-dots { position: absolute; display: flex; bottom: 0; left: 50%; transform: translateX(-50%); gap: 24rem; height: 17rem; align-items: center;}
.main_slick_wrap .slick-dots li { width: 6rem; height: 6rem; background-color: #ddd; border-radius: 50%;}
.main_slick_wrap .slick-dots li button span{ font-size: 0;}
.main_slick_wrap .slick-dots li.slick-active { width: 30rem; height: 6rem; background-color: #1570FD; border-radius: 50rem; }

/* main_map */
.sub_content_wrap { margin-top: 60rem; font-family: 'NotoSans KR', sans-serif ; background: url(../images/main/sub_content_bg.png) center bottom no-repeat; background-size: contain; height:380rem;}
.sub_content_wrap .inner { display: flex; justify-content: space-between;}
.main_map_info { width: calc(50% - 16rem); position: relative;}
.main_map_info > h3 { font-size: 30rem; font-weight: 700;}
.main_map_info > ul { margin-top: 40rem; display: flex; flex-wrap: wrap;}
.main_map_info > ul li { width: 50%;}
.main_map_info > ul li p {padding-left: 30rem; font-size: 20rem; font-weight: 500;}
.main_map_info > ul li:nth-child(1) p { background: url(../images/main/main_map_icon1.png) left center no-repeat;}
.main_map_info > ul li:nth-child(2) p { background: url(../images/main/main_map_icon2.png) left center no-repeat;}
.main_map_info > ul li span { font-size: 16rem; }
.board_more_btn.map { top: 10rem; transform: none; right: 26rem;}
.board_more_btn::before { content: ''; position: absolute; top: -10rem; right: 14rem; width: 32rem; height: 19rem; background: url(../images/main/hover.svg) center no-repeat; transition: 0.3s; opacity: 0; transform: scale(0) rotate(-60deg);}
.board_more_btn:hover::before { opacity: 1; transform: scale(1) rotate(0);}

.main_map_kakao { width: calc(50% - 16rem); border-radius: 10rem; overflow: hidden; border: 1px solid #ddd;}


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;}

/* 20231108 비주얼 버튼 추가 */
.visual {position: relative; gap: 150rem;}
.visual > div.visual_tit { max-width: 646rem;}
.visual > div.visual_video { width: 634rem; overflow: hidden; border: 10rem solid #fff; border-radius: 30rem; display: flex; align-items: center; justify-content: center;}
.visual > div img { width: 100%;}

.visual_video_m {display:none;}
.visual_video_pad {display:none;}


@media screen and (max-width:1600px) {
	.board_more_btn { right: 40rem;}
}

@media screen and (max-width:1200px) {
	
	
}

@media screen and (max-width:960px) {

    .inner { width: 100%; padding: 0 15rem;}
    .visual { padding-top: 33rem; flex-direction: column; row-gap: 125rem; align-items: center;}
    #container { padding: 70rem 0 78rem; background: url(../images/main/main_banner_bg_m.svg) center 70rem no-repeat; background-size: contain;}
    .visual > div.visual_tit { width: calc(100% - 90rem); }
    .visual > div.visual_video { width: auto; display: flex; justify-content: center; }
    .visual_video img { width: 100%; height: auto;}
    .banner_btn_wrap { margin-top: 39rem;}
    .banner_btn_wrap > a { left: 0; right: 0; top: auto; bottom: auto; width: 100%; height: 50%;}
    .banner_btn_wrap > a:nth-of-type(1) { top: 0;}
    .banner_btn_wrap > a:nth-of-type(2) { bottom: 0;}

    .main_content_wrap { margin-top: 35rem;}
    .main_board_wrap { flex-direction: column; row-gap: 35rem;}
    .main_board { width: 100%;}
    .main_board_header { flex-direction: column; align-items: flex-start; gap: 10rem; margin-bottom: 22rem;}
	.main_board_btn { height: 32rem;}
	.main_board_btn::before { width: 80rem;}
	.main_board_btn > button { width: 80rem; height: 32rem; line-height: 32rem; font-size: 14rem; white-space: nowrap;}
    .main_board_header > a { transform: none; top: 0; right: 0;}
    .main_board_header > h3 { font-size: 16rem;}
	.main_board:nth-child(2) .slick-slide > div { margin-left: 0;}
	.main_board:nth-child(2) .main_board_header { margin-left: 0;}
    .main_slick_wrap { height: auto;}
    .main_slick_item { flex-direction: column;}
    .main_item_img { width: auto; height: auto; min-height: 150rem; max-height: 300rem;}
    .main_board_tit { width: auto; padding: 16rem;}
    .main_board_wrap .slick-slide { margin-right: 19rem;}
	.slick-slide > div { margin-right: 0;}
    .main_board_wrap .slick-list { margin-left: auto; max-width: 100%;}
    .main_board_tit h4 {font-size: 14rem; font-weight: 500; letter-spacing: -0.56rem; margin-bottom: 8rem; height: 39.2rem;}
    .main_board_tit ul li { font-size: 13rem; line-height: 160%; letter-spacing: -0.52rem;}
    .main_slick_wrap .slick-dots { gap: 12rem;}
    .main_slick_wrap .slick-arrow.slick-prev { left: 8%;}
    .main_slick_wrap .slick-arrow.slick-next { right: 8%;}

    .sub_content_wrap .inner { flex-direction: column; row-gap: 59rem; align-items: center;}
    .sub_content_wrap .inner > div { width: 100%;}
    .sub_content_wrap .inner > div.main_map_kakao {width: 738rem;}
    .main_map_info > ul { flex-direction: column; margin-top: 22rem; row-gap: 12rem ;}
    .main_map_info > ul li { width: 100%;}
    .main_map_info > h3 { font-size: 16rem;}
    .board_more_btn { font-size: 13rem; padding-right: 26rem; background-size: 16rem;}
    .board_more_btn.map { top: 0; right: 0;}
    .main_map_info > ul li p { font-size: 14rem; background-size: 14rem !important; padding-left: 20rem;}
    .main_map_info > ul li span { font-size: 13rem;}
	.board_more_btn.map::before { display: none;}
    .board_more_btn::before{ display: none;}

    .sub_content_wrap { margin-top: 35rem; background: url(../images/main/sub_content_bg_m.svg) center 72rem no-repeat; background-size: contain; height: auto;}

    
    /* 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;}




    .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;}



	.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%;}

    .visual_video_pc {display:none;}
    .visual_video_pad {display:block;}
}

@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;}

	.sub_content_wrap .inner > div.main_map_kakao {width: 320rem;}

    .sub_content_wrap { margin-top: 35rem; background: url(../images/main/sub_content_bg_m.svg) center 100rem no-repeat; background-size: contain; height: auto;}
}

@media screen and (max-width:600px){ 
    .visual_video_pad {display:none;}
    .visual_video_m {display:block;}
    .main_item_img {max-height: 175rem;}

}

@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;}

	

}




@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 */