:root{
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
}

.swiper-button-lock{display: inline-block;}
a:hover{text-decoration: none;}
.contents_wrap{display: flex; flex-direction: column;}

.contents_wrap .new_event_control{position: absolute; background: #fff; width: 34px; height: 34px; z-index: 12; border-radius: 20px; border: 1px solid #EDEDF3; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06); top: 40px; margin-top: 0;}
.contents_wrap .new_event_control::after{background: #7E8B9A; width: 20px; height: 20px;}
.contents_wrap .new_event_control.swiper-button-prev.swiper-button-lock{cursor: default; box-shadow: none;}
.contents_wrap .new_event_control:is(.swiper-button-disabled, .swiper-button-lock){opacity: 1; box-shadow: none;}
.contents_wrap .new_event_control:is(.swiper-button-disabled, .swiper-button-off, .swiper-button-prev.swiper-button-lock)::after{background: #E0E3EB;}
.contents_wrap .new_event_control.swiper-button-off{pointer-events: none; cursor: default; box-shadow: none;}
.contents_wrap .event_list .event_control{position: absolute; top: auto; bottom: 0; width: 34px; height: 34px; z-index: 12; border-radius: 20px; border: 1px solid var(--gray-20);}
.contents_wrap .event_list .event_control:after{background: var(--gray-60); width: 28px; height: 28px;}
.contents_wrap .event_list .swiper-button-prev{left: 287px;}
.contents_wrap .event_list .swiper-button-next{right: 287px;}
.contents_wrap .event_list .swiper-button-next::after,
.contents_wrap .new_event_control.swiper-button-next::after{transform: rotate(180deg);}

.contents_wrap .swiper-pagination{display: flex; gap: 6px;}
.contents_wrap .swiper-pagination:not(.swiper-pagination-fraction){width: auto; left: auto; bottom: auto; top: 12px; right: 12px;}
.contents_wrap .swiper-pagination:not(.swiper-pagination-fraction) > span{background: #000; width: 6px; height: 6px; opacity: .2; margin: 0 !important; white-space: nowrap;}
.contents_wrap .swiper-pagination > span.swiper-pagination-bullet-active{opacity: 1;}

.contents_wrap .event_pager.swiper-pagination-fraction{position: relative; height: 34px; line-height: 34px; justify-content: center; font-size: 14px; color: var(--gray-60); gap: 2px; top: 0; padding-top: 16px; margin-top: 20px; border-top: 1px solid var(--gray-20); box-sizing: content-box;}
.contents_wrap .event_pager.swiper-pagination-fraction span{background: transparent; width: auto;}
.contents_wrap .event_pager.swiper-pagination-fraction .swiper-pagination-current{font-weight: var(--fw-bold); color: var(--color-primary); display: inline-block; height: auto;}

.contents_wrap .main-contents{padding: 30px 0 100px; position: relative;}
.contents_wrap .main-contents .contents-wrap{display: flex; gap: 30px;}
.contents_wrap .main-contents .contents-wrap:after{display: none;}
.contents_wrap .main-contents .main_wrap{width: 750px; display: flex; flex-direction: column; gap: 24px;}
.contents_wrap .main-contents .main_side_wrap{width: 360px; position: relative;}
.contents_wrap .main-contents .main_side_wrap .aside_wrap{display: flex; flex-direction: column; gap: 24px; width: 360px; z-index: 1; position: sticky; top: 30px;}

.contents_wrap .area_tit{display: flex; justify-content: space-between; align-items: center;}
.contents_wrap .area_tit h4{display: flex; align-items: center; font-size: 20px; color: var(--color-primary); font-weight: var(--fw-bold); letter-spacing: -0.6px;}
.contents_wrap .area_tit h4 > span{display: block; font-size: 20px; font-weight: var(--fw-bold); letter-spacing: -0.44px; color: var(--gray-60); background: linear-gradient(92deg, #025AF6 -46.18%, #64E569 116.03%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-left: 8px;}
.contents_wrap .area_tit h4 > a{display: flex; align-items: center;}
.contents_wrap .area_tit h4 > a:after{position: static;}
.contents_wrap .area_tit h5{font-size: 16px; color: var(--color-primary); font-weight: var(--fw-bold); letter-spacing: -0.32px;}
.contents_wrap .area_tit > a{color: var(--gray-60); font-size: 12px; font-weight: var(--fw-medium); letter-spacing: -0.6px; flex-shrink: 0;}
.contents_wrap .sub_nav{padding: 0 16px; margin-bottom: 16px; height: 44px; line-height: 44px; border-radius: var(--border-radius-sm); background: var(--gray-10, #FAFAFC); overflow: hidden;}
.contents_wrap .sub_nav > li{float: left; font-size: 12px; letter-spacing: -0.36px; color: var(--gray-60); cursor: pointer; user-select: none;}
.contents_wrap .sub_nav > li + li{margin-left: 8px;}
.contents_wrap .sub_nav > li.active{color: var(--color-primary); font-weight: var(--fw-bold);}

.contents_wrap .area_wrap{display: flex; flex-direction: column; gap: 24px; padding: 24px; border: 1px solid var(--gray-20, #EDEDF3); border-radius: var(--border-radius-sm);}
.contents_wrap .area_wrap:has(.event_control){padding-bottom: 16px;}
.contents_wrap .area_wrap:has(.list_more){padding-bottom: 2px;}
.contents_wrap .area_wrap .area_note{font-size: 12px; color: #C2CAD6; text-align: right;}
.contents_wrap .aside_wrap .area_wrap{padding: 20px 24px; gap: 16px;}

.professor_banner{--professor-time: .6s;}
.professor_banner{width: 112px; border: 1px solid #EDEDF3; border-radius: 4px; padding: 10px 0 4px; margin-bottom: 15px; box-sizing: border-box; position: relative;}
.professor_banner h5{font-size: 13px; font-weight: 700; color: #000; padding: 0 12px;}
.professor_banner .p_label{display: block; background: #F0F6FF; width: 84px; margin: 6px auto 0; border: 1px solid #E8E8E8; border-radius: 4px; height: 24px; text-align: center;}
.professor_banner .p_label img{display: inline-block; vertical-align: middle; animation: blink 1.2s infinite steps(2, jump-none)}
.professor_banner .p_wrap{background: #fff; width: 100%; max-height: 85px; overflow: hidden; transition: var(--professor-time); margin-top: 8px; padding-bottom: 22px; box-sizing: content-box;}
.professor_banner .p_wrap > li:not(:first-child){opacity: 0; transition: opacity var(--professor-time);}
.professor_banner .p_wrap > li:nth-child(even){background: #FAFAFC;}
.professor_banner .p_wrap:after{position: absolute; display: inline-block; width: 22px; height: 22px; bottom: 0; left: 50%; margin: 0; margin-left: -11px; line-height: 22px; font-size: 0; top: auto; transition: .3s;}
.professor_banner .p_wrap:hover{max-height: 700px !important;}
.professor_banner .p_wrap:hover > li{opacity: 1;}
.professor_banner .p_wrap:hover:after{transform: rotate(90deg);}
.professor_banner .p_item{display: block; padding: 8px 12px;}
.professor_banner .p_item .item_info{display: flex; align-items: center; gap: 5px;}
.professor_banner .p_item .item_info img{border-radius: 50%; border: 1px solid #E3E5EC; overflow: hidden; flex-shrink: 0;}
.professor_banner .p_item .item_info strong{font-size: 12px; line-height: 18px; color: #121212; font-weight: 400; word-break: keep-all;}
.professor_banner .p_item p{margin-top: 4px; font-size: 12px; line-height: 18px; color: #7E8B9A; letter-spacing: -0.36px; text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.contents_wrap .side_left_banner{display: flex; flex-direction: column; gap: 16px; position: absolute; left: 50%; top: 0; margin-left: -698px; height: 100%; width: 112px;}
.contents_wrap .side_left_banner .banner_slider{position: relative;}
.contents_wrap .side_left_banner .banner_slider::after{content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 1px solid #EDEDF3; border-radius: 8px; box-sizing: border-box; z-index: 2; pointer-events: none;}
/* 스크롤 따라와야할 경우(sticky) 아래에 추가 position: sticky; top: 40px; left: 0; */
.contents_wrap .side_left_banner .bnr_wrap{display: flex; flex-direction: column; gap: 16px; z-index: 2; position: relative;}
.contents_wrap .side_left_banner .bnr_wrap .left_bnr_slider{width: 113px; border-radius: 4px; position: relative; overflow: hidden;}
.contents_wrap .side_left_banner .bnr_wrap .left_bnr_slider:not(.swiper){display: flex;}
.contents_wrap .side_left_banner .bnr_wrap .left_bnr_slider li a{display: block; position: relative; /*border: 1px solid #EDEDF3;*/ border-radius: 4px;}
.contents_wrap .side_left_banner .bnr_wrap .left_bnr_slider li a img{border-radius: 4px; overflow: hidden; width: 100%;}
.contents_wrap .side_left_banner .bnr_wrap .left_bnr_slider li > p{color: #BEBEBE; font-size: 10px; line-height: 12.4px; margin-top: 2px;}
.contents_wrap .side_left_banner .bnr_wrap .bnr_rolling{background: rgba(0, 0, 0, 0.80); width: 92px; height: 28px; line-height: 28px; position: absolute; bottom: 6px; left: 50%; margin-left: -46px; border-radius: 2px; border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(2px); z-index: 2; overflow: hidden;}
.contents_wrap .side_left_banner .bnr_wrap .bnr_rolling li{color: #fff; height: 28px; line-height: 28px; white-space: nowrap; font-size: 11px; font-weight: 500; font-family: 'SUIT', sans-serif; width: auto !important;}
.contents_wrap .side_left_banner .bnr_wrap .bnr_rolling p{display: inline-block; color: #fff; height: 28px; line-height: 28px; white-space: nowrap; font-size: 11px; font-weight: 500; font-family: 'SUIT', sans-serif; padding-left: 100%;}
.contents_wrap .side_left_banner .bnr_wrap .bnr_rolling p:not(.stop){animation: marquee 10s linear infinite;}
.contents_wrap .side_left_banner .bnr_wrap .bnr_rolling .swiper-wrapper{-webkit-transition-timing-function: linear !important; transition-timing-function: linear !important;}

.contents_wrap .side_banner{position: absolute; left: 50%; top: 0; margin-left: 586px; height: 100%;}
/* 스티키 추가 position: sticky; top: 40px; left: 0; */
.contents_wrap .side_banner > ul{display: flex; flex-direction: column; gap: 16px; z-index: 2;}
.contents_wrap .side_banner .side_bnr a{display: block; position: relative; border-radius: 8px; overflow: hidden;}
.contents_wrap .side_banner .side_bnr a:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #EDEDF3; border-radius: 8px; pointer-events: none; box-sizing: border-box;}
.contents_wrap .side_banner .side_bnr a img{width: 112px;}

.nav_dropdown{opacity: 0; border-radius: 8px; border-color: #EDEDF3; max-height: 180px; overflow: overlay; overflow-y: auto;}
.nav_dropdown > li{line-height: 38px; height: 38px;}
.nav_dropdown > li > a{font-size: 13px; padding: 0 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; user-select: none;}
.nav_dropdown::-webkit-scrollbar{background-color: #fff; width: 16px;}
.nav_dropdown::-webkit-scrollbar-track{background-color:#fff;}
.nav_dropdown::-webkit-scrollbar-track:hover{background-color: #f4f4f4;}
.nav_dropdown::-webkit-scrollbar-thumb{background-color: #babac0; border-radius: 16px; border: 5px solid #fff;}
.nav_dropdown::-webkit-scrollbar-thumb:hover{background-color: #a0a0a5; border: 4px solid #f4f4f4;}
.nav_dropdown::-webkit-scrollbar-button{display: none;}

/* 2024 W시즌 배너 */
.season_banner{text-align: center;}
.season_banner .banner_wrap{display: flex; align-items: center;}
.season_banner .banner_wrap > div{flex: 1; width: 0;}
.season_banner .banner_wrap .season_slider{margin: 0; width: 100%;}
.season_banner .banner_wrap .season_slider:not(.swiper){display: flex;}
.season_banner .banner_wrap .banner_item{display: flex; justify-content: center; align-items: center;}
.season_banner:has(.banner_wrap > div:nth-child(2)) .banner_wrap > div .banner_item{justify-content: start;}
.season_banner:has(.banner_wrap > div:nth-child(2)) .banner_wrap > div:first-child .banner_item{justify-content: end;}

/* 2024 W시즌 사이드 배너 */
.left_banner_new{position: absolute; right: 50%; top: 0; height: 100%; display: flex; align-items: end; gap: 16px; flex-direction: column; transform: translateX(-570px); padding-right: 16px; z-index: 3;}
.left_banner_new .fold_banner{border-radius: 50px; position: relative;}
.left_banner_new .fold_banner i{display: inline-block; width: 20px; height: 20px; border: 2px solid #000; border-radius: 50px;}
.left_banner_new .fold_banner .fold_cover{background: linear-gradient(35deg, #7EBEE5 0%, #C7CFEC 59%, #ECC7E9 100%); width: 44px; height: 100%; padding: 2px; position: absolute; top: 0; right: 0; border-radius: 50px; overflow: hidden;}
.left_banner_new .fold_banner .fold_cover > div{display: flex; flex-direction: column; justify-content: space-between; align-items: center; background: #fff; position: absolute; top: 2px; right: 2px; border-radius: 50px; width: calc(100% - 4px); height: calc(100% - 4px); cursor: pointer; user-select: none; box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.12);}
.left_banner_new .fold_banner .fold_cover .cover_btn{flex-shrink: 0; display: flex; justify-content: center; align-items: center; height: 40px;}
.left_banner_new .fold_banner .fold_cover .cover_btn i{display: inline-block; width: 20px; height: 20px;;}
.left_banner_new .fold_banner .fold_cover .cover_btn i::after{width: 12px; height: auto;}
.left_banner_new .fold_banner .fold_cover .cover_content{flex: 1; display: flex; justify-content: center; align-items: center; gap: 8px; transform: rotate(180deg); writing-mode: vertical-lr; text-orientation: sideways; padding-top: 2px;}
.left_banner_new .fold_banner .fold_cover .cover_content > p{font-size: 14px; font-weight: 700; color: #121212; letter-spacing: -0.42px;}
.left_banner_new .fold_banner .fold_cover .cover_content > span{font-size: 12px; font-weight: 500; color: #000; opacity: .3; letter-spacing: -0.36px; text-decoration: underline; text-underline-position: under; width: 16px;}
.left_banner_new .fold_banner .fold_wrap{background: linear-gradient(50deg, #7EBEE5 0%, #C7CFEC 59%, #ECC7E9 100%); width: 220px; padding: 2px; border-radius: 16px; overflow: hidden; box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.12); z-index: 1; visibility: hidden; position: relative;}
.left_banner_new .fold_banner .fold_wrap .fold_head{display: flex; align-items: center; background: #fff; height: 40px; gap: 8px; font-size: 14px; font-weight: 700; padding: 0 10px; cursor: pointer; user-select: none; border-radius: 15px 15px 0 0; letter-spacing: -0.42px; word-spacing: -1px;}
.left_banner_new .fold_banner .fold_wrap .fold_body{background: #fff; border-radius: 0 0 16px 16px; overflow: hidden;}
.left_banner_new .fold_banner .fold_wrap .fold_body .scroll_wrap{overflow: overlay; -ms-overflow-style: none;}
.left_banner_new .fold_banner .fold_wrap .fold_body .scroll_wrap::-webkit-scrollbar{display:none;}
.left_banner_new .fold_banner .fold_wrap .fold_body .banner_list{display: flex; flex-direction: column; gap: 8px; padding: 8px 10px 16px; min-height: 246px; overflow: auto;}
.left_banner_new .fold_banner .fold_wrap .fold_body .banner_list > div{border-radius: 8px; overflow: hidden; position: relative;}
.left_banner_new .fold_banner .fold_wrap .fold_body .banner_list > div::after{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 8px; border: 1px solid #EDEDF3; box-sizing: border-box; pointer-events: none;}
.left_banner_new .fold_banner .fold_wrap .fold_body .banner_list .swiper{min-height: 88px;}
.left_banner_new .fold_banner .fold_wrap .fold_body .banner_list .swiper a{display: block;}
.left_banner_new .fold_banner .fold_wrap .fold_body .banner_list img{width: 100%;}
.left_banner_new .fold_banner .fold_wrap .fold_body .fold_btm{border-top: 1px solid #EDEDF3;}
.left_banner_new .fold_banner .fold_wrap .fold_body .fold_btm a{display: block;}
.left_banner_new .fold_banner.active .fold_cover{display: none;}
.left_banner_new .fold_banner.active .fold_wrap{visibility: unset;}
.left_banner_new .premium_label{border-radius: 105px 105px 105px 16px; box-shadow: 0px 13.895px 13.895px 0px rgba(0, 0, 0, 0.12); font-size: 0; line-height: 0;}
.left_banner_new .premium_label a{display: block;}
.left_banner_new .premium_label .tooltip__label{left: 0; transform: none; font-weight: 700;}
.left_banner_new .premium_label .tooltip__label::after{top: -6px; left: 11px; transform: rotate(180deg);}

@media (max-width: 1635px){
    .left_banner_new .fold_banner i{transform: rotate(180deg);}
    .left_banner_new .fold_banner .fold_wrap{left: 177px;}
}

/* 상단 프리패스 배너 */
.contents_wrap .top_area{padding: 20px; gap: 12px;}
.contents_wrap .freepass_area{display: flex; align-items: center; height: 124px; color: #fff; padding: 0; overflow: hidden; border-radius: 8px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; border: 1px solid #EDEDF3; font-family: 'Pretendard', sans-serif; padding: 0 30px;}
.contents_wrap .freepass_area > div{position: relative;}
.contents_wrap .freepass_area span{display: block; font-size: 14px; font-weight: 600; line-height: 28px; letter-spacing: -0.42px; opacity: .8;}
.contents_wrap .freepass_area strong{display: block; font-size: 30px; font-weight: 700; line-height: 42px; letter-spacing: -0.6px;}
.contents_wrap .freepass_area p{display: block; font-size: 18px; font-weight: 700; line-height: 28px; letter-spacing: -0.54px; margin-top: 4px;}
.contents_wrap .freepass_area:has(span) strong{font-size: 26px; line-height: 36.4px;}
.contents_wrap .freepass_area:has(span) p{margin-top: 0; font-size: 17px; font-weight: 600;}
.contents_wrap .freepass_area video{position: absolute; top: 50%; left: 50%; width: calc(100% + 5px); height: calc(100% + 5px); outline: none; border: none; pointer-events: none; transform: translate(-50%, -50%);}
.contents_wrap .freepass_nav{display: flex; justify-content: space-between; align-items: center; gap: 8px; text-align: center; overflow: hidden; position: relative; width: 100%;}
.contents_wrap .freepass_nav .freepass_slider{margin: 0; position: relative; flex: 1; width: 0;}
.contents_wrap .freepass_nav .freepass_slider:not(.swiper-end)::after{content: ""; position: absolute; top: 0; right: 0; width: 50px; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #fff 100%); z-index: 1; pointer-events: none;}
.contents_wrap .freepass_nav .freepass_slider:not(.swiper){display: inline-flex; gap: 8px;}
.contents_wrap .freepass_nav .freepass_slider .new_event_control{top: 50%; margin-top: -17px; left: auto; bottom: auto; right: 0;}
.contents_wrap .freepass_nav .freepass_slider .swiper-button-prev{right: 38px}
.contents_wrap .freepass_nav .freepass_slider li{width: auto; user-select: none;}
.contents_wrap .freepass_nav .freepass_slider li > a img{margin-left: -8px;}
.contents_wrap .freepass_nav .freepass_slider li > a{display: flex; align-items: center; gap: 6px; height: 40px; border: 1px solid #EDEDF3; border-radius: 250px; padding: 0 12px; white-space: nowrap;}
.contents_wrap .freepass_nav .freepass_slider li > a > span{font-size: 14px; font-weight: 500; letter-spacing: -0.56px;}
.contents_wrap .freepass_nav .teacher_dropdown_btn{flex-shrink: 0; display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 8px; border: 1px solid #EDEDF3; border-radius: 8px;}
.contents_wrap .freepass_nav .teacher_dropdown_btn span{background: linear-gradient(4deg, #E81A17 0%, #FF7605 100%); background-size: 200%; color: transparent; -webkit-background-clip: text; font-size: 14px; font-weight: 700; letter-spacing: -0.56px;}
.contents_wrap .freepass_nav .teacher_dropdown_btn::after{background: #7E8B9A; position: static; margin: 0; width: 12px; mask-size: auto 100%;}
.contents_wrap .freepass_nav .teacher_dropdown_btn .symbol{background: #FF6966; width: 24px; height: 24px; border-radius: 8px;}
.contents_wrap .freepass_nav .teacher_dropdown_btn .symbol::after{background: #fff; width: 12px; height: 12px;}
.contents_wrap .freepass_nav .teacher_dropdown_btn.active::after{transform: rotate(90deg);}

.contents_wrap .content_area{font-size: 0; line-height: 0;}
.contents_wrap .content_area .content_slider{border: 1px solid #EDEDF3; border-radius: 4px; overflow: hidden; width: 100%;}
.contents_wrap .content_area .content_slider:not(.swiper){display: flex;}
.contents_wrap .content_area .content_slider .content_wrap{display: flex; align-items: center; gap: 16px; padding: 0 20px; height: 130px;}
.contents_wrap .content_area .content_slider .content_wrap .content_thumb{width: 143px; height: 90px; flex-shrink: 0; border-radius: 8px; overflow: hidden;}
.contents_wrap .content_area .content_slider .content_wrap .content_info{flex: 1; overflow: hidden;}
.contents_wrap .content_area .content_slider .content_wrap .content_info span{font-size: 13px; font-weight: 500; line-height: 18px; letter-spacing: -0.26px; background: var(--Color-gradient-gradation, linear-gradient(180deg, #FF6838 0%, #FB3C00 50.69%, #D52600 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.contents_wrap .content_area .content_slider .content_wrap .content_info strong{display: block; font-size: 16px; font-weight: 500; line-height: 22px; word-spacing: -1px; letter-spacing: -0.32px; margin: 3px 0 8px;}
.contents_wrap .content_area .content_slider .content_wrap .content_info p{font-size: 12px; line-height: 18px; word-spacing: -1px; letter-spacing: -0.36px; color: #C2CAD6;}

.contents_wrap .update_area{padding: 0 !important;}
.contents_wrap .update_area .update_slider{position: relative; width: 100%;}
.contents_wrap .update_area .update_slider a{display: flex; align-items: center; padding: 0 20px; height: 123px;}
.contents_wrap .update_area .update_slider a span{display: inline-block; background: #FEF1E6; color: #FF7605; font-size: 12px; font-weight: 700; letter-spacing: -0.24px; height: 24px; line-height: 24px; border-radius: 4px; margin-bottom: 10px; padding: 0 7px;}
.contents_wrap .update_area .update_slider a p{font-size: 13px; line-height: 20px; letter-spacing: -0.39px; margin-bottom: 2px;}
.contents_wrap .update_area .update_slider a strong{font-size: 18px; line-height: 27px; font-weight: 700; letter-spacing: -0.54px;}
.contents_wrap .update_area .update_slider.small{height: 90px;}
.contents_wrap .update_area .update_slider.small a{height: 90px;}
.contents_wrap .update_area .update_slider.small a p{color: #FF7605; font-size: 14px; font-weight: 500; line-height: 21px; letter-spacing: -0.56px; margin-bottom: 0;}

.contents_wrap .live_area .season_tit{display: flex; align-items: center;}
.contents_wrap .live_area .season_tit h4 > span{display: flex; align-items: center; gap: 4px; background: linear-gradient(180deg, #FF6838 0%, #FB3C00 50.69%, #D52600 100%); background-clip: text; -webkit-background-clip: text; margin-left: 4px;}
.contents_wrap .live_area .season_tit h4 > span img{width: 26px; height: 26px; margin-top: -1px;}
.contents_wrap .live_area .live_wrap{position: relative; display: flex; flex-direction: column; gap: 16px;}
.contents_wrap .live_area .live_wrap .live_slider{width: 100%; position: static; border-radius: 4px; overflow: hidden;}
.contents_wrap .live_area .live_wrap .live_slider .live_item{display: block; background: #F6F6F9; padding: 18px 16px; font-size: 14px; letter-spacing: -0.56px;}
.contents_wrap .live_area .live_wrap .live_slider .live_item strong{font-weight: 700; line-height: 20px;}
.contents_wrap .live_area .live_wrap .live_slider .live_item p{font-weight: 500; line-height: 21px; margin-top: 2px;}
.contents_wrap .live_area .live_wrap .live_slider .season_control{background: #fff; position: absolute; top: 3px; bottom: auto; left: auto; width: 24px; height: 24px; border: 1px solid #EDEDF3; margin: 0;}
.contents_wrap .live_area .live_wrap .live_slider .season_control::after{background: #7E8B9A;}
.contents_wrap .live_area .live_wrap .live_slider .season_control[class*=-prev]{right: 23px; border-radius: 4px 0 0 4px;}
.contents_wrap .live_area .live_wrap .live_slider .season_control[class*=-next]{right: 0; border-radius: 0 4px 4px 0;}
.contents_wrap .live_area .live_wrap .live_slider .season_control[class*=-next]::after{transform: rotate(180deg); left: -1px;}
.contents_wrap .live_area .live_wrap .live_slider .seasaon_fraction{position: absolute; top: 3px; bottom: auto; right: 55px; left: auto; font-size: 12px; width: auto; height: 24px; line-height: 24px; display: inline-block; color: #7E8B9A; letter-spacing: -0.36px; word-spacing: -2.5px;}
.contents_wrap .live_area .live_wrap .live_slider .seasaon_fraction [class*=-current]{font-weight: 700; color: #121212;}

.contents_wrap .promo_area .promo_list:not(.swiper){display: flex; gap: 8px;}
.contents_wrap .promo_area .promo_list:not(.swiper) > :is(li, div){width: 134px;}
.contents_wrap .promo_area .promo_list:not(.swiper) > :is(li, div) a{display: flex; flex-direction: column; gap: 8px; background: #fff;}
.contents_wrap .promo_area .promo_list:not(.swiper) > :is(li, div) a:hover .list_info strong{text-decoration: underline;}
.contents_wrap .promo_area .promo_list:not(.swiper) .list_thumb{background: var(--gray-10); border-radius: var(--border-radius-md); overflow: hidden; width: 134px; height: 166px; position: relative;}
.contents_wrap .promo_area .promo_list:not(.swiper) .list_thumb:after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 95px; opacity: 0.6; background: linear-gradient(180deg, rgba(40, 94, 124, 0.00) 35.5%, #3C4252 91.5%); pointer-events: none;}
.contents_wrap .promo_area .promo_list:not(.swiper) .list_thumb img{width: 200px; position: absolute; top: 0; left: 50%; margin-left: -100px;}
.contents_wrap .promo_area .promo_list:not(.swiper) .list_thumb span{position: absolute; display: inline-block; left: 12px; bottom: 12px; color: #fff; font-size: 16px; font-weight: var(--fw-bold); line-height: 22.4px; z-index: 1;}
.contents_wrap .promo_area .promo_list:not(.swiper) .list_info strong{color: #000; font-size: 16px; font-weight: var(--fw-medium); letter-spacing: -0.48px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; align-self: stretch; margin: 2px 0 0; overflow: hidden;}
.contents_wrap .promo_area .promo_list.promo_type:not(.swiper){border-top: 1px solid #F2F2F7; margin-top: 16px; padding-top: 12px; flex-wrap: wrap; gap: 8px 0; padding-bottom: 16px;}
.contents_wrap .promo_area .promo_list.promo_type:not(.swiper) > :is(li, div){width: 50%;}
.contents_wrap .promo_area .promo_list.promo_type:not(.swiper) > :is(li, div) a{flex-direction: row; align-items: center;}
.contents_wrap .promo_area .promo_list.promo_type:not(.swiper) .list_thumb{background: var(--gray-10); flex-shrink: 0; width: 90px; height: 90px;}

.contents_wrap .banner_area .banner_wrap{display: flex; gap: 12px;}
.contents_wrap .banner_area .banner_wrap .banner_txt{font-size: 16px; font-weight: var(--fw-medium); color: #fff; line-height: 26px;}
.contents_wrap .banner_area .banner_wrap .banner_txt > strong{font-weight: var(--fw-bold);}
.contents_wrap .banner_area .banner_wrap .banner_slider{position: relative; border-radius: 4px; overflow: hidden; width: 369px; margin: 0;}
.contents_wrap .banner_area .banner_wrap .banner_slider li{width: 369px; height: 94px; overflow: hidden;}
.contents_wrap .banner_area .banner_wrap .banner_slider li > a{display: flex; align-items: center; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: auto 100%}
.contents_wrap .banner_area .banner_wrap .banner_slider li:not(:has(img)) > a{padding: 0 24px}

.contents_wrap .newt_area .newt_slider{width: 100%; padding-left: 1px;}
.contents_wrap .newt_area .newt_slider li{width: 135px;}
.contents_wrap .newt_area .newt_slider li a{display: block; padding: 16px 0; background: #FAFAFC; border-radius: 8px; border: 1px solid #EDEDF3; height: 207px; text-align: center;}
.contents_wrap .newt_area .newt_slider li a > div{display: flex; flex-direction: column; gap: 7px;}
.contents_wrap .newt_area .newt_slider li a span{display: block; font-size: 20px; color: #C2CAD6; font-weight: 700; letter-spacing: -0.6px; line-height: 28px;}
.contents_wrap .newt_area .newt_slider li a strong{display: block; font-size: 16px; font-weight: 700; color: #121212; line-height: 22.4px;}
.contents_wrap .newt_area .newt_slider li a p{font-size: 13px; line-height: 19.5px;}
.contents_wrap .newt_area .newt_slider li a .newt_thumb{display: inline-block; margin: 0 auto; position: relative; box-sizing: content-box;}
.contents_wrap .newt_area .newt_slider li a .newt_thumb img{background: #E2E5EC; border-radius: 50px; overflow: hidden; position: relative; border: 1px solid #fafafc;}
.contents_wrap .newt_area .newt_slider li.active span{color: #025AF6;}
.contents_wrap .newt_area .newt_slider li.active .newt_thumb:before{content: ""; display: inline-block; background: linear-gradient(141.19deg, #54A3FF -9.7%, #33FF85 153.45%); width: 64px; height: 64px; position: absolute; top: 50%; left: 50%; border-radius: 50px; transform: translate(-50%, -50%);}

.contents_wrap .review_area.news_area .news_board{height: 192px;}
.contents_wrap .review_area.news_area .news_board li{height: 64px !important;}
.contents_wrap .review_area.news_area .news_board li p{font-size: 16px; max-width: 551px;}
.contents_wrap .review_area.news_area .news_board .board_data{display: flex; gap: 12px; align-items: center; float: right; font-size: 13px;}
.contents_wrap .review_area .counter-wrap{display: flex; align-items: center; background: #E7EFFD; padding: 0 16px; border-radius: 50px; height: 36px; line-height: 36px; font-size: 13px;}
.contents_wrap .review_area .counter-wrap > strong{font-weight: 700;}
.contents_wrap .review_area .counter-wrap > p{margin: 0 5px 0 16px; color: #025AF6; font-weight: 700;}
.contents_wrap .review_area .counter-wrap > p > i{font-weight: 400; margin-right: 3px; position: relative;}
.contents_wrap .review_area .counter-wrap > p > i:before{content: ""; display: inline-block; border: 4px solid #025AF6; border-left-color: transparent; border-right-color: transparent; border-top: 0; border-bottom-width: 7px; vertical-align: 1px; margin-right: 3px;}
.contents_wrap .review_area .counter-wrap > span{color: var(--gray-60); font-size: 11px;}
.contents_wrap .review_area .news_board li > a{justify-content: space-between;}
.contents_wrap .review_area.news_area .news_board li span{font-weight: 400;}

.contents_wrap .lecture_area .lecture_wrap{display: flex; flex-wrap: wrap; gap: 11px;}
.contents_wrap .lecture_area .lecture_wrap > a{display: flex; align-items: center; width: 226px; height: 96px; border-radius: 8px; border: 1px solid #EDEDF3; background: #FAFAFC; padding: 0 12px;}
.contents_wrap .lecture_area .lecture_wrap .lecture_box{display: flex; gap: 10px;}
.contents_wrap .lecture_area .lecture_wrap .lecture_box .lecture_thumb{flex-shrink: 0; width: 64px; height: 64px; border-radius: 50px; overflow: hidden;}
.contents_wrap .lecture_area .lecture_wrap .lecture_box .lecture_info strong{font-size: 14px; font-weight: 700; letter-spacing: -0.32px; line-height: 22.4px;}
.contents_wrap .lecture_area .lecture_wrap .lecture_box .lecture_info p{margin-top: 5px; font-size: 12px; line-height: 18px;}

.contents_wrap .gallery_list > ul{display: flex; flex-wrap: wrap; gap: 14px 10px; overflow: hidden;}
.contents_wrap .gallery_list ul > li{width: 226px; position: relative;}
.contents_wrap .gallery_list ul > li a{display: flex; flex-direction: column; gap: 8px;}
.contents_wrap .gallery_list ul > li a:hover .list_info strong{text-decoration: underline;}
.contents_wrap .gallery_list .list_thumb{background: var(--gray-10); border-radius: var(--border-radius-md); overflow: hidden; position: relative;}
.contents_wrap .gallery_list .list_thumb img{width: 100%; height: 130px;}
.contents_wrap .gallery_list .list_info strong{display: block; color: #000; font-size: 16px; font-weight: var(--fw-medium); letter-spacing: -0.32px; line-height: 22.4px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; align-self: stretch; overflow: hidden;}
.contents_wrap .gallery_list .list_info span{display: block; color: var(--gray-60); letter-spacing: -0.39px; margin-top: 5px;}
.contents_wrap .gallery_list .list_label{background: #000; position: absolute; top: 0; left: 0; padding: 0 5px; text-align: center; width: auto; height: 18px; line-height: 18px; border-radius: 2px; color: #fff; font-size: 11px; font-weight: var(--fw-bold); letter-spacing: -0.33px;}
.contents_wrap .gallery_list .list_label.red{background: var(--red-60);}
.contents_wrap .gallery_list.active > ul{height: auto !important;}
.contents_wrap .gallery_list.active .list_more:before{content: "접기"}
.contents_wrap .gallery_list.active .list_more i:first-child{display: none;}
.contents_wrap .gallery_list.active .list_more i:last-child{display: inline-block;}
.contents_wrap .gallery_card{border: 1px solid var(--gray-20); border-radius: var(--border-radius-md); gap: 0 !important;}
.contents_wrap .gallery_card .card_info{display: flex; gap: 4px; padding: 20px 16px; flex-direction: column; align-items: start;}
.contents_wrap .gallery_card .card_info .card_label{display: inline-block; background: #1CC502; width: auto; height: 18px; line-height: 18px; font-size: 11px; font-weight: var(--fw-bold); padding: 0 5px; color: #fff; border-radius: 2px;}
.contents_wrap .gallery_card .card_info p{font-size: 16px; font-weight: var(--fw-medium); letter-spacing: -0.32px; line-height: 22.4px;}
.contents_wrap .gallery_card .card_info span{display: block; font-size: 12px; color: var(--gray-60); letter-spacing: -0.36px;}
.contents_wrap .special_board > ul{max-height: 260px; overflow: hidden;}
.contents_wrap .special_board > ul > li{border-top: 1px solid var(--gray-20);}
.contents_wrap .special_board > ul > li:first-child{border-color: var(--gray-20);}
.contents_wrap .special_board .board_wrap{display: block; height: 64px; display: flex; align-items: center; gap: 8px;}
.contents_wrap .special_board .board_wrap:hover .board_content{text-decoration: underline;}
.contents_wrap .special_board .board_wrap .board_label{background: var(--gray-10); color: var(--gray-60); width: 56px; height: 18px; border-radius: 2px; font-size: 11px; font-weight: var(--fw-bold); letter-spacing: -0.33px; text-align: center;}
.contents_wrap .special_board .board_wrap .board_content{width: 448px; color: #000; font-size: 16px; font-weight: var(--fw-medium); letter-spacing: -0.56px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.contents_wrap .special_board .board_wrap .board_right{width: 180px; color: var(--gray-60); letter-spacing: -0.39px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: right; flex-shrink: 0;}
.contents_wrap .special_board .gallery_list .list_thumb{width: 232px; height: 108px;}
.contents_wrap .special_board .special_slider{height: 64px;}
.contents_wrap .special_board .special_pager{flex-direction: column; bottom: auto; right: 16px; left: auto; width: auto; top: 50%; transform: translateY(-50%); width: 6px; font-size: 0;}
.contents_wrap .special_board.active > ul{max-height: none;}
.contents_wrap :is(.special_board, .gallery_list) .list_more{display: block; border-top: 1px solid var(--gray-20); text-align: center; font-size: 14px; font-weight: var(--fw-medium); padding: 16px 0;}
.contents_wrap :is(.special_board, .gallery_list) .list_more:before{content: "펼쳐보기"; display: inline-block; vertical-align: top; font-size: 14px;}
.contents_wrap :is(.special_board, .gallery_list) .list_more span{display: inline-block; vertical-align: top;}
.contents_wrap :is(.special_board, .gallery_list) .list_more i{display: none; position: relative; width: 16px; height: 100%; vertical-align: top; margin-right: 4px;}
.contents_wrap :is(.special_board, .gallery_list) .list_more i:first-child{display: inline-block; font-size: 0;}
.contents_wrap :is(.special_board, .gallery_list) .list_more i:after{background: #121212; width: 18px; height: 18px; position: static; vertical-align: middle; margin-top: 1px;}
.contents_wrap :is(.special_board.active, .gallery_list.active) .list_more:before{content: "접기"}
.contents_wrap :is(.special_board.active, .gallery_list.active) .list_more i:after{transform: rotate(90deg); margin-top: 2px;}

.contents_wrap .teacher_scroll{display: flex; align-items: center; position: relative;}
.contents_wrap .teacher_scroll > a{display: inline-block; position: relative; flex-shrink: 0; width: 34px; height: 34px; border: 1px solid #EDEDF3; border-radius: 50px;}
.contents_wrap .teacher_scroll > a:after{background: var(--gray-30); width: 20px; height: 20px;}
.contents_wrap .teacher_scroll > a.active{box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);}
.contents_wrap .teacher_scroll > a.active:after{background: var(--gray-60);}
/* .contents_wrap .teacher_scroll > a.scroll_prev{display: none}
.contents_wrap .teacher_scroll > a.scroll_prev.active{display: inline-block} */
.contents_wrap .teacher_scroll > a.scroll_next{margin-left: 4px;}
.contents_wrap .teacher_scroll .teacher_slider_wrap{position: relative; width: 100%;}
.contents_wrap .teacher_scroll .teacher_slider_wrap ul{width: 100%;}
.contents_wrap .teacher_scroll .teacher_slider_wrap:not(:has(.swipe-end)):after{content: ""; width: 15px; height: 100%; background: linear-gradient(270deg, #FFF 6.67%, rgba(255, 255, 255, 0.00) 96.67%), linear-gradient(270deg, #FFF 6.67%, rgba(255, 255, 255, 0.00) 96.67%); position: absolute; top: 0; right: 0; z-index: 2;}
.contents_wrap .teacher_scroll :is(.teacher_slider, .best_slider) ul > li{width: auto !important; flex-shrink: 0 !important; user-select: none;}
.contents_wrap .teacher_scroll :is(.teacher_slider, .best_slider) ul > li > a{display: inline-block; background: #fff; border: 1px solid #EDEDF3; color: var(--gray-60); font-size: 14px; font-weight: var(--fw-medium); letter-spacing: -0.56px; width: 100%; height: 34px; line-height: 32px; border-radius: 30px; padding: 0 12px; text-align: center; white-space: nowrap;}
.contents_wrap .teacher_scroll :is(.teacher_slider, .best_slider) ul > li.active > a{background: #000; color: #fff; font-weight: 700;}
.contents_wrap .teacher_scroll .scroll_all{background: #fff; border-radius: 50px; border: 1px solid var(--gray-30, #E3E6EC);}
.contents_wrap .teacher_scroll .scroll_all:after{width: 20px; height: 20px;}
.contents_wrap .teacher_scroll .teacher_map{display: none; position: absolute; padding: 20px 20px 30px; top: 0; left: 0; width: 100%; background: #FFF; border-radius: var(--border-radius-sm); border: 1px solid var(--gray-30, #E3E6EC); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.04); z-index: 12;}
.contents_wrap .teacher_scroll .teacher_map.active{display: block;}
.contents_wrap .teacher_scroll .teacher_map .area_tit{margin-bottom: 25px;}
.contents_wrap .teacher_scroll .teacher_map ul{display: flex; flex-wrap: wrap; gap: 17px 30px;}
.contents_wrap .teacher_scroll .teacher_map ul > li > a{color: var(--gray-60);}
.contents_wrap .teacher_scroll .teacher_map ul > li.active > a{font-weight: var(--fw-bold); color: var(--color-primary);}
.contents_wrap .teacher_scroll .teacher_map .map_close{position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.contents_wrap .teacher_scroll .teacher_map .map_close:after{background: var(--gray-70); width: 24px; height: 24px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list_wrap{position: relative;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list{display: flex; gap: 12px; position: static;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li{width: 225px !important; height: 150px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li:before{content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(121deg, #FFF -2.79%, rgba(255, 255, 255, 0.00) 58.03%), #EDEDF3; position: absolute; top: 0; left: 0; z-index: 0; border-radius: .8rem; border: .1rem solid transparent; box-sizing: border-box;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list .list_item{display: block; width: 225px; height: 150px; border-radius: 8px; border: 1px solid #EDEDF3; padding: 18px 16px; position: absolute; overflow: hidden; background-size: 150px 150px; background-repeat: no-repeat; background-position: bottom right -24px; position: relative;}
/* .contents_wrap .teacher_area .teacher_wrap .teacher_list .list_item:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} */
.contents_wrap .teacher_area .teacher_wrap .teacher_list .list_item strong{font-size: 14px; font-weight: 700; line-height: 22.4px; letter-spacing: -0.32px; color: #121212; width: 127px; word-break: keep-all;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list .list_item p{font-size: 14px; font-weight: 500; line-height: 21px; letter-spacing: -0.56px; margin-top: 8px; color: #121212; width: 127px; word-break: keep-all;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list .list_item .teacher_cover{background: rgba(255, 255, 255, 0.80); display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 38px; border-radius: 0 0 8px 8px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list .list_item .teacher_cover > div{display: flex; align-items: center; backdrop-filter: blur(10px); height: 38px; padding: 0 16px; gap: 5px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list .list_item .teacher_cover > div > span{flex-shrink: 0; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: -0.33px; border-radius: 2px; background: linear-gradient(99deg, #2F9BFF -5.34%, #25FF48 117.27%); height: 18px; line-height: 18px; padding: 0 5px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list .list_item .teacher_cover > div > div{font-size: 12px; font-weight: 700; letter-spacing: -0.24px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list .teacher-control{display: flex !important; background: #fff; width: 24px; height: 24px; border-radius: 50px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06); border: 1px solid #EDEDF3; top: 50%; margin-top: -12px; position: absolute;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list .teacher-control:after{background: #7E8B9A;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list .teacher-control-prev{left: -11px; right: auto;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list .teacher-control-next{right: -11px; left: auto;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list .teacher-control-next:after{transform: rotate(180deg);}
.contents_wrap .teacher_area .teacher_wrap .teacher_list .swiper-slide-lock{display: flex;}

.contents_wrap .teacher_area .teacher_wrap .teacher_news{border-top: 1px solid var(--gray-20, #F2F2F7); margin-top: 20px; padding-top: 21px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .area_tit{margin-bottom: 9px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .news_btns{display: flex; border: 1px solid var(--gray-30);}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .news_btns > a{display: block; width: 24px; height: 24px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .news_btns > a:after{background: var(--gray-60);}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .news_btns > a + a{border-left: 1px solid var(--gray-30);}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .news_list{height: 192px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .news_list li{height: 64px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .news_list li > a{display: flex; align-items: center; gap: 8px; height: 100%;}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .news_list li > a:hover strong{text-decoration: underline;}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .news_list li + li{border-top: 1px solid var(--gray-20, #F2F2F7);}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .news_list li.swiper-slide-active{border-top: 0;}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .news_list li .label{background: var(--gray-10); color: var(--gray-60); height: 18px; line-height: 18px; padding: 0 5px; font-size: 11px; font-weight: var(--fw-bold); letter-spacing: -0.33px; border-radius: 2px; flex-shrink: 0;}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .news_list li strong{font-size: 16px; font-weight: var(--fw-medium); letter-spacing: -0.39px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .news_list li strong span:after{left: 100%; width: 17px; height: 14px; top: 1px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_news .news_list li .date{flex-shrink: 0; color: var(--gray-60); width: 48px;}

.contents_wrap .column_area .column_wrap{display: flex; flex-wrap: wrap; gap: 20px 11px;}
.contents_wrap .column_area .column_wrap .column_item{display: flex; align-items: center; gap: 12px; width: 344px;}
.contents_wrap .column_area .column_wrap .column_item .column_thumb{background: #EDEDF3; border-radius: 50px; overflow: hidden;}
.contents_wrap .column_area .column_wrap .column_item .column_info{display: flex; flex-direction: column; gap: 5px;}
.contents_wrap .column_area .column_wrap .column_item .column_info strong{color: #121212; font-size: 16px; line-height: 22.4px; letter-spacing: -0.32px; font-weight: 500;}
.contents_wrap .column_area .column_wrap .column_item .column_info span{color: #7E8B9A; font-weight: 700; font-size: 13px; letter-spacing: -0.36px; line-height: 18px;;}
.contents_wrap .column_area .column_wrap .column_item .column_info p{color: #121212; font-size: 12px; letter-spacing: -0.36px; line-height: 18px;;}

.contents_wrap .event_area{padding-bottom: 8px;}
.contents_wrap .event_area .gallery_list ul > li a{flex-direction: row; align-items: center;}
.contents_wrap .event_area .gallery_list ul > li > div{display: flex; flex-wrap: wrap; gap: 12px 5px; padding-bottom: 16px;}
.contents_wrap .event_area .gallery_list ul > li > div > div{width: 351px;}
.contents_wrap .event_area .gallery_list .list_thumb{background: var(--gray-10); width: 166px; height: 77px;}
.contents_wrap .cast_area .cast_nav{gap: 12px;}
.contents_wrap .cast_area .cast_nav > li h4{color: var(--color-disabled);}
.contents_wrap .cast_area .cast_nav > li.active h4{color: var(--color-primary);}
.contents_wrap .cast_area .gallery_list ul{height: auto;}
.contents_wrap .cast_area .gallery_list .list_label{background: #58A6AA; color: #fff; height: 23px; line-height: 23px; padding: 0 10px; font-size: 12px;}
.contents_wrap .cast_area .gallery_list .list_label.type2{background: #5281D1;}
.contents_wrap .cast_area .gallery_list .list_label.type3{background: #C3716C}
.contents_wrap .cast_area .gallery_list .list_thumb{position: relative; background: var(--gray-10); width: 100%; height: 130px;}
/* .contents_wrap .cast_area .gallery_list .list_thumb img{width: 100%;} */
/* .contents_wrap .cast_area .gallery_list .list_thumb:after{content: ""; background: linear-gradient(180deg, rgba(18, 18, 18, 0.00) 0%, rgba(18, 18, 18, 0.50) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none;} */
.contents_wrap .cast_area .gallery_list .list_thumb .thumb_txt{position: absolute; bottom: 0; left: 0; padding: 12px; color: #fff; z-index: 2;}
.contents_wrap .cast_area .gallery_list .list_thumb .thumb_txt strong{font-size: 16px; font-weight: var(--fw-bold); letter-spacing: -0.32px; line-height: 22.4px;}
.contents_wrap .cast_area .gallery_list .list_thumb .thumb_txt p{font-size: 12px; letter-spacing: -0.36px; line-height: 18px; margin-top: 4px;}
.contents_wrap .off_area .event_list{position: relative;}
.contents_wrap .off_area .special_board{position: static}
.contents_wrap .off_area .special_board ul{height: 256px;}
.contents_wrap .off_area .special_board li{height: 64px; padding: 0 20px;}
.contents_wrap .off_area .special_board ul > li > div > div:first-child > a{border-top: 0;}
.contents_wrap .off_area .special_board ul > li > div > div > a{border-top: 1px solid #F2F2F7; padding: 0;}
.contents_wrap .off_area .special_board .board_wrap .board_label{width: auto; padding: 0 5px; flex-shrink: 0; text-align: center;}
.contents_wrap .off_area .special_board .board_wrap .board_right{width: auto;}
.contents_wrap .off_area .special_board .board_wrap .board_content{flex: 1;}
.contents_wrap .off_area .gallery_list ul{height: 131px; overflow: hidden;}
.contents_wrap .off_area .list_more{margin-top: 20px;}

.contents_wrap .tbanner_area .tbanner_slider{border-radius: var(--border-radius-md); overflow: hidden; border-radius: 4px; background: #FAFAFC; position: relative; font-size: 0; line-height: 0;}
.contents_wrap .tbanner_area .tbanner_slider:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #EDEDF3; border-radius: 4px; pointer-events: none; box-sizing: border-box; z-index: 1;}
.contents_wrap .tbanner_area .tbanner_slider li{background-size: auto 100%;}
.contents_wrap .tbanner_area .tbanner_slider li > a{display: block;}
.contents_wrap .tbanner_area .tbanner_slider li > a img{width: 100%;}
.contents_wrap .tbanner_area .tbanner_slider li > a:not(:has(img)){padding: 22px 20px; color: #fff; font-size: 15px; font-weight: var(--fw-bold); line-height: 23px; letter-spacing: -0.45px; background: linear-gradient(92deg, #518FFE -46.18%, #12C219 116.03%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.contents_wrap .tbanner_area .tbanner_slider .tbanner_pager{width: auto; left: auto; bottom: auto; top: 50%; right: 12px; margin-top: -4px;}

.contents_wrap .area_wrap.full_area{gap: 0;}
.contents_wrap .full_area .area_tit{display: flex; justify-content: space-between; align-items: start;}
.contents_wrap .full_area .area_tit span{display: inline-block; background: #E7EFFD; color: #025AF6; height: 24px; line-height: 24px; padding: 0 7px; font-size: 12px; font-weight: var(--fw-bold); border-radius: 4px;}
.contents_wrap .full_area .full_counter{display: flex; flex-wrap:wrap; align-items: center;  border-radius: 4px;   margin-top: 16px;}
.contents_wrap .full_area .full_counter > li {padding: 17.5px 12px; background: #FAFAFC;}
.contents_wrap .full_area .full_counter > li:first-child{width: 100%; margin-bottom: 8px;}
.contents_wrap .full_area .full_counter > li + li{width: 50%;  }
.contents_wrap .full_area .full_counter > li:last-child {padding-left: 20px; position: relative;}
.contents_wrap .full_area .full_counter > li:last-child:after {content:""; display: block; width: 1px; height: 58px; background: #EDEDF3; position: absolute; top: 15px; left: 0; }
.contents_wrap .full_area .full_counter p{font-size: 14px; font-weight: var(--fw-medium); letter-spacing: -0.56px; line-height: 21px;}
.contents_wrap .full_area .full_counter strong{font-size: 20px; font-weight: var(--fw-bold); line-height: 30px; letter-spacing: -0.6px;}
.contents_wrap .full_area .full_counter strong:after{font-size: 14px; font-weight: var(--fw-bold); line-height: 19.6px; letter-spacing: -0.56px; margin-left: 4px;}
.contents_wrap .full_area .full_counter > li:nth-child(1) strong:after{content: "분";}
.contents_wrap .full_area .full_counter > li:nth-child(2) strong:after{content: "건";}
.contents_wrap .full_area .full_counter > li:nth-child(3) strong:after{content: "명";}
.contents_wrap .full_area .full_note{font-size: 12px; line-height: 18px; letter-spacing: -0.36px; color: #C2CAD6; margin: 12px 0;}
.contents_wrap .full_area .full_btn{border-color: #025AF6; color: #025AF6; font-weight: var(--fw-medium);}
.contents_wrap .full_area .full_btn i{display: inline-block; width: 20px; height: 100%; vertical-align: top;}
.contents_wrap .full_area .full_btn i:after{background: #025AF6; width: 20px; height: 20px; left: -2px;}

.contents_wrap .right_area{border-radius: 4px; border: 1px solid #EDEDF3;}
.contents_wrap .right_area ul > li{border-radius: var(--border-radius-sm); overflow: hidden;}
.contents_wrap .right_area ul > li > a{display: flex; align-items: center; height: 88px; padding: 0 20px; background-repeat: no-repeat; background-position: center top; background-size: auto 100%;}
.contents_wrap .right_area ul > li .ban_tit{font-size: 16px; font-weight: var(--fw-bold); letter-spacing: -0.32px; word-spacing: -1.2px; line-height: 22.4px; width: 220px; word-break: break-all;}

.contents_wrap .perfect_area{position: relative; padding: 0 !important; overflow: hidden;}
.contents_wrap .perfect_area .area_tit{padding: 0 24px;}
.contents_wrap .perfect_area .perfect_wrap{display: flex; justify-content: space-between; align-items: center;}
.contents_wrap .perfect_area .perfect_wrap > ul > li{display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: var(--fw-medium); letter-spacing: -0.56px;}
.contents_wrap .perfect_area .perfect_wrap > ul > li + li{margin-top: 12px;}
.contents_wrap .perfect_area .perfect_wrap > ul > li > span{display: inline-block; background: #E7EFFD; color: #025AF6; height: 24px; line-height: 24px; padding: 0 7px; font-size: 12px; font-weight: var(--fw-bold); border-radius: 4px;display: flex; align-items: center;}
.contents_wrap .perfect_area .perfect_wrap > ul > li > p{font-weight: var(--fw-bold);}
.contents_wrap .perfect_area .perfect_slider{width: 100%; position: static;}
.contents_wrap .perfect_area .perfect_slider .swiper-pagination{top: 20px; right: 24px;}
.contents_wrap .perfect_area .perfect_slider li a{display: block;}
.contents_wrap .perfect_area .perfect_slider li a img{width: 360px;}

.contents_wrap .hot_area ul{display: flex; flex-wrap: wrap; gap: 12px 8px;}
.contents_wrap .hot_area ul > li{width: 100%; height: 78px;}
.contents_wrap .hot_area ul > li img{width: 50px; overflow: hidden; border-radius: 50px; flex-shrink: 0;}
.contents_wrap .hot_area ul > li a{display: flex; align-items: center; gap: 12px; height: 78px; border-radius: 8px; border: 1px solid #EDEDF3; background: #FAFAFC; padding: 0 16px;} 
.contents_wrap .hot_area ul > li .hot_info{overflow: hidden;}
.contents_wrap .hot_area ul > li strong{display: block; font-size: 14px; font-weight: var(--fw-bold); letter-spacing: -0.56px; line-height: 19.6px;}
.contents_wrap .hot_area ul > li p{color: #7E8B9A; font-size: 14px; letter-spacing: -0.42px; margin-top: 2px;}

.contents_wrap .ibanner_area ul li a{display: block; position: relative;}
.contents_wrap .ibanner_area ul li a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #EDEDF3; border-radius: 4px; pointer-events: none; box-sizing: border-box;}
.contents_wrap .ibanner_area ul li a img{width: 360px;}

.contents_wrap .best_area{padding: 20px 0 !important;}
.contents_wrap .best_area :is(.area_tit, .teacher_scroll){padding: 0 24px;}
.contents_wrap .best_area .best_slider{width: 238px;}
.contents_wrap .best_area .best_slider ul{width: 100%;}
.contents_wrap .best_area .best_list{margin-top: 16px; position: relative; z-index: 10;}
.contents_wrap .best_area .best_list ul > li > a{display: flex; align-items: center; gap: 12px; padding: 13px 24px;}
.contents_wrap .best_area .best_list ul > li + li{border-top: 1px solid #F2F2F7;}
.contents_wrap .best_area .best_list ul > li .list_rank{display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 10px; flex-shrink: 0; width: 26px; font-size: 16px; font-weight: var(--fw-bold); text-align: center; position: relative; letter-spacing: -0.32px; margin-top: -6px;}
.contents_wrap .best_area .best_list ul > li .list_rank span{position: relative;}
.contents_wrap .best_area .best_list ul > li :is(.list_rank.up, .list_rank.down):after{content: ""; display: inline-block; border: 4px solid #025AF6; border-right-color: transparent; border-left-color: transparent; border-top-width: 0; border-bottom-width: 7px;}
.contents_wrap .best_area .best_list ul > li .list_rank.down:after{transform: rotate(180deg); border-bottom-color: #C6CBD2;}
.contents_wrap .best_area .best_list ul > li .list_rank.new:after{content: "NEW"; color: var(--mint-60); font-size: 10px; font-weight: var(--fw-bold); line-height: 14px; letter-spacing: -0.2px; white-space: nowrap;}
.contents_wrap .best_area .best_list ul > li .list_rank.keep:after{content: ""; display: inline-block; background: #C6CBD2; width: 6px; height: 2px;}
.contents_wrap .best_area .best_list ul > li .list_info{flex: 1; overflow: hidden; font-size: 0;}
.contents_wrap .best_area .best_list ul > li .list_info p{font-size: 14px; letter-spacing: -0.56px; color: #000; font-weight: var(--fw-medium);}
.contents_wrap .best_area .best_list ul > li .list_info span{display: inline-block; width: 100%; font-size: 13px; letter-spacing: -0.39px; margin-top: 4px;}
.contents_wrap .best_area .best_list ul > li .list_thumb{flex-shrink: 0;}
.contents_wrap .best_area .best_list ul > li .list_thumb:hover{transform: scale(2.5);}
.contents_wrap .best_area .tab_menu_txt > li{font-size: 13px;}

.contents_wrap .best_area .best_list ul > li .list_rank div{display: inline-flex; font-size: 0; line-height: 0; align-items: center; gap: 2px; font-weight: 500;}
.contents_wrap .best_area .best_list ul > li :is(.list_rank .up, .list_rank .down):before{content: ""; display: inline-block; border: 4px solid #E81A17; border-right-color: transparent; border-left-color: transparent; border-top-width: 0; border-bottom-width: 7px;}
.contents_wrap .best_area .best_list ul > li .list_rank .up{font-size: 11px; color: #E81A17;}
.contents_wrap .best_area .best_list ul > li .list_rank .down{font-size: 11px; color: #025AF6;}
.contents_wrap .best_area .best_list ul > li .list_rank .down:before{transform: rotate(180deg); border-bottom-color: #025AF6;}
.contents_wrap .best_area .best_list ul > li .list_rank .new:before{content: "NEW"; color: var(--mint-60); font-size: 10px; font-weight: var(--fw-bold); letter-spacing: -0.2px; white-space: nowrap; margin-top: 1px;}
.contents_wrap .best_area .best_list ul > li .list_rank .keep:before{content: ""; display: inline-block; background: #C6CBD2; width: 6px; height: 2px;}

.contents_wrap .info_area ul{display: flex; flex-wrap: wrap; gap: 12px 11px;}
.contents_wrap .info_area ul > li{width: 149px; height: 34px; line-height: 34px;}
.contents_wrap .info_area ul > li a{display: flex; gap: 12px; padding: 3px 0;}
.contents_wrap .info_area ul > li a img{width: 34px; height: 34px; border-radius: 8px; overflow: hidden;}
.contents_wrap .info_area ul > li span{font-weight: var(--fw-medium); letter-spacing: -0.52px; font-size: 14px;}

.contents_wrap .news_area .news_board li{overflow: hidden;}
.contents_wrap .news_area .news_board li > a{display: flex; align-items: center; gap: 6px; overflow: hidden; width: 100%; padding: 14px 0;}
.contents_wrap .news_area .news_board li > a > i{display: inline-block; width: 16px; height: 16px; flex-shrink: 0;}
.contents_wrap .news_area .news_board li > a > i::after{width: 100%; height: 100%;}
.contents_wrap .news_area .news_board li > a > i:not(.ico_new_label)::after{background: #7E8B9A;}
.contents_wrap .news_area .news_board li > a > i + i{margin-left: -4px;}
.contents_wrap .news_area .news_board li > a:hover p{text-decoration: underline;}
.contents_wrap .news_area .news_board li p{display: inline-block; color: var(--color-primary); letter-spacing: -0.39px; max-width: 258px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 17px; font-size: 14px; font-weight: 500;}
.contents_wrap .news_area .news_board li p:after{right: 0; left: auto; width: 14px; height: 14px;}
.contents_wrap .news_area .news_board li span{color: #7E8B9A; letter-spacing: -0.39px; flex-shrink: 0; font-weight: 700; min-width: 46px;}
.contents_wrap .news_area .news_board li + li{border-top: 1px solid #F2F3F5;}
.contents_wrap .news_area .news_nav{display: flex; align-items: center; gap: 8px; margin-bottom: 20px;}
.contents_wrap .news_area .news_nav > li{background: #F2F2F7; height: 30px; line-height: 30px; font-size: 14px; font-weight: var(--fw-medium); color: var(--gray-60); padding: 0 12px; border-radius: 30px; text-align: center;}
.contents_wrap .news_area .news_nav > li.active{background: #000; color: #fff; font-weight: var(--fw-bold);}
.contents_wrap .notice_area .news_board li p{max-width: none; padding-right: 0;}

@keyframes right-to-left{
    0%{transform: translateX(110%); opacity: 0;}
    100%{transform: translateX(0); opacity: 1;}
}
@-webkit-keyframes right-to-left{
    0%{transform: translateX(110%); opacity: 0;}
    100%{transform: translateX(0); opacity: 1;}
}
@keyframes left-to-right{
    0%{transform: translateX(-110%); opacity: 0;}
    100%{transform: translateX(0); opacity: 1;}
}
@-webkit-keyframes left-to-right{
    0%{transform: translateX(-110%); opacity: 0;}
    100%{transform: translateX(0); opacity: 1;}
}
@keyframes bottom-to-top{
    0%{transform: translateY(100%);}
    100%{transform: translateX(0);}
}
@-webkit-keyframes bottom-to-top{
    0%{transform: translateY(100%);}
    100%{transform: translateX(0);}
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

@media (max-width: 1400px) {
    .contents_wrap .main_banner .main_slider .swiper-button-prev { left: 20px !important; margin-left: 0 !important;}
    .contents_wrap .main_banner .main_slider .swiper-button-next {right: 20px !important; left: auto !important;}
}