/* 메인비주얼 */
.M_visual { position: relative; height: 100vh; overflow: hidden;}
.uppopOpen .M_visual { height: calc(100vh - 110px); }
.M_visual .slider { height: 100%; }
.M_visual .slider .item { line-height: 0; }
.M_visual .slider .item > a { display: block; height: 100%; }
.M_visual .slider .item img { position: relative; left: 50%; transform: translateX(-50%); width: 100%;}
.M_visual .slider .item .btn_more { position: absolute; bottom: 3.5rem; left: 50%; transform: translate(5.5rem); width: 2.5rem; height: 2.5rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: #fff; color: #000; border: 1px solid #ccc; font-size: 1.6rem; transition: 0.3s; }
.M_visual .control { position: absolute; bottom: 3.5rem; left: 50%; transform: translateX(-50%); display: flex; gap: 0.85rem; }
.M_visual .control a { width: 2.5rem; height: 2.5rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; background: #fff; color: #000; border: 1px solid #ccc; font-size: 1.6rem; transition: 0.3s; }
.M_visual .control a.play { display: none;  } 
.M_visual .slider .item .btn_more:hover,
.M_visual .slider .item .btn_more:focus,
.M_visual .control a:hover,
.M_visual .control a:focus { background: #0098D8; color: #fff; border-color: #0098D8; }

/* 바로가기 */
.M_link { position: relative; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.102); border-radius: 0 0 2rem 2rem; background: #fff; padding: 1.9rem 4rem 1.4rem; }
.M_link .slick-track { margin: 0; }
.M_link .swiper-slide a { display: block; text-align: center; padding: 0 0.5rem; }
.M_link .swiper-slide a .icon { line-height: 0; }
.M_link .swiper-slide a .txt { display: block; font-size: 0.85rem; color: #222; margin-top: 0.7rem; padding: 0.3rem; }
.M_link .control a { position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 3rem; height: 3rem; border-radius: 50%; border: 1px solid #c7c7c7; color: #000; font-size: 1.4rem; }
.M_link .control a.swiper-button-lock,
.M_link .control a.swiper-button-disabled { background: #f1f1f1; cursor: default; pointer-events: none; }
.M_link .control a.prev { left: 15px; }
.M_link .control a.next { right: 15px; }
.M_link .swiper-slide a,
.M_link .swiper-slide a .txt { transition: 0.3s; }
.M_link .swiper-slide a:hover .txt,
.M_link .swiper-slide a:focus .txt { background: #F2F6FC; border-radius: 1.5rem; font-weight: 600; }

/* 뉴스 */
.M_News { position: relative; margin-top: 3.6rem; }
/* .M_News::before { position: absolute; top: 0; right: -8.85rem; width: 24.6rem; height: 24.15rem; background: url('/images/web/eng/main/news_bg.png') no-repeat center / contain; content: ""; } */
.M_News .heading { text-align: center; margin-bottom: 2.5rem; }
.M_News .heading span { display: block; font-size: 1.2rem; color: #B8B8B8; }
.M_News .heading p { font-size: 2.4rem; color: #000; font-family: 'SUITE'; font-weight: 800; }
.M_News .new_cnt { position: relative; }
.M_News .new_cnt .slider { padding-right: 4rem; }
.M_News .new_cnt .slider .item a { display: flex; justify-content: space-between; gap: 3rem; }
.M_News .new_cnt .slider .item a .img { display: flex; justify-content: center; align-items: center; width: 49%; height: 21rem; border-radius: 1.5rem; overflow: hidden; background: #ccc; }
.M_News .new_cnt .slider .item a .img img { height: 120%; }
.M_News .new_cnt .slider .item a .txt_box { width: calc(51% - 3rem); }
.M_News .new_cnt .slider .item a .txt_box .badge { font-size: 1.2rem; font-weight: 700; color: #222; margin: 1rem 0 1.5rem; font-family: 'SUITE'; }
.M_News .new_cnt .slider .item a .txt_box .badge em { color: #0D9DDB; }
.M_News .new_cnt .slider .item a .txt_box .tit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.4rem; font-family: 'SUITE'; font-weight: 700; }
.M_News .new_cnt .slider .item a .txt_box .txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; color: #555; font-size: 0.9rem; left: -2px; margin: 1.5rem 0; line-height: 1.6rem; height: 4.8rem; }
.M_News .new_cnt .slider .item a .txt_box .date { color: #757575; font-size: 0.9rem; font-family: 'Montserrat'; font-weight: 300; }
.M_News .new_cnt .control { position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.M_News .new_cnt .control a { display: flex; justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; border-radius: 50%; border: 1px solid #c7c7c7; background: #fff; font-size: 1.6rem; color: #000; }
.M_News .new_cnt .control a.play { display: none; }
.M_News .new_lst { margin-top: 2.5rem; }
.M_News .new_lst ul { display: flex; width: calc(100% + 3.4rem); margin-left: -1.7rem; }
.M_News .new_lst ul li { width: calc(100% / 4); padding: 0 1.7rem; }
.M_News .new_lst ul li a { display: block; }
.M_News .new_lst ul li a .inner { position: relative; border-radius: 1rem; overflow: hidden; height: 12rem; }
.M_News .new_lst ul li a .inner .badge { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); color: #fff; width: 5rem; font-size: 0.8rem; border-radius: 0 1rem 1rem 0; text-align: center; padding: 0.3rem 0; z-index: 1; }
.M_News .new_lst ul li a .inner .img { display: flex; justify-content: center; align-items: center; height: 100%; line-height: 0; background: #ccc; text-align: center; }
.M_News .new_lst ul li a .inner .img img { max-width: 100%; }
.M_News .new_lst ul li a .tit { font-size: 0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0.7rem; }
.M_News .new_cnt .control a,
.M_News .new_lst ul li a .tit,
.M_News .new_lst ul li a .inner .img img { transition: 0.3s; }
.M_News .new_cnt .slider .item a:focus { outline: 2px solid #000; }
.M_News .new_cnt .control a:hover,
.M_News .new_cnt .control a:focus { color: #0D9DDB; border-color: #0D9DDB; }
.M_News .new_lst ul li a:hover .img img,
.M_News .new_lst ul li a:focus .img img { transform: scale(1.1); }
.M_News .new_lst ul li a:hover .tit,
.M_News .new_lst ul li a:focus .tit { font-weight: 600; }


/* 공지사항 */
.notice { position: relative; margin-top: 3.6rem; }
.notice .heading { text-align: center; margin-bottom: 2.5rem; }
.notice .heading span { display: block; font-size: 1.2rem; color: #B8B8B8; }
.notice .heading p { font-size: 2.4rem; color: #000; font-family: 'SUITE'; font-weight: 800; }
.notice .titTab { display: flex; justify-content: center; }
.notice .titTab ul { display: flex; justify-content: center; align-items: center; gap: 0.5rem 1.5rem; }
.notice .titTab ul li { flex: 1; }
.notice .titTab ul li a { display: block; font-size: 1.1rem; color: #222; text-align: center; white-space: nowrap; }
.notice .titTab ul li a span { position: relative; }
.notice .titTab ul li a.current span { position: relative; padding-right: 1.3rem; font-weight: 700; }
.notice .titTab ul li a.current span::before { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 0.5rem; height: 0.4rem; background: url('/images/web/eng/main/notice_tab.png') no-repeat center; content: ""; }
.notice .tabWrap { position: relative; margin-top: 2.5rem; }
.notice .tabWrap::before { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ""; z-index: 1; }
.notice .tabWrap .list_box { display: none; }
.notice .tabWrap .list_box.on { display: block; }
.notice .tabWrap .slider { width: calc(100% + 20rem); margin-left: -1.35rem; }
.notice .tabWrap .slider .slick-track { margin: 0; }
.notice .tabWrap .slider .item { padding: 0 1.35rem; vertical-align: top; }
.notice .tabWrap .slider .item a { position: relative; display: block; border: 1px solid #cbcbcb; border-radius: 1.5rem; padding: 1.5rem; height: 15.9rem; }
.notice .tabWrap .slider .item a .badge { display: inline-block; color: #fff; padding: 0.4rem 0.9rem; border-radius: 3rem; font-size: 0.8rem; }
.notice .tabWrap .slider .item.col_blue a .badge { padding: 0.6rem; border-radius: 50%; background: #2D5ACA;}
.notice .tabWrap .slider .item.col_skb a .badge { padding: 0.6rem; border-radius: 50%; background: #0D9DDB;}
.notice .tabWrap .slider .item.col_red a .badge { background: #B13E4D;}
.notice .tabWrap .slider .item.col_pup a .badge { background: #632264;}
.notice .tabWrap .slider .item.col_gren a .badge { background: #2E8683;}
.notice .tabWrap .slider .item.col_liac a .badge { background: #695AC6;}
.notice .tabWrap .slider .item a .tit { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 2.9rem; margin: 1.6rem 0 1rem; font-size: 1rem; color: #222; }
.notice .tabWrap .slider .item a .txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 2.4rem; font-size: 0.8rem; color: #555; margin-bottom: 1.5rem; }
.notice .tabWrap .slider .item a .tag { font-size: 0.7rem; }
.notice .tabWrap .slider .item.col_blue a .tag { color: #2D5ACA;}
.notice .tabWrap .slider .item.col_skb a .tag { color: #0D9DDB;}
.notice .tabWrap .slider .item.col_red a .tag { color: #B13E4D;}
.notice .tabWrap .slider .item.col_pup a .tag { color: #632264;}
.notice .tabWrap .slider .item.col_gren a .tag { color: #2E8683;}
.notice .tabWrap .slider .item.col_liac a .tag { color: #695AC6;}
.notice .tabWrap .slider .item a .date { position: absolute; top: 1.6rem; right: 1.5rem; display: flex; flex-direction: column; text-align: center; font-family: 'Montserrat'; }
.notice .tabWrap .slider .item a .date span { font-size: 1.4rem; color: #000; font-weight: 600; line-height: 1; }
.notice .tabWrap .slider .item a .date em { font-size: 0.7rem; color: #868686; }
.notice .tabWrap .control { position: absolute; top: -4.5rem; right: 0; display: flex; }
.notice .tabWrap .control a { width: 2.5rem; height: 2.5rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 1px solid #d3d3d3; color: #A8A8A8; font-size: 1.6rem; }
.notice .tabWrap .control .btn_more { margin-left: 0.5rem; font-size: 1.6rem; }

.notice .tabWrap .no_data { height: 15.9rem; border-radius: 1.5rem; display: flex; justify-content: center; align-items: center; background: #f1f1f1; }
.notice .titTab ul li a span,
.notice .tabWrap .slider .item a,
.notice .tabWrap .control a { transition: 0.3s; }
.notice .titTab ul li a:hover span,
.notice .titTab ul li a:focus span { font-weight: 700; }
.notice .tabWrap .slider .item a:hover,
.notice .tabWrap .slider .item a:focus { border-color: #222; }
.notice .tabWrap .control a:not(.btn_more):hover,
.notice .tabWrap .control a:not(.btn_more):focus { color: #000; }
.notice .tabWrap .control a.btn_more:hover,
.notice .tabWrap .control a.btn_more:focus { background: #EDEDED; border-color: #EDEDED; color: #000; }

/* 캘린더 */
.calendar { position: relative; display: flex; justify-content: space-between; margin-top: 5.35rem; padding: 3.2rem 0 2.9rem; gap: 3rem; }
.calendar::before { position: absolute; top: 0; left: -8.85rem; width: 200vw; height: 100%; border-radius: 10rem 0 0 2rem; background: #f0fafb; content: ""; z-index: -1; }
.calendar::after { position: absolute; top: -1.75rem; left: 0; width: 9.6rem; height: 5.9rem; background: url('/images/web/eng/main/calendar_deco01.png') no-repeat center / contain; content: ""; }
.calendar .lst { position: relative; width: calc(100% - 25rem); }
.calendar .lst .heading { font-size: 1.9rem; color: #222; font-weight: 800; font-family: 'SUITE'; text-align: center; margin-bottom: 2.2rem; }
.calendar .lst .heading em { color: #20ACB8; }
.calendar .lst > .date { position: absolute; top: 0.6rem; right: 0; display: inline-block; font-size: 1rem; color: #222; padding: 0 3px; line-height: 1; }
.calendar .lst > .date::before { position: absolute; bottom: -0.4rem; left: 0; width: 100%; height: 16px; background: rgba(58, 193, 204, 0.2); content: "";}
.calendar .lst > .date em { font-weight: 700; }
.calendar .lst ul { height: 16.5rem; overflow-y: auto; padding-right: 1rem; }
.calendar .lst ul li { border-top: 1px solid #CFF0F3; }
.calendar .lst ul li.no_data { height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.15); }
.calendar .lst ul li a { display: flex; align-items: center; gap: 0.8rem; padding: 1rem 0.2rem; color: #222; }
.calendar .lst ul li a .badge { display: flex; gap: 0.8rem; }
.calendar .lst ul li a .badge span { display: inline-block; width: 4.5rem; color: #fff; background: #3AC1CC; border-radius: 2rem; text-align: center; font-size: 0.7rem; padding: 0.1rem 0; }
.calendar .lst ul li a .badge em { font-weight: 600; width: 9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.calendar .lst ul li a .tit { display: block; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.85rem; }
.calendar .lst ul li a .date { font-size: 0.8rem; }
.calendar .lst .btn_more { position: absolute; top: calc(100% + 1.3rem); left: 50%; transform: translateX(-50%); width: 12.8rem; height: 3.2rem; display: flex; justify-content: center; align-items: center; color: #fff; background: #3AC1CC; text-align: center; font-size: 1.1rem; border-radius: 3rem; white-space: nowrap; }
.calendar .calendar_tbl { width: 22rem; background: #fff; box-shadow: 0px 0px 20px 0px #3AC1CC33; border-radius: 2rem; padding: 2.1rem 2.1rem 0.5rem; }  
.calendar .calendar_tbl .month { position: relative; display: flex; margin-bottom: 0.9rem; }
.calendar .calendar_tbl .month p { flex: 1; text-align: center; color: #222; font-size: 1rem; font-weight: 700; }
.calendar .calendar_tbl .month a { width: 1.2rem; height: 1.2rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid #ccc; color: #222; } 
.calendar .calendar_tbl .tbl { border-top: 1px solid #ddd; }
.calendar .calendar_tbl .tbl table thead tr th { border-bottom: 1px solid #ccc; padding: 0.4rem 0; font-weight: 600; font-size: 0.7rem; }
.calendar .calendar_tbl .tbl table thead tr th.sun { color: #EA4B60; }
.calendar .calendar_tbl .tbl table thead tr th.sat { color: #427CF8; }
.calendar .calendar_tbl .tbl table tbody tr td { text-align: center; font-family: 'SCDream'; font-size: 13px; padding: 0.5rem 0 1.5rem; }
.calendar .calendar_tbl .tbl table tbody tr td strong.sun { color: #EA4B60; }
.calendar .calendar_tbl .tbl table tbody tr td strong.sat { color: #427CF8; }
.calendar .calendar_tbl .tbl table tbody tr td strong.event,
.calendar .calendar_tbl .tbl table tbody tr td strong.today { position: relative; z-index: 1; font-weight: 700; }
.calendar .calendar_tbl .tbl table tbody tr td strong.event::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.3rem; height: 1.3rem; border-radius: 50%; border: 1px solid #c6efff; background: #E5F5FB; content: ""; z-index: -1; }
.calendar .calendar_tbl .tbl table tbody tr td strong.today::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.3rem; height: 1.3rem; border-radius: 50%; border: 1px solid #fffa55; background: #fffa55; content: ""; z-index: -1; }
.calendar .lst .btn_more i,
.calendar .calendar_tbl .month a { transition: 0.3s; }
.calendar .lst ul li a:hover .tit,
.calendar .lst ul li a:focus .tit { text-decoration: underline; }
.calendar .lst .btn_more:hover i,
.calendar .lst .btn_more:focus i { transform: rotate(180deg); }
.calendar .calendar_tbl .month a:hover,
.calendar .calendar_tbl .month a:focus { background: #E5F5FB; border: 1px solid #c6efff; }

.con_wrap { margin-top: 5.1rem; display: flex; align-items: center; justify-content: space-between; }

/* sns */
.M_sns { position: relative; width: calc(100% - 23.25rem); padding: 3.5rem 0 5.35rem; }
.M_sns::before { position: absolute; top: 0; right: -9.3rem; width: 200vw; height: 100%; background: #E8F5FB; border-radius: 0 10rem 2rem 0; content: ""; z-index: -1; }
.M_sns::after { position: absolute; top: -2rem; right: 1rem; width: 4.8rem; height: 7.7rem; background: url('/images/web/eng/main/sns_deco01.png') no-repeat center / contain; content: ""; }
.M_sns .heading { width: 49%;}
.M_sns .heading span { display: block; font-size: 0.9rem; color: #222; font-family: 'Montserrat'; }
.M_sns .heading p { font-size: 1.9rem; font-weight: 800; font-family: 'SUITE'; }
.M_sns .heading p em { color: #0D9DDB; }
.M_sns .sns_link { position: absolute; top: 3.8rem; left: 50%; }
.M_sns .sns_link ul { display: flex; gap: 0.8rem; }
.M_sns .sns_link ul li a { display: block; border-radius: 1rem; width: 2.85rem; height: 2.85rem; background-repeat: no-repeat; background-position: center; background-size: contain; }
.M_sns .sns_link ul li.youtub a { background-image: url('/images/web/eng/main/sns_youtub.png'); }
.M_sns .sns_link ul li.insta a { background-image: url('/images/web/eng/main/sns_insta.png'); }
.M_sns .sns_link ul li.blog a { background-image: url('/images/web/eng/main/sns_blog.png'); }
.M_sns .sns_link ul li.facbok a { background-image: url('/images/web/eng/main/sns_facbok.png'); }
.M_sns .sns_lst ul { display: flex; margin-top: 2rem; justify-content: space-between; gap: 1.6rem; }
.M_sns .sns_lst ul li.youtub { width: 52%; }
.M_sns .sns_lst ul li.insta { width: calc((55% - 3rem) / 2); }
.M_sns .sns_lst ul li a { position: relative; display: flex; justify-content: center; align-items: center; border-radius: 1rem; overflow: hidden; line-height: 0; background: #ccc; height: 15.2rem; }
.M_sns .sns_lst ul li a::before { position: absolute; top: 0.7rem; right: 0.7rem; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; z-index: 1; }
.M_sns .sns_lst ul li.youtub a::before { background-image: url('/images/web/eng/main/sns_youtub.png'); }
.M_sns .sns_lst ul li.insta a::before { background-image: url('/images/web/eng/main/sns_insta.png'); }
.M_sns .sns_lst ul li a img { max-width: 100%; min-height:100%; transition: 0.3s; }
.M_sns .sns_lst ul li.youtub a img {width:140%; height:140%;} 
.M_sns .sns_lst ul li a:hover img,
.M_sns .sns_lst ul li a:focus img { transform: scale(1.1); }

/* 매거진 */
.magazine { position: relative; width: 18rem; }
.magazine .heading { text-align: center; margin-bottom: 1.2rem; font-weight: 800; font-size: 1.7rem; font-family: 'SUITE'; }
.magazine .inner { background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.102); padding: 2.8rem 2.2rem 1rem; border-radius: 1.5rem; }
.magazine .inner .info { position: absolute; top: 0; right: -2.25rem; width: 6.5rem; height: 6.5rem; border-radius: 50%; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; background: #0D9DDB; font-size: 1.5rem; font-family: 'Montserrat'; }
.magazine .inner .img { display: flex; justify-content: center; align-items: center; width: 100%; height: 17.35rem; overflow: hidden; border-radius: 1.5rem; border: 1px solid #ccc; line-height: 0; background: #f1f1f1; }
.magazine .inner .img img { max-width: 100%; height: 100%; }
.magazine .btn_more { display: block; text-align: center; margin-top: 1.2rem; }
.magazine .btn_more i { display: inline-block; transition: 0.3s; }
.magazine .btn_more:hover i,
.magazine .btn_more:focus i { transform: rotate(180deg); }

/* 팝업존 */
.popupZone { position: relative; margin: 3.6rem 0 6rem; }
.popupZone .heading { width: calc(100% - 11rem); font-family: 'SUITE'; font-size: 1.9rem; font-weight: 800; color: #222; margin-bottom: 1.5rem; }
.popupZone .heading em { color: #0D9DDB; }
.popupZone .slider { width: calc(100% + 2rem); margin-left: -1rem; }
.popupZone .slider .item { padding: 0 1rem; }
.popupZone .slider .item a { display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 1rem; border: 1px solid rgba(204, 204, 204, 0.8); line-height: 0; height: 17.5rem; background: #ccc; }
/* .popupZone .slider .item a img { max-width: 100%; } */
.popupZone .control { position: absolute; top: 0.3rem; right: 0; display: flex; align-items: center; }
.popupZone .control .page { font-family: 'Montserrat'; font-size: 0.9rem; font-weight: 400; margin-right: 1.6rem; }
.popupZone .control .page strong { font-weight: 600; }
.popupZone .control .page span { position: relative; padding-left: 3.7rem; }
.popupZone .control .page span::before { position: absolute; top: 50%; left: 0.5rem; transform: translateY(-50%); width: 2.7rem; height: 1px; background: #d9d9d9; content: ""; }
.popupZone .control a { font-size: 1.6rem; }
.popupZone .control a.play { display: none; }

.viewnZone { display: none; position: fixed; justify-content: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); padding: 0 1rem; z-index: 999999; backdrop-filter: blur(5px); }
.viewnZone .inner { position: relative; border-radius: 2rem; width: 1200px; max-width: 100%; background: #ffff; margin: 0 auto; }
.viewnZone .inner h2 { padding: 1rem 2.8rem; background: #2967EB; color: #fff; font-size: 1.3rem; font-family: 'SUITE'; font-weight: 700; border-radius: 2rem 2rem 0 0; }
.viewnZone .inner h2 em { color: rgba(255, 255, 255, 0.8); }
.viewnZone .inner .box { padding: 3.2rem 2.8rem; }
.viewnZone .inner .box .num { font-size: 0.8rem; margin-bottom: 0.8rem; }
.viewnZone .inner .box .num em { color: #044299; }
.viewnZone .inner .box ul { display: flex; flex-wrap: wrap; max-height: 29.3rem; overflow-y: auto; gap: 0.6rem 0.8rem; padding-right: 1rem; }
.viewnZone .inner .box ul li { width: calc((100% - 2.4rem) / 4); }
.viewnZone .inner .box ul li a { display: block; }
.viewnZone .inner .box ul li a .img { display: flex; justify-content: center; align-items: center; height: 12.75rem; border-radius: 1rem; overflow: hidden; background: #ccc; }
.viewnZone .inner .box ul li a .img img { height: 100%; transition: 0.3s; }
.viewnZone .inner .box ul li a .txt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0.4rem; }
.viewnZone #viewnZoneClose { position: absolute; top: 0.8rem; right: 2.8rem; width: 1.8rem; height: 1.8rem; background: #044299; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 1rem; }
.viewnZone #viewnZoneClose i { transition: 0.3s; }
.viewnZone .inner .box ul li a:hover .img img,
.viewnZone .inner .box ul li a:focus .img img { transform: scale(1.1); }
.viewnZone #viewnZoneClose:hover i,
.viewnZone #viewnZoneClose:focus i { transform: rotate(180deg); }
.viewnZone.on { display: flex; }

@media (min-width:1241px){
    /* 스크롤 이벤트 */
    .section01 .M_visual { opacity: 0; transition: 0.2s ease-in-out; }
    .section01 .M_link { opacity: 0; transition: 0.2s ease-in-out; }

    .section01.active .M_visual { opacity: 1; transition-delay: 0.2s; }
    .section01.active .M_link { opacity: 1; transition-delay: 0.5s; }

    .section02 .M_News .heading { opacity: 0; transition: 0.2s ease-in-out; transform: translateY(-10%); }
    .section02 .M_News .new_cnt { opacity: 1; transition: 0.2s ease-in-out; transform: translateY(-10%); }

    .section02.active .M_News .heading { opacity: 1; transition-delay: 0.2s; transform: translateY(0); }
    .section02.active .M_News .new_cnt { opacity: 1; transition-delay: 0.3s; transform: translateY(0); }
    .section02.active .M_News .new_lst ul li:nth-child(1) { opacity: 1; transition-delay: 0.4s; transform: translateX(0); }
    .section02.active .M_News .new_lst ul li:nth-child(2) { opacity: 1; transition-delay: 0.5s; transform: translateX(0); }
    .section02.active .M_News .new_lst ul li:nth-child(3) { opacity: 1; transition-delay: 0.6s; transform: translateX(0); }
    .section02.active .M_News .new_lst ul li:nth-child(4) { opacity: 1; transition-delay: 0.7s; transform: translateX(0); }

    .section03 .notice .heading { opacity: 0; transition: 0.2s ease-in-out; transform: translateY(-10%); }
    .section03 .notice .titTab { opacity: 0; transition: 0.2s ease-in-out; transform: translateY(-10%); }
    .section03 .notice .tabWrap { opacity: 0; transition: 0.2s ease-in-out; transform: translateY(-10%); }

    .section03.active .notice .heading { opacity: 1; transition-delay: 0.2s; transform: translateY(0); }
    .section03.active .notice .titTab { opacity: 1; transition-delay: 0.3s; transform: translateY(0); }
    .section03.active .notice .tabWrap { opacity: 1; transition-delay: 0.4s; transform: translateY(0); }

    .section04 .calendar::after { opacity: 0; transition: 0.2s ease-in-out; }
    .section04 .calendar .lst { opacity: 0; transition: 0.2s ease-in-out; transform: translateX(-10%); }
    .section04 .calendar .calendar_tbl { opacity: 0; transition: 0.2s ease-in-out; transform: translateX(10%); }
    .section04.active .calendar::after { opacity: 1; transition-delay: 0.2s; }
    .section04.active .calendar .lst { opacity: 1; transition-delay: 0.2s; transform: translateY(0); }
    .section04.active .calendar .calendar_tbl { opacity: 1; transition-delay: 0.3s; transform: translateY(0); }

    .section05 .M_sns { opacity: 0; transition: 0.2s ease-in-out; transform: translateX(-10%); }
    .section05 .magazine { opacity: 0; transition: 0.2s ease-in-out; transform: translateX(10%); }

    .section05.active .M_sns { opacity: 1; transition-delay: 0.2s; transform: translateX(0); }
    .section05.active .magazine { opacity: 1; transition-delay: 0.3s; transform: translateX(0); }

    .section06 .popupZone { opacity: 0; transition: 0.2s ease-in-out; transform: translateY(-10%); }
    .section06.active .popupZone { opacity: 1; transition-delay: 0.2s; transform: translateY(0); }
}
  
@media (max-width:1700px){
    .magazine .inner .info { right: -1rem; width: 5.5rem; height: 5.5rem; font-size: 1.3rem; }
}

@media (max-width:1620px){
    .M_link { width: calc(100% + 2rem); margin-left: -1rem; }

    .notice .tabWrap .slider { width: calc(100% + 2.7rem); }
}

/* @media (max-width:1500px){
    .M_visual { height: 37rem; }
} */

@media (max-width:1440px){

    

    .M_News .new_cnt .slider { padding-right: 3rem; }
    .M_News .new_cnt .slider .item a { gap: 2rem; }
    .M_News .new_cnt .slider .item a .txt_box { width: calc(51% - 2rem); }
    .M_News .new_lst ul { width: calc(100% + 2rem); margin-left: -1rem; }
    .M_News .new_lst ul li { padding: 0 1rem; }
    .M_News .new_cnt .control a { width: 2.5rem; height: 2.5rem; }

    .M_sns { width: calc(100% - 20.25rem); }
    .M_sns::before { right: -6.3rem; }
    .M_sns .sns_lst ul { gap: 1.5rem; }

    .notice .tabWrap .slider { width: calc(100% + 1.6rem); margin-left: -0.8rem; }
    .notice .tabWrap .slider .item { padding: 0 0.8rem; }
}

@media (max-width:1340px){
    .M_visual { height: auto !important; }
    .M_visual .slider .item img { height: auto; width: 100%; }

    .M_News .heading span { font-size: 0.9rem; }
    .M_News .heading p { font-size: 1.7rem; }
    .M_News .new_cnt .slider .item a .img { height: 17rem; }

    .notice .heading span { font-size: 0.9rem; }
    .notice .heading p { font-size: 1.7rem; }

    .calendar { gap: 2rem; }
    .calendar::after { width: 7.6rem; height: 4.7rem; }
    .calendar .lst { width: calc(100% - 20rem); }
    .calendar .lst .heading { text-align: left; font-size: 1.7rem; }
    .calendar .calendar_tbl { width: 18rem; padding: 1.5rem 1.5rem 0.5rem; }    

    .M_sns { width: calc(100% - 17rem); }
    .M_sns::before { right: -3.8rem; }
    .M_sns::after { display: none; }
    .M_sns .heading { width: calc(100% - 11.5rem); }
    .M_sns .heading p { font-size: 1.7rem; }
    .M_sns .sns_lst ul li a { height: 13rem;}
    .M_sns .sns_link { left: auto; right: 0; }
    .M_sns .sns_link ul { gap: 0.5rem; }
    .M_sns .sns_link ul li a { width: 2.3rem; height: 2.3rem; }
    
    .magazine { width: 14.4rem; }
    .magazine .heading { text-align: left; font-size: 1.7rem; }
    .magazine .inner { padding: 2rem 2rem 1rem; }
    .magazine .inner .info { width: 4.7rem; height: 4.7rem; font-size: 1.1rem; }
    .magazine .inner .img { height: 14rem; }
    .magazine .btn_more { margin-top: 0.5rem; }

    .popupZone .heading { font-size: 1.7rem; }
}

@media (max-width:1240px){
    .calendar .lst .heading { margin-bottom: 1rem; }
    .calendar .lst ul li:nth-child(n + 4) { display: none; }
    .calendar .lst ul li a { display: block; }
    .calendar .lst ul li a .badge em { width: auto; }
    .calendar .lst ul li a .tit { margin: 0.2rem 0; } 
    .calendar .lst .btn_more { height: 2.5rem; top: calc(100% + 1.55rem); }

    .viewnZone .inner .box ul li { width: calc((100% - 1.6rem) / 3); }
}


@media (max-width:940px){
    .M_News { margin-top: 2.5rem; }
    .M_News .heading { margin-bottom: 1.5rem; }
    .M_News .new_cnt .slider { padding-right: 0; }
    .M_News .new_cnt .slider .item a { display: block; }
    .M_News .new_cnt .slider .item a .img { width: 100%; }
    .M_News .new_cnt .slider .item a .img img { height: 100%; }
    .M_News .new_cnt .slider .item a .txt_box { width: 100%; }
    .M_News .new_cnt .slider .item a .txt_box .txt { height: 3rem; }
    .M_News .new_cnt .control { flex-direction: row; top: -5rem; transform: none; }
    .M_News .new_lst ul { flex-wrap: wrap; gap: 2rem 0; }
    .M_News .new_lst ul li { width: calc(100% / 2); }

    .notice { margin-top: 2.5rem; }
    .notice .heading { margin-bottom: 1.5rem; }
    .notice .tabWrap { margin-top: 1.5rem; }
    .notice .tabWrap .control { top: -7.5rem; }

    .calendar { margin-top: 2.5rem; }

    .con_wrap { position: relative; display: block; margin-top: 2.5rem; padding: 2.5rem 0; }
    .con_wrap::before { position: absolute; top: 0; left: -1rem; width: calc(100% + 5rem); height: 100%; background: #E8F5FB; content: ""; }

    .M_sns { width: 100%; padding: 0; }
    .M_sns::before { display: none; }
    .M_sns .sns_link { top: 0.5rem; }

    .magazine { width: 100%; margin-top: 2.5rem; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.102); border-radius: 0.8rem; padding: 0.8rem; background: #fff; }
    .magazine .heading { display: inline-block; margin-bottom: 0; margin-right: 1rem; }
    .magazine .inner { background: none; border: none; box-shadow: none; padding: 0; display: inline-block; }
    .magazine .inner .info { position: relative; top: auto; right: auto; width: auto; height: auto; background: none; color: #2967EB; display: inline-block; font-weight: 700; }
    .magazine .inner .info br { display: none; }
    .magazine .inner .img { display: none; }
    .magazine .btn_more { position: absolute; top: 1.25rem; right: 0.8rem; margin-top: 0; }

    .popupZone { margin: 2.5rem 0; }

    .viewnZone .inner h2 { padding: 1rem; }
    .viewnZone .inner .box { padding: 1.5rem; }
    .viewnZone .inner .box ul li { width: calc((100% - 0.8rem) / 2); }
    .viewnZone #viewnZoneClose { right: 1rem; }
}

@media (max-width:870px){

    .calendar { flex-wrap: wrap; padding: 1.5rem 0; }
    .calendar::after { display: none; }
    .calendar .lst { width: 100%; }
    .calendar .calendar_tbl { display: none; }
    .calendar .lst .btn_more { top: calc(100% + 3px); }

    .popupZone .slider { width: calc(100% + 1rem); margin-left: -0.5rem; }
    .popupZone .slider .item { padding: 0 0.5rem; }
    .popupZone .slider .item a { height: 12rem; }

}

@media (max-width:768px){
    
    .M_visual .slider .item .btn_more { bottom: 1rem; width: 1.8rem; height: 1.8rem; font-size: 1rem; transform: translate(4rem); }
    .M_visual .control { bottom: 1rem; gap: 0.5rem; }
    .M_visual .control a { width: 1.8rem; height: 1.8rem; font-size: 1rem; }

    .M_link { padding: 1rem 3.5rem; }
    .M_link ul li a .txt { margin-top: 0.4rem; }
    .M_link .control a { width: 2.2rem; height: 2.2rem; font-size: 1rem; }
    
    .popupZone .heading { width: calc(100% - 9rem); }
    .popupZone .control .page { margin-right: 0.6rem; }
    .popupZone .control .page span { padding-left: 2.3rem; }
    .popupZone .control .page span::before { width: 1.2rem; }
}

@media (max-width:680px){
    .M_sns .sns_lst ul { flex-wrap: wrap; }
    .M_sns .sns_lst ul li.youtub { width: 100%; }
    .M_sns .sns_lst ul li.insta { width: calc((100% - 1.5rem) / 2); }
}

@media (max-width:580px){

    .M_visual::before { position: absolute; top: 0; left: 0; width: 100%; height: 10rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); content: ""; z-index: 1; }

    .M_link ul li a { padding: 0; }
    .M_link ul li a .icon img { height: 2.1rem; }
    .M_link .control a { width: 1.8rem; height: 1.8rem; }

    .M_News::before { display: none; }
    .M_News .heading { text-align: left; }
    .M_News .heading span { display: none; }
    .M_News .heading p { font-size: 1.3rem; }
    .M_News .new_cnt .slider .item a .img { height: 12rem; border-radius: 0.8rem; }
    .M_News .new_cnt .slider .item a .txt_box .badge { font-size: 0.9rem; margin: 0.5rem 0; }
    .M_News .new_cnt .slider .item a .txt_box .tit { font-size: 1rem; }
    .M_News .new_cnt .slider .item a .txt_box .txt { height: 2.7rem; margin: 0.5rem 0 0.8rem; line-height: 1.5rem; }
    .M_News .new_cnt .control { top: -3.2rem; }
    .M_News .new_cnt .control a { width: 1.8rem; height: 1.8rem; font-size: 1rem; }
    .M_News .new_lst ul li a .inner { height: 10rem; }

    .notice .heading { text-align: left; margin-bottom: 1rem; }
    .notice .heading span { display: none; }
    .notice .heading p { font-size: 1.3rem; }
    .notice .tabWrap { margin-top: 1rem; }
    .notice .tabWrap .slider { width: calc(100% + 1rem); margin-left: -0.5rem; }
    .notice .tabWrap .slider .item { padding: 0 0.5rem; }
    .notice .tabWrap .slider .item a { padding: 1rem; height: 13.8rem; }
    .notice .tabWrap .slider .item a .badge { padding: 0.2rem 0.5rem !important; }
    .notice .tabWrap .slider .item.col_skb a .badge { border-radius: 3rem; }
    .notice .tabWrap .slider .item.col_blue a .badge { border-radius: 3rem; }
    .notice .tabWrap .slider .item a .date { top: 1.2rem; right: 1rem; }
    .notice .tabWrap .slider .item a .date span { font-size: 1rem; }
    .notice .tabWrap .slider .item a .tit { margin: 1rem 0; }
    .notice .tabWrap .control { top: -7.3rem; }
    .notice .tabWrap .control a { width: 1.8rem; height: 1.8rem; font-size: 1rem; }
    .notice .tabWrap .control .btn_more { font-size: 1rem; }
    .notice .tabWrap .no_data { height: 13.8rem; }

    .calendar .lst .heading { font-size: 1.3rem; }
    .calendar .lst .btn_more { top: calc(100% + 8px); width: auto; height: 2rem; padding: 0 1rem; font-size: 0.8rem; }

    .M_sns .heading { width: calc(100% - 10rem); }
    .M_sns .heading span { display: none; }
    .M_sns .heading p { font-size: 1.3rem; }
    .M_sns .sns_link { top: 0; }
    .M_sns .sns_link ul li a { width: 2rem; height: 2rem; border-radius: 0.2rem; }

    .magazine .heading { font-size: 1.3rem; }
    .magazine .btn_more { top: 0.9rem; }

    .popupZone .heading { font-size: 1.3rem; }
    .popupZone .control { top: 0; }
    .popupZone .control a { font-size: 1rem; }

    .viewnZone .inner .box ul li a .img { height: 10rem;}
}

@media (max-width:480px){

    .M_News .new_lst ul { width: calc(100% + 1rem); margin-left: -0.5rem; gap: 1rem 0; }
    .M_News .new_lst ul li { padding: 0 0.5rem; }

    .calendar .lst .heading { margin-bottom: 0.5rem; }
    .calendar .lst > .date { position: relative; top: auto; right: auto; margin-bottom: 1rem; }

    .notice .titTab { display: block; }
    .notice .titTab ul { flex-wrap: wrap; gap: 0.5rem 1rem; justify-content: start; gap: 0.5rem 0.8rem; }
    .notice .titTab ul li { flex: none; }
    .notice .titTab ul li a { text-align: left; font-size: 1rem; }
    .notice .titTab ul li a.current span { padding-right: 0.8rem; }
    .notice .tabWrap .slider { width: calc(100% + 1rem); margin-left: -0.5rem; }
    .notice .tabWrap .slider .item { padding: 0 0.5rem; }

    .M_sns .heading { width: 100%; }
    .M_sns .sns_link { position: relative; top: auto; right: auto; margin-top: 1rem; }

    .magazine .inner { display: block; }

    .viewnZone .inner { border-radius: 1rem;}
    .viewnZone .inner h2 { font-size: 1.1rem; border-radius: 1rem 1rem 0 0; }
    .viewnZone .inner .box { padding: 1rem; }
    .viewnZone .inner .box ul li { width: 100%; }
    .viewnZone .inner .box ul li a .img img { height: 100%; max-width: none; }
}

@media (max-width:340px){
    .viewnZone .inner h2 em { display: block; }
}